Atlas UI Framework, 로우코드 앱 개발에 디자인 씽킹을 도입

메인 컨텐츠로 가기

Mendix 7 Atlas 릴리스: 로우코드 앱 개발에 디자인 씽킹 적용

UI 디자인 블로그 배경

저는 여러분께 다음 릴리스를 소개하게 되어 매우 기쁩니다. Mendix 아틀라스 릴리스. B2E의 표준이 높아지고 B2B 앱 사용자는 기업 IT 리더에게 하이엔드 소비자 앱에서 볼 수 있는 사용성에 대한 사려 깊은 접근 방식을 적용하도록 도전합니다. 사용자 경험 디자인은 성공적인 앱에 중요하지만, 많은 IT 조직은 앱 포트폴리오에서 일관되게 훌륭한 UX를 제공할 충분한 리소스가 부족합니다.

Mendix Atlas를 사용하면 디자인 사고 방식을 적용할 수 있습니다. 로우코드 앱 개발. 이제 비즈니스 분석가와 개발자는 조직의 디자인 언어를 준수하는 매력적인 다중 채널 사용자 인터페이스를 빠르고 쉽게 반복적으로 만들 수 있습니다.

따라서 Mendix Atlas Release는 개발자와 기업이 UI 디자인에 사용자 중심적 접근 방식을 채택할 수 있도록 원활하게 통합되는 3가지 요소로 구성되어 있습니다.

  1. Atlas UI 프레임워크(베타)
  2. 웹 모델러(베타)
  3. Mendix 앱

각각을 더 자세히 살펴보겠습니다.

Atlas UI 프레임워크

Atlas UI는 엔터프라이즈 앱을 위한 디자인 언어이자, 기업 디자인 언어를 디자인하기 위한 프레임워크입니다. Atlas UI의 모든 기능을 다음과 같이 사용할 수 있습니다. Mendix 개발자. 여기에는 앱 개발을 앞당기기 위한 많은 새로운 사전 스타일 페이지 템플릿이 포함됩니다. 또한 Atlas UI는 빌딩 블록이라는 새로운 개념과 디자인 속성을 도입합니다.

Atlas UI 차트

요약하자면 Atlas UI Framework는 5가지 디자인 요소로 구성되어 있습니다.

  1. 탐색 레이아웃: 빌드할 때 Mendix 앱에서 가장 먼저 하는 일은 탐색 레이아웃을 선택하는 것입니다. 이러한 레이아웃은 동적 페이지가 수용되는 프레임이며 앱 전체에 일관된 구조를 제공합니다.
  2. 페이지 템플릿: 페이지 템플릿은 그대로 사용하거나 사용자 정의 빌딩 블록 및 위젯으로 향상시킬 수 있는 미리 디자인된 빌딩 블록의 컬렉션입니다.
  3. 빌딩 블록: 빌딩 블록은 여러 위젯과 스타일링으로 구성된 단일 용도의 사용자 인터페이스 요소입니다. 여러 빌딩 블록은 일반적으로 한 페이지에서 함께 사용됩니다. 각 모바일, 태블릿 및 반응형 페이지에서 빌딩 블록을 끌어서 놓아 공통 UI 패턴을 구현하면 사용자 지정 페이지 개발 속도가 크게 향상됩니다.
  4. 위젯: 위젯은 기존 구성 요소를 향상시키는 데 사용되는 작은 사용자 인터페이스 요소(알림, 버튼, 차트 등)입니다.
  5. 디자인 속성: 위젯의 디자인 속성을 변경하여 위젯을 더욱 사용자 정의할 수 있습니다. 스타일이나 배치가 적절하지 않은 경우 색상, 텍스트 및 기타 여러 변수를 변경하여 위젯을 케이스별로 사용자 정의할 수 있습니다.

애플리케이션 디자인 스크린샷

Atlas Framework에서 영감을 얻으세요 모든 디자인 요소 탐색. 또는 App Store에서 Atlas 참조 앱을 다운로드하여 Atlas 기반의 자체 디자인 언어를 만드세요. 이 앱을 사용하면 자체 사용자 정의를 만들고 Atlas UI의 모든 디자인 요소와 관련하여 테스트할 수 있습니다.

웹 모델러에서 Atlas UI 사용

디자인 사고 방식은 비즈니스 분석가와 개발자 간의 의도적이고 빈번한 협업이 필요합니다. 협업은 이제 베타 버전으로 공개된 Web Modeler를 사용하면 훨씬 쉬워집니다. 이 모델러의 WYSIWYG 페이지 편집기는 아름다운 페이지를 더 쉽고 빠르게 개발할 수 있게 해줍니다. 배포된 앱에서 페이지가 어떻게 보일지 더 이상 추측할 필요가 없습니다. 바로 눈앞에 있습니다.

웹 모델러의 Atlas UI

미리 스타일이 지정된 위젯은 큰 도움이 될 수 있지만, 컨텍스트와 페이지의 위치에 따라 모양에 약간의 유연성이 필요한 경우는 어떨까요? 이제 위젯의 디자인 속성을 변경하여 위젯을 더욱 사용자 정의할 수 있습니다. 색상, 글꼴 크기 및 위젯 정렬과 같은 많은 다른 변수를 변경하여 CSS를 알 필요 없이 위젯을 원하는 대로 만들 수 있습니다.

위젯에 대해 말하자면, Atlas 릴리스는 아름답고 사용하기 쉬운 완전히 새로운 사용자 정의 위젯 세트와 함께 제공됩니다. 예를 들어: Google 지도 위젯, 시계열 및 진행률 원이 이제 한 번의 마우스 클릭으로 완벽하게 통합된 App Store에서 제공됩니다. 모델러 내부의 단일 위치에서 사용자 정의 위젯을 쉽게 관리할 수 있습니다.

차트 스크린샷

앱이 기존 앱 환경에 완벽하게 어울리도록 하려면 회사 스타일로 스타일을 지정해야 합니다. 이렇게 하면 사용자에게 앱이 생동감 있게 다가옵니다. 웹 모델러에서 바로 이 작업을 수행할 수 있습니다. 테마 사용자 지정기를 사용하여 회사 로고, 회사 색상, 타이포그래피 및 기타 사용자 지정 브랜딩으로 앱 스타일을 지정하세요.

Mendix 앱

Atlas UI 및 Web Modeler의 진정한 동반자는 새로운 것입니다. Mendix Android와 iOS에서 앱이 제공됩니다. 앱의 모양과 느낌을 올바르게 만드는 것이 중요합니다.. 와 더불어 Mendix 앱은 개발 프로세스의 모든 단계에서 모바일 기기에서 앱 아이디어를 쉽게 테스트할 수 있습니다. Web Modeler에서 QR 코드를 스캔하기만 하면 됩니다. 또한 기존 또는 새로운 애플리케이션에 대한 아이디어에 대해 팀원 및 동료와 협업할 수도 있습니다.

또한, Mendix 앱에는 Atlas UI 및 해당 앱을 사용하여 구축된 다른 앱을 위한 쇼케이스 앱이 포함되어 있습니다. Mendix 플랫폼. 종종 특정 페이지 템플릿, 빌딩 블록 또는 위젯이 실제 장치에서 어떻게 보이고 느껴질지 알고 싶을 것입니다. 쇼케이스에서 Mendix 앱에서 Atlas UI 참조 앱을 로드하고 사용 가능한 모든 페이지 템플릿, 빌딩 블록 및 위젯의 전체 카탈로그를 탐색할 수 있습니다. 이를 통해 진정으로 경험할 수 있습니다. 광범위한 모바일 기능 Atlas UI의 - 모든 것이 귀하의 기기에서 편리하게 가능합니다.반응형 디자인의 예

쇼케이스의 다른 예제 앱도 꼭 살펴보세요. 우리는 여러 가지 아름다운 예제 앱을 사용할 수 있으며, 이를 통해 기능을 보여줍니다. Mendix 플랫폼. 그리고 이러한 예는 다음에만 국한되지 않습니다. -보고있는 페이지 - 각각에는 '스마트 앱' 기능도 있습니다. 예를 들어, 고객 포털 앱에서 채팅 기능을 사용해 봇과 채팅을 경험해 보세요. Mendix 응용 프로그램.

따라서 Mendix 앱 사용 가능 iOS Android.

-

Atlas를 사용하면 이제 매우 중요한 최종 사용자의 까다로운 요구 사항을 충족할 수 있습니다. 이제 누구나 아름답고, 매우 유용한 다중 채널 앱을 빠르게 만들 수 있습니다. 디자인 씽킹을 채택하여 비즈니스 전문가와 긴밀하게 협력하여 가장 중요한 부분, 즉 비즈니스 요구 사항을 충족하고 훌륭한 사용자 경험을 만드는 데 집중하세요. 그리고 앱은 조직의 디자인 언어를 준수합니다. UX 전문가가 미리 정의해 놓은 언어입니다. 앱의 사용자 경험과 조직의 성공을 형성하는 것은 바로 여러분입니다!

Atlas 릴리스에서 강력한 새 도구를 사용하면 모든 훌륭한 혁신이 실현되는 모습을 볼 수 있기를 기대합니다!

언어를 선택하세요