私は ログインまたは登録ページ の新しいデザインに取り組んでいます。非常にユニークな制約があるため、これらのページの1つを実行したのはこれが初めてかもしれません車輪の再発明。
ここに目標があります:
ここに制約があります:
それで、私は異なる方向に向かう3つのワイヤーフレームを作成しました。上記の目標と制約のバランスを最適化する方法の提案を探しています(分割テストを計画していますが、分割テストでは使いやすさの問題が明らかにならない場合があります)。
タブはあなたの問題を解決すると思います。このミニフォームのようなもの:
オプション2:オプション2を使用することをお勧めします。これは、ユーザーが実行できるさまざまなアクションを明確に呼び出すためです。
このオプションでは、同じフレーム内でアカウントを作成するオプションも提供されます。これは1回限りのプロセスであり、次回ページにアクセスしたときに、ログイン画面を直接使用して必要に応じてログインできます。オプション2のもう1つの利点は、3つすべてのオプションが明確に呼び出され、ユーザーが自分の好みに基づいて簡単に選択できることです。登録リンクへの切り替えの概念もユーザーには不明ではなく、ほとんどのユーザーは、選択された場合に登録オプションを表示するためのページ変更を認識しています。
以下に示すように、このログインアプローチに従う多くのアプリがあります。
オプション1:ページには2つの多くの注意散漫な要素があり、ユーザーがしなければならないことにユーザーを向ける単一の焦点がないため、私はオプション1のファンではありません。
オプション:Googleを使用したサインインとFacebookのボタンを使用したサインインによってリンクが陰になり、ユーザーが目立たないためにユーザーがそれらに気付かない可能性があるため、私もオプション3のファンではありません。認証サインインボタンを開きます。
ボタンを再配置して、ボタンをより見やすく意味のあるタブに変換しました。私の解決策はそのようなものでしょう。