4

ある時点で 6 レベルのナビゲーションがある顧客用に作成しているアプリがあります。基本的に、ユーザーはナビゲーションからアイテムを選択したいと考えています。それはナビゲーションの別のセットにつながり、それは別のナビゲーションのセットにつながり、ナビゲーション プロパティの 6 レベルの深さになるまで続きます。

メニュー項目の中には、それほど遠くないものもあれば、実際にはサブメニューがないものもあります。

さらに複雑なことに、一部のリンクには、リンク先のレポートの説明が必要です。ここでの注意点は、説明の一部が 15 行の長さであり、基本的に膨大なテキストの段落であるということです。

ホバーでサブメニューを開こうとしましたが、6 番目のレベルに下がったときに、マウスを動かしすぎると、戻って再びツリーアウトします。

Twitter のブートストラップからアコーディオン方式を試してみましたが、6 レベルのメニューのほとんどのナビゲーションがページから押し出されたため、うまくいきませんでした。

XML を使用して、基本的にユーザーがリンクをクリックすると、「サブリンク」がドロップダウン リスト付きの部分ビューに表示されるドロップダウン リストにデータを入力しようとしました。それはあなたが最低レベルになるまで続きました。問題は、6 つのドロップダウン リストと説明を含む画面領域が不足していることです。

このようなアプリで他に何ができるかについて、何か提案はありますか?

4

1 に答える 1

9

ドリルダウン メニュー - iPod スタイル

簡単な解決策は、CSS スタイルを使用して 1 つまたは複数のネストされたものを一度に表示しないことです。これを実現できるメニューはたくさんあります。これまで私がデザインで使用した、ネストされたメニューが非常に多いものの例としては、iPod の使用があります。メニューのスタイル。自分で見て、好きなだけネストを表示しながら、すべてを使いやすく、見た目もクールに保ちます。

ソースとその他のデモはオンラインで確認できます: jQuery iPod style and flyout menus 。WordPressを使用している場合、これは既にここに移植されています。また、ページ上で同じように動作する多くのメニューを持つことができるので、デモを見ている間、1つのドロップダウンが効果的であることがわかりますが、「メニューバー」で互いに並んで多くの作業を行うことができます。この状況。

ドリルダウン メニューのその他の例

于 2013-03-14T18:30:54.737 に答える