ウェブアプリのログインUI

Question

Gmail、Hotmail、Yahoo、およびEbayのすべてがログインボックスを右側に持っていることに気付きました。しかし、Amazonの方が左です。

誰もがなぜ右側が「正しい」道に向いているかを知っていますか？

Answer 1

一般に、ほとんどのサイトでは、最も重要なトップレベルのナビゲーションが右上に表示されます。当然、サイトにログインするのと同じくらい重要なことは、その場所にも当てはまります。サイトのロゴは左上に表示されるので、あなたがサイトを見ているブラウザーに関係なく誤動作を起こしていない可能性が最も高いスポット...ページ上で最も残っているスポットは、右上に自然に表示されます！

なぜこのようなことが起こったのかについては、使い勝手に関する多くの書籍があります。人々の目の重力が、これらの場所が選ばれた場所で最も頻繁にどこで重視されるかについての多くの研究もある。これらのレイアウトの背後にある実際の科学的事実。

なぜアマゾンがどこにあるのですか...もっと多くの研究があります。

Answer 2

Amazonは私のために適切です。それはちょうど標準になっているものです。今、誰もがそこを見て訓練されています。

Don't Make Me Thinkを読むと、$ 6で利用できます。それはそのようなものに入ります。

Answer 3

すべての表示とデザインの設定についてです。

右サイドに行く方法はありません。

Answer 4

GoogleとYahooの両方は、最も右側の領域とそのコンテンツを左側に配置します。私はあなたのコンテンツを左から読んでいくことが自然に始まるので、あなたのコンテンツを左に持っていくことは意味をなさないと思います。

Answer 5

西洋の読者は左から右に読むので、最初に見るのは左上です。したがって、情報の最も重要な部分は、あなたのロゴ、ログインボックス、または何かにかかわらずそこに行きます。

ログインは通常重要であり、失われたり隠されたりしてはいけません。だから、右上が次に良いです。

Answer 6

私は言うだろう...ログイン/サブスクリプションは通常右側にあり、スクロールバーを使用してウェブページからマウスを近づけることができます。

Answer 7

私はこれについて考えたことはありませんが、今は持っています。私は、ログインが右か左かに大きな意味はないと思う。むしろ、内容に依存すると思う。

Gmailでは、コンテンツは重要でログインはセカンダリであるようです。 Gmailは何を表示しているのか、既存のユーザーやサインアップのためのログイン権を提供しています。

HotmailとYahoo!ユーザーに彼らが何を見ているかを伝える前にログインを配置することは効果的ではないかもしれません。

ログインがページ上の唯一のものである場合、ほとんどのサイトはページを左から右に、上から下にスキャンするので、ページの左または中央に配置すると思います。

ページには単なるログイン以上のものが含まれている場合、通常はログインリンクがページの右上に表示されます。

多くの銀行がログインしています。

Answer 8

なぜ彼らがそれをするのかにかかわらず、彼らはパターンを設定しました。いくつかの点で、優勢なパターンは、独立メリットにかかわらず、他の方法を提供することを困難にする可能性があります。

この例は、自動車のイグニッションの位置になります。アメリカでは少なくとも、それが所属する場所は特に必要ありませんが、ほぼすべての車で、ステアリングコラムの右側、またはステアリングコラムのやや右側のダッシュボードに配置されています。ほとんどの運転者は、それが他の場所に設置されていれば、着火時期を特定するのが困難です。

これは、古い車のステアリングコラムの両側にある、ダッシュボードの、またはコンソールのいずれかに配置されています。この重要なデバイスをこれらの車で見つけ出すことは、運転手がその特定の車に慣れていないと非常に困難です。多くの新しい車はステアリングコラムの上部にスイッチを置いていますが、ほとんどの場合運転手の目に見えますが、このパターンはまだ確立されていません。

短い話ですが、主なパターンがある場合は、多少違ったことをするのに非常に役立つはずです。そうしないと、ユーザーがあなたを呪います。

Answer 9

ログインの位置付けは、ユーザーのサポートされている解像度を超えて画面上のすぐに表示される領域内で目立つようにする必要があります。

一部のサイトでは、ログインが右側に表示されます。これは、ユーザーがそのようなページ上で唯一の重要な機能であるためです。これにより、フォーカルポイントは最も顕著な左の位置にある広告またはサイトロゴになることができます。

また、単純だが重要なロジックを提供します：彼らは次の操作を行いますので、西洋の観客が左から右に読んでください（私はにログインしています何の）左側の

1. ロゴ、右側に
2. ログインの隣にロゴ

大規模なWebアプリケーションの間でのこのような側面に関する実践的な標準は見ていません。