情報アーキテクチャの実装に関する推奨事項

この Power Platform Well-Architected エクスペリエンスの最適化チェックリストの推奨事項に適用されます:

このガイドでは、ワークロードに効果的な情報アーキテクチャ (IA) を設計するための推奨事項について説明します。

主要な設計戦略

情報アーキテクチャとは、システムのコンテンツと機能の構成と構造を指します。 これは、ユーザーがシステムをどのように認識、理解し、操作するかに影響します。 適切に設計されたシステムには、システムの内部ロジックや技術的な制約よりもユーザーのニーズやタスクを優先する情報アーキテクチャが必要です。 このアプローチにより、ユーザーは必要な情報や機能を簡単かつ効率的に見つけてアクセスできるようになります。

ナビゲーション構造に一貫性を持たせる

一貫したナビゲーションにより、ワークロード エクスペリエンス内でのユーザーの方向性が強化され、ページ間または画面間のスムーズな遷移が可能になります。 ナビゲーションは明確で、直観的で、予測可能である必要があります。 ワークロード全体で同じナビゲーション要素 (メニュー、タブ、ブレッドクラム、ボタン) を使用し、それらを一貫した場所に配置します。 ナビゲーションにコンテンツの階層とリレーションシップが反映され、ユーザーが現在の場所と潜在的な目的地を簡単に認識できるようにしてください。

一貫性がありユーザー フレンドリーなラベルを使用する

ラベルは、見出し、タイトル、メニュー、ボタン、リンクなどのコンテンツや機能を識別および説明するために使用される用語です。 明確で一貫したラベルは、ユーザーがワークロード エクスペリエンスを理解し、簡単にナビゲートし、タスクを効果的に実行する際に役立ちます。 ラベルは、トーン、言語、形式に一貫性があり、ユーザーが慣れ親しんで好む用語を使用する必要があります。 たとえば、ユーザーのプロフィールや設定を指す用語として「アカウント」を使用する場合は、ワークロードのエクスペリエンス全体で一貫して使用し、「プロフィール」 や 「設定」 などの同義語の使用は避けてください。

ナビゲーション要素には、各要素の目的と目的地を伝える明確で説明的なラベルが必要です。 ユーザーは、各要素をクリックしたりタップしたりしなくても、各要素が何を行うのか、どこにつながるのかを理解できる必要があります。 たとえば、「製品」というラベルの付いたメニュー項目には、「メニュー 1」というラベルの付いたメニュー項目よりも多くの情報が提供されます。

ユーザーをガイドするために、状況に応じたヒントと視覚的インジケーターを提供します

文脈上の手がかりと視覚的なインジケーターは、ユーザーがコンテンツと機能の意味と機能を理解するのに役立つ要素です。 例として、アイコン、ラベル、色、フォント、画像などが挙げられます。 スタイル、サイズ、意味が一貫しており、ユーザーの期待や慣習と一致している必要があります。 たとえば、検索機能を表すために虫眼鏡のアイコンを使用する場合は、製品全体で一貫して使用し、使用するたびに同じように動作することを確認してください。

進歩的な情報開示

段階的な開示により、二次的または無関係な情報や機能からの気が散るのを最小限に抑えることで、ユーザーは主要なタスクと目標に集中し続けることができます。 必要に応じてコンテンツや機能を非表示、折りたたみ、展開、表示などの手法を使用して、適切な量の情報と機能を適切なタイミングで提供します。 多すぎたり少なすぎたりする情報や機能でユーザーを圧倒したり、気を散らしたりしないようにしましょう。 ユーザーが表示または操作したい詳細度と複雑さのレベルを制御できるようになります。

段階的開示の典型的な例はウィザード パターンです。 ウィザードとは、ユーザーが所定の順序で情報を入力または表示できるようにするステップ バイ ステップのプロセスであり、後続のステップは前のステップで入力された情報に依存する場合があります。 複雑なプロセスをより小さな一連のステップに分割すると、すべてのフィールドと情報を一度に公開する場合と比較して、ユーザーの認知的負荷が軽減されます。 このアプローチでは、同じコンテンツをより管理しやすくユーザーフレンドリーな形式で配信します。

情報と機能を分類する

情報と機能を意味のある論理的なグループに整理すると、ユーザーはワークロードの情報と機能を見つけてアクセスしやすくなります。 ユーザーのニーズ、タスク、目標に基づいて、コンテンツと機能を意味のある論理的なカテゴリにグループ化し、ラベルを付けます。 相互に排他的で集合的に網羅的なカテゴリを使用します。各アイテムはひとつのカテゴリにのみ属し、すべてのアイテムがそのカテゴリに含まれます。 必ず一貫性と整合性のあるカテゴリを使用し、各カテゴリ内の項目が共通の特性または基準を共有するようにしてください。

情報と機能を階層にグループ化する

重要性、頻度、または使用順序に基づいて、コンテンツと機能を階層順に配置して表示します。 ユーザーの好みや行動に応じて、トップダウンまたはボトムアップのアプローチを使用します。 コンテンツと機能の量と複雑さに応じて、浅い階層または深い階層を使用します。 階層的な リレーションシップ とレベルを表示するには、サイズ、色、形状、位置などの視覚的な手がかりとインジケーターを使用します。

Power Platform の促進

モデル駆動型アプリ ナビゲーションを使用すると、さまざまなレベルで ページのグループを構成 できます。 アプリ デザイナーを使用すると、アプリ内のフォーム、ビュー、カスタム ページを管理できます。

キャンバス アプリは 画面で構成され、ナビゲーション はネイティブ コンポーネントを使用して実現されます。 たとえば、ギャラリー または 垂直レイアウト コンテナ を使用して、要素のリストをノードとして作成できます。ノードには、画面間を 移動 する ボタン などのクリック可能な要素が含まれています。 すべての画面に表示される再利用可能なグローバル ナビゲーション コンポーネントを実装するには、カスタム コンポーネント の使用を検討してください。

Creator Kit の ナビゲーション コントロール は、主要なナビゲーションに適したオプションです。 タブ リスト は、画面内のコンテンツを切り替えるためのセカンダリ ナビゲーションによく使用されます。 モダン コントロールのリンク を使用して Web ページまたはキャンバス アプリを起動します。 リソースへのユニバーサル ナビゲーションは、コンテナ内のヘッダーにクリック可能なナビゲーション アイコン (または Fluent アイコン) を重ねることで、グローバル アプリのヘッダーに配置できます。

ウィザード パターンを実装するには、Creator Kit の SubwayNav コンポーネント を使用します。

参照

キャンバス アプリのナビゲーション学習モジュール

エクスペリエンスの最適化のチェックリスト

完全な推奨事項セットを参照してください。