web-dev-qa-db-ja.com

モバイルナビゲーションを左または右に揃える必要がありますか?

この質問が重複している場合はお詫び申し上げます。クイックブラウズでは、これについて言及しているものは何も見当たりませんでした。私は常にモバイルのナビゲーションアイコンを右側に揃えています。主に、これがほとんどのユーザーのメンタルモデルと一致していると想定したためです。しかし、左側にナビゲーションの例がかなりありますか?どちらが正しいですか、どちらが優れていますか?

4
Reloaded

左から右への言語では、人々は左から読むことに慣れているので、左側のオブジェクトは右側のオブジェクトよりも注目されます(もちろん、すべてが同じです)。メニューとナビゲーションは伝統的に左側にありましたが、多くのサイトはコンテンツをフォーカスできるように右側に配置することを選択しています(左側)。

PCであっても、ナビゲーションをオンにする明確な側面はありません。


PC用に設計する場合とは異なり、タッチデバイスでは、人の手を考慮に入れる必要があります。ほとんどの人が右利きであり、左手よりも右手を使用する可能性が高いことを考えると、右手ナビゲーションを使用することについては議論があります。主にアクセスしやすく、画面をブロックする手がないためです。

ただし、モバイルナビゲーションはほとんど常に左側にあります。したがって、それを右に移動すると、混乱を招くように見える可能性があります。したがって、一貫性を維持するために通常は左側にナビゲーションがありますにします。


結局のところ、すべてのアプリケーションにとってより良い面はありません。目標を評価し、状況に基づいて決定を下す必要があります。ただし、特に規範を破っている場合は、確認する必要がありますユーザーでこれをテストしてください

4
JohnGB

モバイルアプリケーションのナビゲーションメニューのほとんど(すべてではない)が左側にあります。http://www.mobile- pattern.com/custom-navigation および http://inspired-ui.com/tagged/navigation

その理由は、ほとんどの人々がleft-> rightから読んでいるため、最初に気づくのは左側です。しかし、携帯電話では、この議論はそれほど重要ではありません。

ウェブデザインからの持ち越しだと思います。それ以来、そこにはメニューの可視性という利点もありました。左側に置くと、メニューはウィンドウのサイズに関係なく常に表示されます

1
rk.

設計の観点から- align centerin-lazyness of intent )でなく、一貫している限り、それが重要かどうかはわかりません。

ほとんどの設計マニュアル 同意します -左揃えは伝統です右揃えは注意です-つかむ。

配置はグラフィックデザインの基本的な側面です。それを間違えれば、他には何もうまくいきません。正しく理解する?あなたのデザインは通常まともな外観になります。

1
David Clarke

このため、私は最近、モバイルナビゲーションを右側に配置し始めました。数夜前、私は他のサイトの中でもPinterestを使用していたため、左上にあるメニューの切り替えボタンを押したまま、電話の持ち方を変えることができませんでした。親指でぎこちない動きをしてみて、到達しようとしたのはこれが初めてではありませんが、初めて疲れたので何度も試してイライラしました:)

私たちが作成した一部のモバイルサイトでは、これはそれほど大きな問題ではありません。メニューの切り替え領域は、実際にはページの幅を広げます。場合によっては、クライアントが行に他のアイコンを含めたい場合があります。この場合、右揃えのメニュートグルを推奨します。

これは現在灰色の領域だと思います。ほとんどのサイトには1つの場所がありますが、その場所はあまり意味がありません。このような状況では、穀物に逆らっても大丈夫だと感じています。

0
Markus

アプリのナビゲーションが1つしかない場合は、左に揃えることをお勧めします。通常、これを行うと、通常は目が自動的にフォーカスが通常よりも大きくなるためです。この良い例は、Google +、Gmail、そしてメールボックスやPinterestなど、ナビゲーションが左からフォーカスされる他の多くの優れたアプリです。右側にあるナビゲーションは、私が見たものから見逃されることがよくあります。

一方、アプリに、ユーザーに前もって表示したい非常に重要な要素があり、どのユーザーが主にアプリを操作するかを使用する場合は、上または下に配置することをお勧めします。アプリのフィードの種類の場合、上に置くとビューの邪魔になるので、情報のオーバーフローが多い場合は下に保ち、そうでない場合はビューの切り替えに使用するものであれば上に保ちます。

0
Dhananjay Garg