私は管理ダッシュボードを設計していますが、これが私の頭に浮かびました。
トップメニューを使用すると、クロスブラウジングを分析したときに一貫性が増します。常にダッシュボードが上になるため、このダッシュボードは応答性が高くなりますが、モバイルではあまり使用されませんが、最大でもタブレットでは使用されません。これは、このダッシュボードの以前のバージョンに基づく実際の情報です。
一方、サイドメニューはデスクトップでより一貫性があり、メニューを変更するためのより直感的な方法のようです。
それで、この情報に基づいて、どのタイプのメニューを選ぶべきですか?現在、レイアウトと外観以外にどのようなメニューを使用するかについての基準はありません。
XMovement.comの記事 から:
上または左のメニュー、絶対的な答えはありません。ユーザー向けのデザインに関しては、コンテキストが重要です。
あるコンテキストでうまく機能するナビゲーションは、別のコンテキストにうまく適合しない場合があります。どのナビゲーションがアプリケーションに最適であるかを結論付けるには、上と左のナビゲーションが最適に機能するさまざまなコンテキストを理解することが重要です。
スキャン中
- 左側のナビゲーションは、ユーザーがスキャンするのに高速で効率的です。
- 左のナビゲーションはまた、人々にとって自然な垂直走査方向を促進します。
- 上部ナビゲーションは、ユーザーが読書中によく使用する水平方向のスキャン方向を強制します。
可視性
- 上部のナビゲーションアイテムは常にスクロールせずに見える範囲にあり、見つけやすくなっているため、より見やすくなっています。
- 左側のナビゲーションアイテムが必ずしもスクロールせずに見えるとは限らないため、アイテムが多すぎると、一部のアイテムがスクロールしなければ見えなくなることがあります。
- トップナビゲーションは通常、ヘッダーとロゴが付いているため、見つけやすくなっています。どちらも視覚的に支配的なオブジェクトです。
優先度
- 左端のアイテムは、主要な光学領域(左上)に配置されているため、他のアイテムよりも視覚的な重みが大きくなります。
- 左上のアイテムはより多くの露出を得ます。
- 右側にバランスナビゲーションがないため、左ナビゲーションが優先されます。
- 上部ナビゲーションのアイテムは同じ重みではありません。
設計に関しては、1つのアプローチがすべてのケースで常に100%効果的である絶対的なものはほとんどありません。あなたとあなたのユーザーに最適なアプローチを見つけるには、関連するコンテキストの理解が必要です。
私は「ダッシュボード」のようなページ内でナビゲーションをいつどのように実装するかについていくつかの議論を進めてきたので、ここで私たちが考慮した考慮事項のいくつかを紹介します。
最高レベルのインタラクションのためにトップメニューを予約することを好みます。次のようなもの:Webサイトの「ホーム」にアクセスする、まったく異なるワークフローに切り替える、ユーザープロファイルにアクセスするなど。これらのアクティビティはあまり一般的ではなく、ユーザーはページの最上部を直感的にスキャンして、上位レベルを探します。活動。
サイドメニューは、ユーザーがより頻繁に実行するアクションに役立ちます。グループ化するアクションが同じワークフローの一部である場合(たとえば、受信トレイのセクションをナビゲートしたり、さまざまなカテゴリの売上を監視したりする場合)、サイドメニューを使用して、ユーザーを論理的に同じワークスペースに維持します。
ユーザーがこれらのダッシュボードメニュー項目を頻繁に切り替える場合は、サイドメニューをお勧めします。そうでなければ提案するワークフローについてもっと知る必要があります。
この例については、Pivotal Tracker、Facebook、Gmail、CircleCIを参照してください。