マルチレベルナビゲーション-エンタープライズアプリケーション
エンタープライズレベルのアプリケーションナビゲーションシステムの設計ソリューションを提供しています。現在、ユーザーは一連の親メニューと子メニューをドリルスルーしてナビゲートできます。最大5レベルのナビゲーションが可能で、各レベルは異なるビューに表示され、最大16の子が各ビューに表示されます。
このシステムを単一ページのアプリケーションに移行したいと考えています。通常、メニューオプションの数を減らすことができるかどうかを確認しますが、時間はありません。ナビゲーションを統合するいくつかのソリューションがあり、誰かがさらにいくつかの情報や洞察を提供できることを望んでいました。
マルチレベルツリーナビゲーションツリーナビゲーションをページに表示できます。これは永続的であり、レベルを区別するために明確なインセットが必要になります。ここでの私の懸念は、ユーザーがアプリケーション内のどこにいるかをユーザーがすばやく確認することが困難になる可能性のある多くのオプションが与えられることです。また、すべてのナビゲーションを表示すると、UIが複雑になります。
メガメニューこれは、4レベルと5レベルのフライアウトで実際に醜くなります。フライアウトからフライアウトを操作するのに必要な器用さは望ましくありません。バリエーションは、最大2レベルのフライアウトナビゲーションを処理することができ、より深いレベルは、ユーザーが子リンクを持つ別のビューに移動する[もっと見る]リンクに表示されます。ただし、これはSPAモデルを壊します。
どちらのオプションも適切ですが、ツリーナビゲーションをお勧めします。メニューアイテムにすばやくアクセスするには、ツリーナビゲーションの上に検索ボックスを追加することをお勧めします。ユーザーは、検索ボックスに3文字を入力して、それぞれのページリンクを取得できます。
2.から、ツリーナビゲーションオプションの方が適しているようです。メニューの未使用の要素が非表示になるように、ナビゲーションにアコーディオン動作（展開/折りたたみ）を追加します。また、ブレッドクラムを使用すると、アプリケーションのどこにいるかをユーザーに知らせることができます。また、ユーザーが並列ページ間をジャンプできるように、ブレッドカブに選択可能な要素を含めることもできます
1つのページでサイトスキーマ全体を表現することは、前述のように検索や、古いスタイルのサイトマップページに少し似ています。
これは、サイトへのガイド、またはサイト全体のナビゲーションの機能を目的としていますか？後者の場合は、メガナビゲーションのトップレベル（0〜4）とセクションナビゲーションの下位レベルを表示できます。
セクションが本当に深い場合は、各セクションページの左側の列に垂直のアコーディオンナビゲーションエレメントが必要になる場合があります。
また、最低レベルに移動する必要がありますか？同様のオブジェクト（製品、レッスンプラン、画像、販売用の家など）が大量にある場合は、フィルターされたリストタイプのレイアウトに適しています。メガナビゲーションを使用して、ユーザーを適切なリストに配信し、そこでユーザーがソートおよびフィルタリングして、必要なオブジェクトを見つけることができます。