web-dev-qa-db-ja.com

サイドバーのより良い配置を選択する方法:左または右?

サイドバーナビゲーションについて質問があります。

最新ニュースのウェブページをデザインしていて、右側にサイドバー(ニュースナビゲーション)を配置しています。私の論理は、「最初はニュースページで更新を表示したいだけで、その他は二次的なものです。古いニュースを読みたい場合はサイドバーに移動しますが、これは二次的なアクションです。」

私のチームリーダーは、サイドバーを常に左側に置くことが原則であると私に言った。

「サイドバーの配置を改善する方法」を知りたい。

18
Himanshu Vyas

彼は正しいです。その理由は、典型的な西洋の読み方が左から右であるからです。ポイント2は次の場所にあります。 http://sixrevisions.com/usabilityaccessibility/10-usability-tips-based-on-research-studies/

そこにいる間、あなたが見たくなるかもしれない多くの追加のポイントもあります。

11
Tony

左側にナビゲーションを配置することは非常にオーソドックスであり、繰り返しにより、UIドグマの大砲に安置されています。

ただし、必ずしもそうであるとは限りません。

Jared Spoolがこれについて書いた subject

私の意見では、ナビゲーションのために私(またはこのリストの他のほとんどの可能性のある人)が好きなものを気にしないでください。ユーザーの好みを気にする必要もないと思います。

ユーザーの目的と組織の目的を最もよく達成するのはどちらか1つだけを気にする必要があります。

とはいえ、多数のサイトで多数のユーザーをテストした結果、ナビゲーションの配置はまったく問題ではないことを何年にもわたって学びました。 ナビゲーションをページのほぼどこにでも置くと、ユーザーは必要なときにナビゲーションを見つけられます

(強調を追加)

件名についてPaul Boag 書いた

従来、ウェブ上のナビゲーションは左側または上部に表示されていました。右側のナビゲーションはやや眉をひそめています。しかし、最近では、この傾向は、より多くのWebサイトで採用されるように変化しているようです。 これは部分的にはブログが原因であると思います。ブログはデフォルトで右手ナビゲーションがあるようです。しかし、大会が左に向かっているのはいつも奇妙なことに私を驚かせました。考えてみれば、右側のナビゲーションには多くの正当な理由があります…

  • コンテンツを視覚的に優先します
  • カーソルは、右側のスクロールバーの近くに自然に移動します
  • 本のタブからの右側のナビゲーションに慣れている
  • ユーザビリティ調査から、ナビゲーションが左か右かにかかわらず、タスクを完了するのにかかる時間に違いはないことがわかっています

(強調を追加)

これは、右側のメニューが正しいであることを証明するための当局の主張ではありません。フィールドの2つのソートリーダーが自動的にデフォルトにならないことを指摘するだけです。左の位置に常に良いです。

右手ナビゲーションは完全に有効なオプションであり、独断主義だけに基づいて手に負えない値引きであってはなりません。特に、コンテンツがニュースに関連するユースケースでは、右記の規則を考慮することはブログで非常に一般的です。

時間または予算がある場合は、左側と右側の両方のナビゲーションを使用していくつかのユーザビリティテストを試し、測定可能な違いがあるかどうかを確認してください。

更新:追加のディスカッションについては、この 関連する質問 を参照してください。そのスレッドは、左側のナビゲーションに重点を置いています。

25
Charles Wesley

あなたのチームリーダーは、従来の方法では正しいですが、そうでなければ間違っています。

通常、サイドバーは左側または上部に配置されます。通常、サイドバーには重要なリンクが含まれているため、より迅速にアクセスするために必要であり、ユーザーが注意を引く必要があります。

たとえば、ほとんどの大学のWebサイトには、「入学、学部など」の上部の水平バーまたは左側のサイドバーがあります。これらのリンクは大学にとって非常に重要であり、最も関心を集めているため、サイトの訪問者に一目でわかるようにする必要があります。

これは、人々が左から右に読む傾向があるという事実と一致しているため、上部と左側のものが最も注目されています。

ただし、重要なのは、あなたがあなたのウェブサイトに載せているナビゲーションリンクは二次的なものであり、主要なデータではないということです。このナビゲーションはセカンダリアクションであるため、このナビゲーションバー(混乱を避けるために、今ではサイドバーと呼ばないでください)が右側に表示されます。

ブログが通常デフォルトで右側のナビゲーションバーを持っているのはこのためです。ブログの最新の投稿が最も重要だからです。左側に来るはずです。前回からのアーカイブされた投稿は、ユーザーが見る二次的なオプションです。したがって、右側にあります。あなたのケースも同様で、最新のブログ投稿ではなく最新のニュースが含まれています。

そしてチャールズが述べたように、右側のナビゲーションは完全に有効なオプションです。サイドバー/ナビゲーションの機能/データのみに基づいて決定する必要があります。バーが実行される、つまり、それがプライマリかどうか。

4
user22624