Atlas UI フレームワークがローコード アプリ開発にデザイン思考をもたらす

メインコンテンツへスキップ

Mendix 7 Atlas リリース: ローコード アプリ開発にデザイン思考を取り入れる

UIデザインブログの背景

次のリリースを皆さんにご紹介できることを嬉しく思います。 Mendix アトラスリリースB2Eと B2B アプリのユーザーは、ハイエンドの消費者向けアプリに見られるような、ユーザビリティに対する思慮深いアプローチを企業の IT リーダーに求めるようになっています。ユーザー エクスペリエンスの設計はアプリの成功に不可欠ですが、多くの IT 組織には、アプリ ポートフォリオ全体で一貫して優れた UX を提供するための十分なリソースがありません。

Mendix Atlasを使用すると、デザイン思考アプローチを適用できます。 ローコードアプリ開発ビジネス アナリストと開発者は、組織の設計言語に準拠した魅力的なマルチチャネル ユーザー インターフェイスを迅速かつ簡単に反復的に作成できるようになりました。

当学校区の Mendix Atlas Release は、開発者とビジネスが UI デザインに対してユーザー中心のアプローチを採用できるようにシームレスに統合される 3 つの要素で構成されています。

  1. Atlas UI フレームワーク (ベータ版)
  2. Web モデラー (ベータ版)
  3. Mendix アプリ

それぞれについて詳しく見ていきましょう。

Atlas UI フレームワーク

Atlas UIは、エンタープライズアプリ向けのデザイン言語であると同時に、独自の企業デザイン言語を設計するためのフレームワークでもあります。Atlas UIのフルパワーは、 Mendix 開発者向け。これには、アプリ開発を有利に開始するための、多数の新しいスタイル設定済みのページ テンプレートが含まれています。さらに、Atlas UI では、ビルディング ブロックと呼ばれる新しい概念とデザイン プロパティが導入されています。

Atlas UI チャート

要約すると、Atlas UI フレームワークは次の 5 つの設計要素で構成されています。

  1. ナビゲーションレイアウト: 構築するときに Mendix アプリでは、まずナビゲーション レイアウトを選択します。これらのレイアウトは、動的なページが格納されるフレームであり、アプリ全体で一貫した構造を提供します。
  2. ページテンプレートページ テンプレートは、そのまま使用することも、カスタム ビルディング ブロックやウィジェットで拡張することもできる、事前に設計されたビルディング ブロックのコレクションです。
  3. ビルディング·ブロック: ビルディング ブロックは、複数のウィジェットとスタイルで構成される、単一目的のユーザー インターフェイス要素です。通常、1 つのページで複数のビルディング ブロックが一緒に使用されます。モバイル、タブレット、レスポンシブの各ページのいずれかにビルディング ブロックをドラッグ アンド ドロップして、共通の UI パターンを実装すると、カスタム ページの開発が大幅にスピードアップします。
  4. ウィジェットウィジェットは、既存のビルディング ブロックを強化するために使用される小さなユーザー インターフェイス要素 (アラート、ボタン、グラフなど) です。
  5. デザインプロパティ: ウィジェットのデザイン プロパティを変更することで、ウィジェットをさらにカスタマイズできます。スタイルや配置が適切でない場合は、色、テキスト、その他の多くの変数を変更して、ケースごとにウィジェットをカスタマイズできます。

アプリケーション設計のスクリーンショット

Atlas Frameworkからインスピレーションを得てください すべてのデザイン要素を探索するまたは、App Store から Atlas リファレンス アプリをダウンロードして、Atlas をベースに独自のデザイン言語を作成することもできます。このアプリを使用すると、独自のカスタマイズを作成し、Atlas UI のすべてのデザイン要素のコンテキストでテストできます。

Web モデラーでの Atlas UI の使用

デザイン思考アプローチでは、ビジネス アナリストと開発者の間で意図的かつ頻繁なコラボレーションが必要です。Web Modeler を使用すると、コラボレーションがはるかに簡単になります。Web Modeler は現在ベータ版として公開されています。このモデラーの WYSIWYG ページ エディターを使用すると、美しいページを簡単かつ迅速に開発できます。展開したアプリでページがどのように表示されるかを推測する必要はもうありません。目の前に表示されます。

Web モデラー上の Atlas UI

事前にスタイル設定されたウィジェットは非常に役立ちますが、コンテキストやページ上の位置に応じて外観に柔軟性が必要な場合はどうすればよいでしょうか。デザイン プロパティを変更することで、ウィジェットをさらにカスタマイズできるようになりました。色、フォント サイズ、ウィジェットの配置など、その他の多くの変数を変更して、CSS を知らなくても、ウィジェットを必要な形にすることができます。

ウィジェットといえば、Atlas リリースには、美しく使いやすいカスタム ウィジェットの完全な新しいセットが付属しています。たとえば、Google マップ ウィジェット、時系列、進捗状況サークルは、シームレスに統合された App Store からマウスを 1 回クリックするだけで利用できるようになりました。モデラー内の 1 つの場所からカスタム ウィジェットを簡単に管理できます。

チャートのスクリーンショット

アプリを既存のアプリ環境にシームレスに適合させるには、会社のスタイルでスタイルを設定する必要があります。これにより、ユーザーにとってアプリが生き生きしたものになります。これは Web Modeler から直接行うことができます。テーマ カスタマイザーを使用して、会社のロゴ、会社の色、タイポグラフィ、その他のカスタム ブランドでアプリをスタイル設定します。

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 リリースの強力な新しいツールを使い始めると、素晴らしいイノベーションが実現するのを見るのが楽しみです。

言語を選択してください