web-dev-qa-db-ja.com

Facebook / TwitterへのログインのみとFacebook / Twitterへのサインアップおよび個別のログイン

ここでこのトピックを検索しましたが、問題に対する確実な答えは見つかりませんでした。

つまり、状況は次のとおりです。モバイルアプリの認証画面を作成しており、どのソーシャルログイン/サインアップフローを選択すればよいかわかりません。

  1. 4つのボタンがあります：Facebookでログイン、Twitterでログイン、ログイン、サインアップ。この場合、Facebookで初めてログインする場合は、サインアップすることもできます。メールを使用するユーザーのための他の2つのアクション。

    長所：

    • ソーシャルコネクト用の1つのボタン
    • 要素はより少ないスペースを取ります
    • それらは1つの画面に収まります。
    • 「より単純な」フロー。

    短所：

    • 法的事項を受け入れる/例プライバシーポリシー/このフローで初めて実装するのは少し難しいかもしれません
    • 最初のタイマーでは、fbを使用して即座に「ログイン」すると混乱する可能性があります。

  2. 6つのボタンがあります：Facebookでサインアップ、Facebookでログイン、Twitterでサインアップ、Twitterでログイン、サインアップ、ログイン。この場合、Facebookで初めてログインする場合は、サインアップすることもできます。メールを使用するユーザーのための他の2つのアクション。

    長所：

    • 動作に関するユーザーの混乱なし

    短所：

    • 要素はより多くの場所を占める
    • ログインとサインアップ用に2つの別々の画面を作成する必要があるため、認証フローは長くなります

考えやベストプラクティスを教えてください。ありがとう！

loginfacebookauthenticationtwitter
4
skywlkr

この画面で「Facebookに接続」「Twitterに接続」を使用しないでください-ここでサインアップとサインインを区別する利点は何ですか？

ユーザーの観点から見ると、アクションは同じです。ユーザーの新しいアカウントを作成するのか、既存のアカウントにログインするのかは、あなたの側で唯一の意味があります。

5
Mark C

モバイルアプリとは何ですか？ eコマースストア、ニュースポータル、ゲームですか？それらの間には大きな違いがあるからです。ユーザーがログインとサインアップをどのくらいの頻度で使用するかを自問する必要があります。ほとんどの場合、サインアップはログインよりもそれほど重要ではありません。その場合は、ログインとサインアップの2つの別々の画面が必要です。どうして？

  • 追加のノイズを取り除く
  • 明確な行動
  • 混乱が少ない
  • 開発が容易
  • ...

mockup

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

2
Eugene Tochilin

ソーシャルメディアにSignup＆Loginという用語を使用する代わりに、「Sign In」というハイブリッド用語を使用しないでください。

  • Facebookでサインアップ
  • Facebookでサインイン

これは、ほとんどのソーシャルサイトが現在使用している用語です。アルファテストを行って、ユーザーがそれを理解するのが難しいかどうかを確認できます。

しかし、ソーシャルログインとサインアップの2つの異なるボタングループを使いたい場合は、このアクションを2つの異なる画面に配置することをお勧めします。あなたが言ったように、あなたはモバイルアプリを構築しています。そのため、ゲームである場合やWebアプリがない場合を除いて、ほとんどのユーザーはすでにアカウント（既存のユーザー）を持っていると考えるのが安全です。したがって、ホーム画面には、サインアップ画面への別のリンクを備えたログインオプションを含めることができます。

しかし、私は'Facebook経由でログインする'＆'Twitter経由でログインする'を好みます

0
Jigar