ナビゲーションにドロップダウンリストを使用する

usability
ナビゲーションにドロップダウンリストを使用する

ナビゲーションにドロップダウンリストを使用することをお勧めしますか? 私はいくつかの階層メニューを持つWebアプリケーションを作成しています。 いくつかのオプションを検討しましたが、どれも良いとは思えません。 それらのいくつかを紹介します。

  1. 水平トップレベルメニューを使用して、子メニューを下に表示します
    トップレベルメニューが選択されたとき。 問題:トップレベルメニューが多数あり、960pxの幅に収まりません。 子メニューもあり、それらを増やす機能が必要です。

  2. 水平方向のトップレベルメニューを使用します(サイズが合わない場合はラップできます)
    ページ幅)で、左側のバーに子メニューを垂直に配置します。 利点:子メニューは垂直に拡大できます。 問題:トップメニューバーを折り返すと見苦しくなります。 2レベル以上の階層メニューが必要な場合は、行き詰まります。

  3. アコーディオンの使用例-Jqueryアコーディオン-利点:メニューの配置
    垂直方向に拡張のための十分なスペースを残します。 問題:アコーディオンは左側のサイドバーにあります。 メニューを最上部に保持し、コンテンツのメニューの下に幅全体を残したいです。 ページの更新後にアコーディオンが初期状態にリセットされているように見えるため、ユーザーが現在選択されているメニューを見るのは困難です。 これは修正できることは知っていますが、javascriptの専門家ではありません。 また、最小限のJavaScriptでページを維持したいと思います。

  4. ナビゲーション用のツリー。 の自然な選択のようです
    階層メニューですが、理由もなく、私はそれが好きではありません。 javascriptがない場合はフォールバックできません。

  5. ドロップダウンリストの使用-ドロップダウンリストを上部に配置して、
    それぞれが残りのコンテンツを決定します。 それは私のすべてのニーズに最適なオプションのようですが、使いやすさの観点から、これが良いことかどうかはわかりません。

  0  0


ベストアンサー

topnavに簡潔に収まらないほど多くのメニュー項目がある場合は、コンテンツを再編成することを検討します。

システムを一度も見たことがないユーザーを探して「x」を見つけてもらい、1週間後に聞いてみてください。

2つではなく3つのレベルに分けてみてください。

アマゾンやebuyerのようないくつかの大きなオンラインショップをご覧ください。 上部に抽象的な主題があり、ドリルダウンするとますますサブナビが増えます。

1


このページ、単純なCSSナビゲーションを見てください。しかし、本当に素晴らしいメニュー/サブメニューなどを作成できます。

企業の2、3のサイトで使用し、彼らはすべて、カテゴリを表示するための良い方法と呼びました。

例:http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html +例:http://www.yec.nl +例:http://www.klaveryachtpainting.com

0


タイトルとURLをコピーしました