web-dev-qa-db-ja.com

ログインと登録ページ(1ページ)につながるボタンの名前は何ですか?

ログインと登録の両方を行うページがあります。 2つのフォームを並べて配置します(左側にログインフォーム、右側に登録フォーム)。メニューヘッダーには、通常、ログイン/登録ページにつながるボタンがあります。

この場合、どのようにログイン/登録ページに名前を付ける必要がありますか?

私が考えた2つのオプションは次のとおりです。

  • ログイン|登録:これは、ボタンの機能を明確に説明します。ただし、これによりボタンが「長くて混乱する」と言う人もいます。
  • ログイン:短くするため。欠点は、未登録のユーザーが登録ページを探すときにこのボタンを見落とす可能性があることです。

ログイン/登録パネルのモックアップは次のとおりです。enter image description here

7
tiengtinh

ユーザーはログインまたは登録を検討するときに特定の用語を念頭に置いているため、2つの別個の行動を促すフレーズにする必要があります。

2つの機能は、機能の点で非常に似ていても、ユーザーの心の中では同じではありません。それらにラベルを付けるログイン登録、またはログインアカウントを作成、またはログインサインアップ、ただし注意サインインサインアップは、並べて混乱する可能性があります!。

リンクとボタンの使用について-リンクを開くとページとボタンでアクションが実行されます。ログインまたは登録フォームを開くために何かをクリックするボタンではなくリンクにする必要があります

ログインと登録フォームを並べて持つことは標準ではなく、私は離れる方向に向かっているのではないでしょうか。たとえば Huffington Post は、Log InCreate Accountリンクが同じになる(以下のように)配置しますが、2つをタスク専用のよりシンプルで見栄えの良いフォームに分割しました。これは以前はこのように見えていました(現在の実装もさらに下に表示されています)。

enter image description here

そして、これは彼らが今やったことです-より多くのタスク指向の経験を作ります。

enter image description hereenter image description here

flickrのアプローチ一方、クリックするかどうかにかかわらず、同じ場所に移動することができますサインインまたはサインアップ(ただし、これには2つの別々のリンクがあることに注意してください)。これはおそらく、ユーザーがすでにYahoo IDを持っている可能性があり、flickrの明示的なアカウントを持っていない一方で、Yahoo IDの所有権はログインまたはサインアッププロセスが同一であることを意味します。

個人的には、これは問題を混乱させると思います。一部のユーザーは、Yahoo IDへのサインアップと、flickrへのサインアップを混同して、大きな魅力的なCreate New Accountボタンをクリックします。これは、効率を最大化するためにできるだけ単純な環境である必要があるものに、多すぎる情報と多すぎるオプションを提供する良い例です。そして、それがおそらくHuffPostを組み合わせてフォームを分割した理由です。

enter image description here

フォームの空虚さに関する懸念についての以下のコメントに関して、これが私のお気に入りの1つです Togglからの登録フォーム 。この見た目のシンプルさについては、私はまったく何の不安もありません。大好きです。

enter image description here

10
Roger Attrill

ボタンではなくリンクのみを使用します。また、ユーザーがLoginをクリックした場合はログインオプションのみを表示し、ユーザーがRegisterをクリックした場合は登録オプションのみを表示します。これは同じページで実行できますが、各リンクにいくつかのロジック(フォームアクションget)を追加します。

本当にボタンが必要な場合は、2つ使用してください。ログインと登録は2つのまったく異なるアクションです。

2
Benny Skogberg