Windows アプリのナビゲーションの基本 - Windows apps

アプリをページのコレクションと考える場合、 ナビゲーション ページ間とページ内を移動する動作について説明します。ユーザーエクスペリエンスの開始点であり、ユーザーが関心のあるコンテンツや機能を見つける方法です。それは非常に重要であり、正しく取得することは困難な場合があります。

ナビゲーションには膨大な数の選択肢があります。以下のような方法で対処できます。

ユーザーが順番に一連のページを通過することを要求します。

ユーザーが任意のページに直接ジャンプできるメニューを提供します。

すべてを 1 つのページに配置し、コンテンツを表示するためのフィルター処理メカニズムを提供します。

すべてのアプリに対して動作するナビゲーションデザインは 1 つはありませんが、アプリに適した設計を決定するのに役立つ原則とガイドラインがあります。

優れたナビゲーション設計の基本原則から始めましょう。

ナビゲーションは、ユーザーの期待と一致している必要があります。ユーザーが使い慣れた標準コントロールを使用し、アイコン、場所、スタイルの標準的な規則に従うことで、ナビゲーションがユーザーにとって直感的で予測可能なものになります。

ユーザーは、標準の場所で特定の UI 要素を見つけることを期待しています。

ナビゲーション項目が少ないほど、ユーザーの意思決定が簡略化されます。重要な宛先に簡単にアクセスし、重要度の低い項目を非表示にすると、ユーザーが必要な場所にすばやくアクセスできるようになります。

なじみのあるナビゲーションメニューにナビゲーション項目を表示する。

多数のナビゲーションオプションでユーザーを圧倒しない。

クリアパスを使用すると、ユーザーの論理ナビゲーションが可能になります。ナビゲーションオプションを明確にし、ページ間の関係を明確にすることで、ユーザーが迷子にならないようにする必要があります。

宛先には明確なラベルが付いているため、ユーザーは自分の場所を把握できます。

一般的な推奨事項

次に、設計の原則 (一貫性、シンプルさ、明確さ) を取り、それらを使用していくつかの一般的な推奨事項を思い付いてみましょう。

ユーザーについて考えます。ユーザーがアプリを通過する可能性がある一般的なパスをトレースし、ページごとに、ユーザーが存在する理由と、ユーザーが移動する場所について考えます。
ナビゲーションの深い階層を避けます。ナビゲーションのレベルが 2 つを超える場合は、ユーザーに現在の場所を示す階層リンクバーを提供し、ユーザーがすばやく元の場所に戻れるようにします。そうしないと、ユーザーが深い階層に入り込み、簡単に抜けられなくなるおそれがあります。
"ホッピング" を避けます。ホッピングは、関連するコンテンツがある場合に発生しますが、そこに移動するには、ユーザーが上のレベルに移動し、もう一度下りてくる必要があります。

一般的なナビゲーションの原則に慣れたので、アプリをどのように構成すればよいでしょうか。フラット構造と階層構造の 2 つの一般的な構造があります。

フラット/ラテラル構造では、ページは並べて存在します。 1 つのページから別のページに任意の順序で移動できます。

次の場合は、フラット構造を使用することをお勧めします。

ページは任意の順序で表示できます。
ページは互いに明確に区別され、明確な親子関係はありません。
グループ内のページ数が 8 ページ未満の場合。
(ページが多い場合、ユーザーがページがどのように一意であるかを理解したり、グループ内の現在の場所を理解することが困難になる場合があります。それがアプリの問題でないと思われる場合は、先に進んでページをピアにします。それ以外の場合は、階層構造を使用してページを 2 つ以上の小さなグループに分割することを検討してください)。