web-dev-qa-db-ja.com

垂直または水平ナビゲーションはどのような状況でうまく機能しますか?

UXクラスを始めたばかりで、初めてのeコマースWebページをデザインしています。どのタイプのナビゲーションがユーザーに適しているのでしょうか。ユーザーはeFayの垂直ナビゲーション http://www.ebay.com/fashion/womens-clothing よりも、FarFetchの水平ナビゲーション http://www.farfetch.com/ を好みますか? ?

どちらの状況で2つのうちどちらがうまく機能するか?

11
design_hacker

水平方向のページ上部メニューと比較して、 垂直方向の左側のナビゲーションは、より高速なナビゲーションとユーザーの満足度を高めることがわかっています 。これは、垂直ナビゲーションバーが非常に一般的であるためにユーザーが慣れているためである可能性がありますが、メニュー全体を横切るよりも下にスキャンする方が簡単なためである可能性もあります。興味深いことに、左側の垂直メインメニューと最上部の水平サブメニューを組み合わせて、マルチレベルメニューの許容できるパフォーマンスを得ることができるようです。これは、フライアウトを使用できず、コンテンツを右に押しつぶして大きな縦長のメニュー用のスペースを作りたくない場合に魅力的なオプションです。

対照的に、別の研究では、 ユーザーは垂直方向ではなく水平方向の上部メニューバーを見た 左側のメニューバーであることがわかり、水平方向のメニューは「最高のパフォーマンス」であると著者は結論付けました。ただし、これは視線追跡データを解釈する際の危険性を示している可能性があります。ユーザーがもっと何かを見ているからといって、それが良いことだとは限りません。読みにくい場合があります。気が散ることです。この場合、ユーザーの主なタスクは、他の場所にあるコンテンツを見つけることではなく、ページ上のコンテンツを利用することでした。それが本当である場合、あなたはしない人々がナビゲーションバーを見ていることを望みます。視線時間が長いということは、ユーザーがタスクから気が散ることを意味します。

これは、垂直メニューのもう1つの利点は、ユーザーが簡単に見つけて使用できることに加えて、ユーザーがそれらを使用していないときに簡単に無視できることです。

12

私は決してUIの専門家ではありません。ここでぶらぶらしていくつかのUXのトリックを学びます。これが私が見つけたものです:

  1. 推奨ウェブサイトのナビゲーションで、水平メニューと垂直メニューの長所と短所は何ですか?どちらが優れていますか?

  2. 垂直ナビゲーションに対するケース

  3. 垂直vs水平グローバルナビゲーション(ユーザビリティ調査)

しかし、私は他の人がこれについてどう思うか知りたいです。

3
zengr