web-dev-qa-db-ja.com

GoogleとYahooでは、最初にユーザー名を入力し、次にパスワードを入力する必要があります。どうしてこれなの?

しばらくの間、Googleアカウントにログオンするには、次のようにパスワードを入力する前に、ユーザー名を入力して次にアクセスする必要があります。

Google's login form.

最近、ヤフーは同様のシステムを実装しています。

標準のユーザー名、パスワード、ログインフォームよりも優れている点は何ですか?

ありがとう。

28
Loocid

どちらのサイトも新しいログイン機能を準備しています。

Googleは 2ステップのログインプロセスの背後にある理由を説明するお知らせ を作成しました

今日、同じページの「メール」フィールドと「パスワード」フィールドの両方を含むページでGoogleにサインインします。これらの2つのフィールドは、近いうちに別々のページに分割される予定です。それ以外の場合、サインインプロセスは変更されません。

私たちは何度も言ってきたように、従来のパスワードを補完する新しい認証ソリューションの導入に取り組んでいます。 Android昨年のローンチの成功により、「username」フィールドと「password」フィールドは別々のページに既に分離されています。このWebサインインページへの変更は、その方向へのもう1つのステップです。 。

ログインをより簡単に、より個人的にするために、Googleにログインすると、プロフィール写真と氏名が画面に表示される場合があります。この情報は、以前にサインインした場所やデバイス(自宅のコンピューターなど)からサインインしている場合にのみ表示されます。

screenshot of 2 step login process

この新しいGoogleアカウントのサインインフローには、次の利点があります。

  • パスワードを補完する将来の認証ソリューションの準備
  • 複数のGoogleアカウントを持っている人の混乱を軽減
  • Googleとは異なるIDプロバイダーでサインインする大学生や企業ユーザーなどのSAML SSOユーザー向けの優れたエクスペリエンス

両方のサイトでわかるように、基本的にマテリアルデザインガイドライン(そうです、Yahooも)を使用しており、デスクトップとモバイルの両方で同じ card を提供しています。これにより、デバイス間でのUIの一貫性が向上するだけでなく、小さな画面で乱雑な情報が取り除かれます。また、論理的な「ステップバイステップ」の動作が可能になります。これは、特別に必要な Yahoo 2ステップ検証 (ログインに必要な2つの画面と混同しないでください。これらの手順は、UI手順ではなくセキュリティ対策です)

2ステップ検証Google、Yahoo、Apple と続きます。したがって、このニーズと、多数のユーザーが小さなデバイスでこの機能を使用するという事実を考慮すると、この種のパターンで終わります(実際には 漸進的開示です) パターン)

マテリアルデザインガイドラインを使用しながら、現在のバージョンと、すべてを同じページに表示するとどうなるかを確認してください。

enter image description here

ご覧のとおり、両方のバージョンの認知負荷には大きな違いがあります。そして、これは「ステップアプローチ」を使用することで解決されます(または、繰り返し、段階的開示)。

27
Devin