Atlas UI の発表: 優れたアプリ設計とユーザー エクスペリエンスを実現するローコード アプローチ | Mendix

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

Atlas UI の発表: 優れたアプリ設計とユーザー エクスペリエンスを実現するローコード アプローチ

Atlas UI ブログの背景画像

本日、私たちが長らく開発を進めてきたものの一般提供を発表できることを嬉しく思います。これは、企業がアプリを設計し、ユーザー エクスペリエンスを作成する方法に重要かつ有益な影響を与えると私たちは考えています。   Mendix アトラスリリースAtlas UI を使用すると、UI 設計スキルがほとんどまたはまったくない人でも、美しく機能豊富なユーザー インターフェイスをすばやく作成できます。しかし、これからわか​​るように、Atlas UI はそれだけではありません。Atlas UI フレームワークと新しい Web Modeler には、UI と UX のベスト プラクティス、さらには組織独自の設計言語に基づいて、優れた使いやすいアプリをユーザーと組織が作成できる機能と原則が組み込まれています。

レスポンシブ UI の例

Atlas UI とは何ですか?

まず、コア機能を簡単に見てみましょう。 アトラスUI は、アセンブリ、カスタマイズ、標準化の組み合わせを通じてUI構築をサポートするように設計された階層化されたコンポーネント化されたフレームワークです。 ウェブモデラー は、新しい完全な WYSIWYG (見たままが得られる) クラウドベースのビジュアル開発ツールで、Atlas UI フレームワークと連携して、リッチでレスポンシブなページ デザインとアプリ フローをすばやく簡単に作成できます。Web Modeler を使用すると、ビジネス ユーザーと開発者は Atlas UI デザイン要素を使用してアプリのアイデアを迅速に具体化し、ユーザーにすぐに提供できます。ワイヤーフレームやプロトタイプだけでなく、実際のアプリです。

Atlas UI スクリーンショット

Web Modeler のツールボックスには、Atlas UI デザイン要素 (ページ テンプレート、ビルディング ブロック、ウィジェットなど) のコレクションが含まれており、キャンバスにドラッグ アンド ドロップして、既成のアセンブリに基づいて、または最初からインターフェイスを組み立てることができます。見栄えがよく、すぐに使用できるデザイン要素のカタログから選択することも、独自のデザイン要素を作成することもできます。アクセスできるすべてのデザイン要素がツールボックスに表示され、簡単に検索できます。パブリックまたはパブリックから取得したデザイン要素は、 Mendix App Store または組織のプライベート アプリ ストアは、使用対象として選択すると、プロジェクトに自動的に読み込まれます。

ページは、ページ テンプレート、ビルディング ブロック、ウィジェットの組み合わせによって構築され、レスポンシブ グリッドを採用しています。ページ テンプレートは、リスト、フォーム、詳細ビューなどの一般的なページ パターンを実装します。また、カスタム ページ テンプレートを使用すると、任意のパターンを実装できます。一方、ビルディング ブロックは、事前構成された UI ウィジェットのアセンブリを使用して、ページ内に一般的な UI パターンを実装します。Atlas UI デザイン要素のビジュアル スタイルは、選択したビジュアル テーマ (弊社が提供するいくつかのテーマのいずれか、または組織で作成されたカスタム テーマ (新しいテーマ カスタマイザーを使用)) に反映されます。ページ テンプレート、ビルディング ブロック、レスポンシブ グリッドの組み合わせは、さまざまなデバイス タイプとフォーム ファクターで自動的に機能するリッチ インターフェイスを組み立てるための高速で強力な方法です。また、Web モデラーでは、結果を直接確認して変更することができます。

アプリのデザインが完成したら、当然のことながら、潜在的なユーザーに検証してもらい、フィードバックを得たいでしょう。そこで、 Mendix アプリが届きます。アプリを公開すると、iOSまたはAndroidのスマートフォンにアプリをすぐにロードできるQRコードが提供されます。 Mendix アプリ(入手するには iOS or Android)。また、QR コードを 1 人以上のユーザーに電子メールで送信して試用してもらい、フィードバックを求めることもできます。これは、アプリのアイデアや実装の設計について、貴重なフィードバックを迅速に得るのに最適な方法です。

その Mendix アプリは、UIデザイナーや開発者にとっても素晴らしいリソースです。たとえば、特定のページテンプレートやビルディングブロックが特定のデバイスでどのように見えるかを確認したい場合があります。Atlas UIリファレンスアプリを使用すると、増え続けるデザイン要素のコレクションを閲覧し、それらがモビリティをどのようにサポートするかを直接体験できます。また、いくつかのサンプルアプリも提供しており、自分自身やチームが、このアプリで実現できる可能性を体験できます。 Mendix.

Web Modeler 内で Atlas UI デザイン要素からユーザー インターフェイスを作成するのは迅速かつ簡単で、優れた結果を生み出します。開発者はアイデアから始めて、1 週間以内に完全に機能するアプリをユーザーに提供できます。または、最初のアイデアであれば 1 時間以内で作成できます。

ベストプラクティスと一貫性の促進

今日、多くの組織は、アプリを成功させ、意図したビジネス成果を促進するには、優れたユーザー エクスペリエンスを提供する必要があることを理解しています。設計の悪いアプリは十分に活用されなかったり、ユーザーに完全に放棄されたりする可能性があります。優れたユーザー エクスペリエンスを提供するには、見た目、つまりユーザー インターフェイスの魅力以上のものが求められます。実際、使いやすさ以上のものも必要です。UX 実践者は、見た目に関連する品質である望ましさを、価値、使いやすさ、適応性などの追加の品質と組み合わせます。 優れたユーザーエクスペリエンスを確保するアプリを設計する際、特に最良の場合でも開発者の数がデザイナーの 17 倍にも上る世界では、基礎がしっかりしていることをどのように確認できるでしょうか。

ベストプラクティスと一貫性の促進

鍵となるのは、開発チームにベスト プラクティスを体現する UI 要素を装備させることです。これは Atlas UI の背後にある中核原則の 1 つであり、そのアプローチに内在するものです。たとえば、ビルディング ブロックは、複数のウィジェットを一度にドラッグ アンド ドロップしてページの構築を高速化する手段であるだけでなく、最適な比率、間隔、個別のデザイン プロパティを使用して、事前構成されたレイアウトでウィジェットを組み立てます。また、当社の Atlas UI デザイン要素のコレクションは、レスポンシブ レイアウトですぐに使用できるため、ユーザー インターフェイスがフォーム ファクター間でスムーズに移行できます。もちろん、必要に応じてこれらをすべてカスタマイズできます。

視覚的にアプリケーションを構築する

Atlas UIは、ベストプラクティスに従って専門的に設計されたデザイン要素のコレクションであり、すぐに使える強固な基盤からスタートできます。しかし、社内にデザインチームがある場合はどうでしょうか? どのように活用できるでしょうか? アプリ環境に合わせて ~のベストプラクティス ローコードプロジェクトAtlas UIは、この点でも役立ちます。UIフレームワークやツールによくある単純なテーマ設定をはるかに超えて、Atlas UIでは社内のデザイナーが独自のデザイン言語を作成して適用することができます。 Mendixベースのプロジェクト。独自のページテンプレートと独自のビルディングブロック(必要に応じてカスタムウィジェットを活用)を作成し、それらを社内または顧客向けのビジュアルブランディングを表すカスタムテーマに組み合わせることができます。これらをエンタープライズデザイン言語モジュールとしてパッケージ化し、プライベートアプリストアを通じて配布することで、組織独自のUIベストプラクティスを開発者のツールボックス内で提供できます。1つのUI/UXチームが、任意の数のプロジェクトチームを通じてデザイン言語を提供できます。 Mendixご希望に応じてデザイン要素も提供されます。

デザイン思考: ユーザーを第一に考える

最近、多くの議論が交わされています デザイン思考—数十年前に始まった概念ですが、最近になってアプリケーション設計界で注目されるようになりました。なぜ、特に企業内で、このような突然の関心が寄せられているのでしょうか。それは、デザイン思考が、前述のユーザー エクスペリエンスの 4 つの特性、つまり望ましさ、価値、使いやすさ、採用可能性に直接関係しているからです。デザイン思考は、原則として、プロジェクト チームが仮定に疑問を持ち、問題を繰り返し探究して、正しい解決策を見つけられるようにします。なぜそれがアプリ開発でそれほど重要なのでしょうか。新しいアプリに投資する場合、提供されるソリューションが実際の問題を解決することが重要です。それが、意図したビジネス成果を実現できる唯一の方法だからです。

デザイン思考

今日の組織は、アプリの設計と実装に対するユーザー中心で価値主導のアプローチを模索し、実装するさまざまな段階にあります。中には、白紙の状態から始めて、アイデアを出し、実験し、理論をテストする準備を整えているところもあります。初期のアイデアを破棄するか、最初のアイデアが有望ではあるものの、完全に適切ではない場合に方向転換するのです。実際、 Mendix 顧客の中には それだけをしてください. 他にも、より具体的な目標と目的 (価値と採用可能性がより容易に得られる) から始めて、ビジネス目標と整合した使いやすい実装に確実に収束させたいと考える企業もあります。いずれにしても、ビジネス ユーザーやエンド ユーザーと直接連携する反復的なアプローチは、意図した結果を達成する上で基本的に必要です。

Mendix は、アプリの取り組みの始まりから本番環境への展開、そしてそれ以降に至るまで、ビジネスとのコラボレーションを促進し、推進するという目標を掲げて設立されました。その目標の背後には、ビジネス目標とユーザーのニーズを常に最優先に考えることの重要性への認識がありました。Atlas UI はそれをさらにレベルアップさせ、エンタープライズ アプリの取り組みにおけるデザイン思考を現実的な提案にします。その方法については、新しい デザイン思考 ページで見やすくするために変数を解析したりすることができます。

ご想像のとおり、優れたアプリ デザインとユーザー エクスペリエンスを推進するというトピックについては、まだまだお話ししたいことがたくさんあります。ぜひこのスペースにご注目ください。また、アプリを通じてビジネス価値を生み出すためのアプローチや、Atlas UI がどのように役立つかについてもお話ししたいと思います。

言語を選択してください