web-dev-qa-db-ja.com

ログインとサインアップを1つのボタンで組み合わせることができますか？

私はログインページを作成していて、このグループの1トンの投稿を5〜6時間以上読んでいます。私は次の議論を見ました

  1. ログインして別のページとして登録
  2. ログインモーダル
  3. ログイン登録vsサインインサインアップ
  4. ソーシャルログイン

私は最善を尽くすものに頭を抱えるように懸命に努力しました。無料のアカウントとPROアカウントがあり、次のようにページを作成した遊び場で人々がコーディングできるサイトを運営する予定です enter image description here

あなたはそれを実際に見ることができます [〜＃〜]ここ[〜＃〜]

あなたの提案が高く評価されるいくつかの質問があります

  1. 以下に示すように、ログインまたはサインアップする必要がありますか？私はux stackexchangeの投稿でこれに遭遇したことはありません
  2. 表示するソーシャルログインオプションの数。表示するオプションは少なくとも6つあります。混乱を減らすために、おそらく行と列にボタンがありますか？
  3. ログインと登録を分離するとしたら、上部のタブまたはプレーンリンク（またはBootstrapの丸薬）を使用してそれらを分離しますか？
  4. 画面のxソーシャルログインオプションに固執する必要がある場合、残りの部分を明らかにするにはどうすればよいですか？
  5. メールボックスの下に「スパムメールを送信したり、他の人とメールを共有したりしない」という小さなラベルを付けますか

この質問を読んでいただきありがとうございます。あなたの考えを聞きたいです

更新1皆様のご提案に基づき、下記のすべてのリンクをお読みいただき、ありがとうございます。画面のデザインを変更しました。プロジェクトでもお気軽にご利用ください [〜＃〜]こちら[〜＃〜]

モバイルenter image description here

デスクトップenter image description here

web-appuser-expectationlogin
1
PirateApp

あなたの主な質問：

登録とログインを1つのフォームに組み合わせると、必然的に、既存のユーザーが電子メールを誤って入力して誤って登録してしまうエラーが発生します。

また、これは単なる仮説ですが、1つのフォームで2つの異なる機能を提供すると、訪問者を混乱させる可能性があります。 「続行」は、特に登録する人にとって、非常にあいまいです。これを実際のユーザーでテストできます。

他の質問に答えるには：

4：追加のログインオプションの多くの有効な可能性。 Stack Overflowは "more login options"リンク を使用して、より多くのログインボタンでセクションを展開します。

5：「スパムを送信しない」は、ユーザーがスパムを送信するサイトについて心配する理由がある場合に適しています。それはあなたのウェブアプリの正当な心配ですか？よくわからない場合は、十分な数のオーディエンスでA/Bテストを実行し、このラベルがより多くのコンバージョンをもたらすかどうかを確認できます。

残りの質問は他の場所で回答されます：

2： なぜほとんどのサイトは2つのソーシャルログインオプションしか提供しないのですか？

3： 同じページに登録オプションとログインオプションがある-ベストプラクティス

1
Tin Man

ソーシャルログインの選択肢を制限することをお勧めします。 6つ指定すると、ユーザーは、再度ログインするように求められたときに、以前にサインアップしたものを忘れる可能性があります。 FacebookとGoogleが最もよく使用されるオプションであると言われました。アプリが開発者向けである場合、Githubが適している可能性があります。

アプリが新しい場合は、「サインアップ」のメールとパスワードのフィールドをデフォルトとして、その下にある下位の「メールでサインイン」リンクを検討してください。

ソーシャルログインの場合、「Continue with Facebook」または「Continue with Github」を使用して、ソーシャルユーザーにサインアップまたは再認証できます。

1
Stacy H

これが私が思うことです：

  1. 以下に示すように、ログインまたはサインアップする必要がありますか？私はux stackexchangeの投稿でこれに遭遇したことはありません

ログインの正確な内容は100％わかりませんが、リンクに「サインアップ」ではなく「登録」と表示されているようです。その場合は、現在の「パスワードを忘れた？」のような小さなリンクを追加します。アカウントをお持ちではありませんか？今すぐ登録

  1. 表示するソーシャルログインオプションの数。表示するオプションは少なくとも6つあります。混乱を減らすために、おそらく行と列にボタンがありますか？

あなたは間違いなくたくさんのリンクを持っています...私はそれらを制限することをお勧めしますが、あなたがすべてを表示することができず、本当に表示する必要がある場合は、ソーシャルメディアアイコンのみを使用してみてください。これと同様： https://warehouse.socialengine.com/storage/files/72fd2b21-a0cb-4fc0-b7d4-b1e96d4709c3.jpg

  1. ログインと登録を分離するとしたら、上部のタブまたはプレーンリンク（またはBootstrapの丸薬）を使用してそれらを分離しますか？

プレーンリンク

  1. 画面のxソーシャルログインオプションに固執する必要がある場合、残りの部分を明らかにするにはどうすればよいですか？

私はあなたのソーシャルメディアアカウントでサインインを使用しました。クリックすると、ソーシャルメディアオプションのあるモーダルが表示されます

  1. メールボックスの下に「スパムメールを送信したり、他の人とメールを共有したりしない」という小さなラベルを付けますか

個人的な好み...

これが役に立てば幸い

0
zizus