web-dev-qa-db-ja.com

2つの異なるユーザーセットのサインアップとログイン

TL; DR /問題の概要

  1. ビジネスユーザーは、仕事用のメールアドレスを使用して、メール/パスワードオプションでのみサインアップおよびログインする必要があります。ソーシャルログインオプションではログインできません。
  2. 個人ユーザーは、ソーシャルログインオプションまたは電子メール/パスワードのいずれかでサインアップしてログインできます。

問題の説明

2つの異なるユーザーセットにサービスを提供する新しいWebサイトを設計しています。

サインアッププロセスでは、ホームページの[サインアップ]ボタンをクリックした後、新しいフォームが表示され、個人アカウントまたは企業/組織アカウントのどちらにサインアップするかを選択するように求められます。これを選択すると、適切なサインアップページが表示されます。個人アカウントの場合、ソーシャルログインオプションと、電子メール/パスワードのサインアップオプションが表示されます。プロセスは長い間巻き込まれていても、これは問題ありません。

問題は、ユーザーがサインアップした後です。その後ユーザーがログインするときに、個人アカウントとビジネスアカウントのどちらを作成したのかわかりません。ビジネスユーザーの場合、ソーシャルログインオプションを表示したくありません。

私はこれを見てきました post ですが、サインアッププロセスにより集中しています。サインアッププロセスに誤ってアプローチしたため、ログインプロセスを正しく行うことが困難になっていますか？可能なログイン/サインアップオプションのサブセットのみを持つべき2つの異なるユーザーセットのUXを処理する最良の方法は何ですか？ビジネスユーザー（電子メール/パスワードのみ）と個人アカウント（ソーシャル+電子メール/パスワード） ）？

[〜＃〜]更新[〜＃〜]

これに対する私の解決策は、次のように、ログインとサインアップの両方の3つのステップのプロセスを持つことです。

  1. サインアップ：ホームページの[サインアップ]ボタンをクリックします->ユーザーが個人アカウントにサインアップするのか、ビジネスの代わりにサインアップするのかを尋ねます->適切なサインアップフォームにユーザーを誘導します。個人またはビジネス
  2. ログイン：ホームページの[ログイン]ボタンをクリックします->ユーザーが個人アカウントまたはビジネスアカウントのどちらにログインしているかを確認します->個人またはビジネスの適切なログインフォームにユーザーを誘導します

このように、ユーザーはログインまたはサインインの一貫したプロセスを確認できますが、かなり時間がかかります。ただし、プロセスは個別の形式に分割されるため、混乱する可能性はありません。 1つのフォームに個人用とビジネス用の両方のログインオプションがあると、圧倒されて混乱します。さらに、フォームの下部に小さなメモを追加して、ユーザーにログインページをブックマークして、この旅の最初の部分を省略して、アカウントの種類に適したログインフォームに直接移動できるようにすることをお勧めします。

Wireframe

別の解決策は this ウェブサイトがしたことをすることです。ログインコンテナーの下に2つのボタン（個人用とビジネス用）があります。

enter image description here

website-designformslogin
1
M.K.

ツイン「アクセスポイント」の使用と、ロイズ銀行の例に示されているアイデアへのフォールバックを組み合わせることができます。説明させてください。

サインアップ時に、ユーザーにPersonalとBusinessの登録のいずれかを選択させる。前者はソーシャルメディアのオプションを提供します。後者はメール登録のみを提供します。サインアップが成功したら、ウェブサイトと確認メールの両方で、ブックマークするようユーザーに勧めますhttps://example.com/personalまたはhttps://example.com/businessをプライマリアクセスポイントとして使用します。

戻ってきたときに表示される内容は、ユーザーがサイトにアクセスした方法によって異なります。

  • https://example.com/personal
    ソーシャルメディアオプションと電子メールアドレスのログインでログイン画面を表示します。

  • https://example.com/business
    メールアドレスのログインのみでログイン画面を表示します。

  • https://example.com
    ユーザーが「ベース」サイトにアクセスした場合、ロイズ銀行の例と同様のダイアログを表示します。 PersonalまたはBusinessをクリックすると、どちらか上の適切なページにリダイレクトされます（ 「このページをブックマーク」するように促す）、またはは、同じページに適切なログインダイアログを表示できます（ブラウザの再読み込みを回避するため）。後者の場合でも、将来的に特定のランディングページを使用するように促すことができます。

1
TripeHound

単一の多目的ログをフォームで使用してみませんか？

ユーザーがアカウントを作成するとすぐに、ユーザーが正しいログインフォームを見つける必要がなくなります。

別のシステムと単一のログインフォームソリューションを使用していても、システムは、ユーザーが資格情報でサインインするとすぐに、すべてのユーザーが正しいランディングページと対応する情報にリダイレクトされることを確認できます。

ビジネスアカウントまたは個人アカウントを選択するオプションは、サインアップ手順中に事前に決定するものです。

0
Levano