2行ナビゲーションとドロップダウン
サイトがネストされたナビゲーションを必要とする場合、2つの異なるタイプのナビゲーションバーを確認しました。1つはリンクにカーソルを合わせると追加のメニューが表示され、もう1つは2番目の水平バーにこのカテゴリのリンクが表示されます。どの状況でどちらを優先するべきですか？ドロップダウンナビゲーションが最も一般的なようですが、2つの水平方向の列がある方がうまくいく状況はありますか？
アクセスする必要のあるリンクの数に問題があります。ドロップダウンを使用すると、さらに多くのリンクにアクセスできます。
縦のスペースの問題があります。フローティングドロップダウンにより、スペースを節約できます。
そして、使いやすさの問題があります。私のウェブサイトには、よくある質問、ツアー、サポートなどの個別のセクションがあり、各セクションにいくつかのサブセクションがある場合、ユーザーが1回クリックするだけで2行のナビゲーションを使用する方が簡単だと思いがちです-他のサブセクションへのアクセス。
私はいくつかの理由でドロップダウンメニューを避けたいと思います。
第一に、2レベルのナビゲーションバーをサイトのデザインに組み込むことは、場違いに見えなくても簡単です。特にテクスチャを使用する場合、ドロップダウンメニューをページの残りの部分と一致させるのは面倒です。素晴らしいテクスチャ/グラフィックを持つサイトをよく見かけますが、ドロップダウンメニューは単色です。
第二に、それらは偶然に消えるか、すぐに消えない。マウスアウトから消えるまでの時間を微調整する必要があります。正しくない場合は、誤ってマウスをメニューの外に移動すると、すぐに消えます。または、メニューを終了してマウスを外に出すと、タイムアウトになるまで開いたままになります。
他の人が述べたように、選択は実際に表示する必要があるリンクの数に依存します。多くのサブセクションがある場合は、ほとんどドロップダウンメニューを使用する必要があります。ただし、スペースがある場合は、2レベルのナビゲーションをお勧めします。迅速、簡単、使いやすく、サイト全体のデザインに合わせて簡単にスタイルを設定できます。
2レベルのメニューは面倒かもしれませんが、訪問者がJavaScriptを無効にしてブラウジングしている場合、派手なドロップダウンが機能しないため、少なくともフォールバックとして使用する必要があります。
他の回答に加えて、2行のナビゲーションを好む利点は、ユーザーがナビゲーションを探す場所を常に知っていることです（「親」からの相対的なスペースにメニューが配置されているのではありません）。 2行のナビゲーションは、より「移植性のある」インターフェースでもあります。つまり、インターフェースは、javascript/no javascript、デスクトップ/モバイルなどのさまざまなブラウザー機能で同様に維持できます。
私は、マウスを領域の外に移動したときに消えない、クリック可能な大きなドロップダウンを好みます。さらに、ナビゲーションを下にスライドさせて、オプションを固定します。
垂直方向の行のプライマリナビゲーションボタンにカーソルを合わせると、サブリンクがめちゃくちゃになり、正しいリンクを探しているときに誤って別のボタンまたはページの本文に触れたときに、別のボタンの行に変わります。
2つ以上のレベルがある場合、水平オプションは非常に乱雑になりますが、小さなメニュー階層の場合、グラフィックの問題のほうが多いと思います。私はそれらを使いやすく理解しやすく、一部のサイトでは一方がより良く見え、他のサイトでは他方がより良く見えます。