ログインと登録の両方を行うページがあります。 2つのフォームを並べて配置します(左側にログインフォーム、右側に登録フォーム)。メニューヘッダーには、通常、ログイン/登録ページにつながるボタンがあります。
この場合、どのようにログイン/登録ページに名前を付ける必要がありますか?
私が考えた2つのオプションは次のとおりです。
ログイン/登録パネルのモックアップは次のとおりです。
ユーザーはログインまたは登録を検討するときに特定の用語を念頭に置いているため、2つの別個の行動を促すフレーズにする必要があります。
2つの機能は、機能の点で非常に似ていても、ユーザーの心の中では同じではありません。それらにラベルを付けるログイン&登録、またはログイン&アカウントを作成、またはログイン&サインアップ、ただし注意サインイン&サインアップは、並べて混乱する可能性があります!。
リンクとボタンの使用について-リンクを開くとページとボタンでアクションが実行されます。ログインまたは登録フォームを開くために何かをクリックするボタンではなくリンクにする必要があります。
ログインと登録フォームを並べて持つことは標準ではなく、私は離れる方向に向かっているのではないでしょうか。たとえば Huffington Post は、Log InとCreate Accountリンクが同じになる(以下のように)配置しますが、2つをタスク専用のよりシンプルで見栄えの良いフォームに分割しました。これは以前はこのように見えていました(現在の実装もさらに下に表示されています)。
そして、これは彼らが今やったことです-より多くのタスク指向の経験を作ります。
flickrのアプローチ一方、クリックするかどうかにかかわらず、同じ場所に移動することができますサインインまたはサインアップ(ただし、これには2つの別々のリンクがあることに注意してください)。これはおそらく、ユーザーがすでにYahoo IDを持っている可能性があり、flickrの明示的なアカウントを持っていない一方で、Yahoo IDの所有権はログインまたはサインアッププロセスが同一であることを意味します。
個人的には、これは問題を混乱させると思います。一部のユーザーは、Yahoo IDへのサインアップと、flickrへのサインアップを混同して、大きな魅力的なCreate New Accountボタンをクリックします。これは、効率を最大化するためにできるだけ単純な環境である必要があるものに、多すぎる情報と多すぎるオプションを提供する良い例です。そして、それがおそらくHuffPostを組み合わせてフォームを分割した理由です。
フォームの空虚さに関する懸念についての以下のコメントに関して、これが私のお気に入りの1つです Togglからの登録フォーム 。この見た目のシンプルさについては、私はまったく何の不安もありません。大好きです。
ボタンではなくリンクのみを使用します。また、ユーザーがLoginをクリックした場合はログインオプションのみを表示し、ユーザーがRegisterをクリックした場合は登録オプションのみを表示します。これは同じページで実行できますが、各リンクにいくつかのロジック(フォームアクションget)を追加します。
本当にボタンが必要な場合は、2つ使用してください。ログインと登録は2つのまったく異なるアクションです。