web-dev-qa-db-ja.com

右サイドバーと左サイドバーのメニュー

ハンドヘルドデバイスのユーザーが右サイドバーにあるときにサイトメニューを使用する方がよいと思いますか(ユーザーがメニュー項目をクリックしたときに親指/右手でクリックしても表示がブロックされません)?私が尋ねる理由は、たくさんのサイトが左側のメニューを使用していて、なぜ私がその理由を理解していなかったためです。

4
fallenboy

特にモバイルについて話しているのですか?最善の答えは専用レイアウトです。

それがデスクトップブラウザーに関するものである場合、私の調査では、通常、右のメニューはコンテンツとの関連性を高めるのに役立ち(そのため、ブログの場合はうまく機能します)、左のメニューは、ナビゲーション自体に重点を置いているため、アプリやショップの場合に適しています。

しかし、あなたは正しい答えを本当に知っています。それをユーザーグループでテストしてください。大きな驚きがあるかもしれません。

2
Davide

Webユーザーは、69%の時間をページの左半分を表示し、30%を右半分を表示しています。したがって、従来のレイアウトではサイトの収益性が高くなります。 水平方向の注意が左に傾く

  • ナビゲーションを主とするサイドバーは左側に配置する必要があります。ナビゲーションを探すほうが自然です。ナビゲーションリンクが多数ある場合は、サイドバーに配置することをお勧めします。
  • 主にそれほど重要ではないサイドバーは右側に配置する必要があります。これにより、コンテンツ列の邪魔が少なくなります。ナビゲーションリンクがあまりなく、上部近くの水平ナビゲーションバーに配置できる場合は、このオプションを選択することをお勧めします。 右vs.左サイドバー
2
igor

このデザインの多くは、上から下、左から右に読むという英語の慣習に基づいています。そのため、ページの下部ではなく、上部に多くのメニューが表示されます。 @igorの回答が参照するように、非モバイルデザインの場合、これは理由による慣例です。

モバイルWebサイトとアプリケーションに関しては、画面の親指でアクセスしやすい部分に焦点を当てるためにかなりの数の再設計が行われました。たとえば、Winamp for Androidは、すべてのコントロールをアプリケーションの下部に配置し、上にスワイプするとプレイリストにアクセスできます。

ボタンまたはスワイプアクションの後ろにメニューを隠すことを検討してください。ただし、隠す場合は、簡単にアクセスできることを確認してください。

0
Ian Pugsley

直接的な回答ではないと思いますが、ナビゲーション自体のサイドバー自体は、スクロールが関係している場合、モバイルでのナビゲーションにはあまり向いていません。携帯電話はポートレートですが、デスクトップはランドスケープです。サイドバーは、携帯電話の非常に限られた画面領域を大幅に削減します。上部の水平メニューは画面の占有面積がはるかに少なく、下にスクロールすると消える傾向があります。 (ニュース記事のように)ページを開いたり完了した後にナビゲートする理由がある場合に役立ちます。そして多くの場合、どちらの側も下よりもタップするのが難しいです。左利きか右利きかに関係なく、親指がおそらくどこにあるか。

他の人が言ったように、左側のサイドバーはデスクトップPCの慣習であり、かなりうまく機能しますが、モバイルデバイスでは必ずしもそうではありません。モバイルデバイスでは、画面の幅が2インチで常に焦点が合っている場合、画面の「側面」はそれほど重要ではありません。デスクトップでは、要素を見つけるためにページの周りにたくさんの空白とパンがあり、モバイルディスプレイではそれらがすべて表示されることがよくあります。

0
Ben Brocka

PCスタイルは左側にあるサイドバーです。画面上では、ここから探し始めます。それを標準として確立すると、人々はそれを期待し、それを変更することはあなたの危険でのみ行われます。

ただし、携帯電話の相互作用には、まだ同じ種類の規則はありません。したがって、新しい規則を作成することは有効です。独自の規則を使用してサイトを設計し、機能させることができる場合は、それを試してください。しかし、既存の規則がない場合は、調査して定義しています。専用のレイアウトを作成する必要がありますが、機能しないように準備する必要もあります。

電話では読書の慣習が異なるため、試してみる価値はあると思います。

0