web-dev-qa-db-ja.com

いくつかのログインおよびサインアップオプション(モバイルアプリ)を表示するにはどうすればよいですか?

私はただ疑問に思っています、多くのオプションがあるサインアップ/ログインページをどのように扱いますか?下記のように、オンボーディング後、ユーザーは3つの方法でサインアップ/ログインできます。

これはあまりにも圧倒的ですか、それともそれをアレンジするより良い方法がありますか?

enter image description here

enter image description here

enter image description here

1
catandmouse

最初はメールアドレスのフィールドのみが表示されるインターフェースを見てきました。メールアドレスがシステムに認識されているかどうかに基づいて、フォームの残りの部分(登録またはログイン)が表示されます。

  • それは最初のステップを非常に小さくします
  • 「このメールアドレスはすでに使用されています」の問題を回避します

たとえば、GoogleはこのUXを使用して、サービスにログインまたは登録します。

google login

1

1つの形式のログインのみを許可することを検討することを強くお勧めします。

どうして?ええと、MailChimpはしばらくの間、ソーシャルログインを使用していたため、ユーザーの大部分が最初に使用したログインを忘れ続け、その結果、複数のアカウント、ログインへの不満、または複数のエラーが発生しました。 こちらをお読みください 。これは私によく起こります。私がサインアップしたのがどれであるか覚えていません...絶対に避けてください。

メールか別のソーシャルログインを選択することを強くお勧めします。

1
Majo0od

別のページをロードするのではなく、モーダルビューを使用してみることができます。さらに、メールとパスワードの入力が拡張されたことで、コンバージョン率が向上します。他のボタン(ログインモードの場合は「サインアップ」ボタン)をクリック可能にして、エラー回復のためにモーダルウィンドウを切り替えることができます(モーダルの右上にあるXで閉じるのではなく)。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

0
Marco Tatta