web-dev-qa-db-ja.com

サイドメニューはウェブページのどちら側に置くべきですか?

多くのウェブサイトにはサイドメニューがあり、右側と左側にサイドメニューがあるサイトもあります。

どちらが良いですか?

12
Sruly

私にとっては、必ずしも好きではありませんが、ナビゲーションが重要だと思います。左側にあるので、ここが最初に表示されます。これは、Webサイトのセクション間を移動するためのメインメニューまたはなんらかのサブメニューの場合があります。右側に、追加情報や他の関連コンテンツ(SEサイトなど)へのリンクなど、「メニュー」タイプのものの別の列を含めることができます。また、ブラウザを通常左側に表示するため、メニューが左側にあると、すべてのコンテンツに収まらない小さな画面を使用しているときにメニューが表示されます。

上部に沿ってもう1つの一般的な場所がある場合は、サイトの幅が広くなります。また、画面のサイズに関係なく、最初に表示されるようになります。

13
Darryl Hein

人々は、左を読み、右をクリックする傾向があります。左側のサイドバーはナビゲーションに、右側のサイドバーは広告やその他のウィジェットに適しています。

10
GSto

大多数のユーザーは「左から右」の言語ユーザーであるだけでなく、それらの大多数は右利きで、マウスを右手で使用しています。 「マウスハンドをまっすぐ」というニュートラルな位置から、より大きなangular動きは、右よりも左に利用できます。そのため、左マージンはほとんどのユーザーにとってより適切なフィッツのターゲットです。 (それを試してみてください。)

編集:また、次のことがわかります Webユーザーは69%の時間をページの左半分を表示し、30%を右半分を表示しています。 ヤコブニールセンの結論:「ナビゲーションを左"

1つのメニューオプションにカーソルを合わせると、サブメニューが表示されるように展開されます。これが事実である場合、読者にとってより自然になるように、それを右に拡張する必要があることは理にかなっています(彼らが左から右に読むと仮定すると)。右側に展開する必要がある場合は、ページの左側に固定することをお勧めします。
読者が右から左に読む場合、おそらく右側に置く方が理にかなっています。

3
Ponkadoodle

それは、ユーザーが最初に何を見てほしいかに依存します。人々は、コンテンツセクション内のナビゲーションの左側のメニューに慣れています。メニューがコンテンツに関連していない場合は、右上が適切な位置になります。

3
giancarlo

左から右の言語では、左側に最も重要な要素が必要です。これにナビゲーション要素が含まれている場合、そこに移動します。もちろん、右から左へ記述する言語では逆になります。

3
Don

気が変わった部分を読むまで、メニューは左側にあるべきだと思っていました。 ( http://www.alistapart.com/ からのものである可能性がありますが、クイック検索で見つけることができません。)

作品は、人々があなたのサイトで書き込みのブロックを読んでいるとき、彼らの目が次のテキスト行の始まりを簡単に見つけられる必要があることを示唆しました

リーダーが行の先頭を見つけるのに問題がある場合(たとえば、行の先頭近くのメニューに同様のテキストがあるため)、読み上げは中断されます(短時間だけですが)。これらの中断は、読者には認識できない場合がありますが、悪影響があります。

トリックは、実際の書き込みの左側のマージンを破片と注意散漫の「クリーン」に保ち、読者のエクスペリエンスを最適化することです。

AListApart では、テキストの左側にグラフィックを配置し、さらに多くの空白を追加することでこれを実現します。メニューとその他のサイドバーは右側にあります。

StackExchangeはこれにも対応しています。質問の左側にグラフィックスと大きなテキストを配置するだけで、段落テキストのように見えません。

その他サイト (含む 自分自身 )左側を空け、ナビゲーションを上または右に置くことにより、マージンをきれいに保ちます。

2
Bevan
1
agib