ログインページを識別できるようにする
ログイン情報を中心に保ちます。プロモーション コンテンツによってフォームがビューポートの外に押し出されないようにしてください。
ログイン ウェブサイト
Web サイトに戻ってきたユーザーが適切なコンテキストでアカウントにアクセスできるようにします。
チェックリストの内容
確認の進捗
01
内容と期待
使用状況に応じて情報とプレゼンテーションを比較します。
02
ナビゲーションと体験
操作を試し、ステータスを変更して作業を続行します。
03
体験を完了する
デザインを実用化する際に見落としがちな細部を確認してください。
04
支店を確認する必要があります
タスクを開始、変更、完了するときに特定のシナリオを試してください。
進捗はこのブラウザーに自動保存されます。
ガイド
確認方法
使用例
使用例
ログインページを識別できるようにする
ログイン ページでは、新機能の紹介の前にフォームが配置されます。
バリエーションと利用場面
一元化されたログインフォーム
ログイン情報と回復ルートをスキャンしやすい場所に保管してください。
キーボードとパスワード マネージャーだけを使用してみてください。エラー後にユーザーに電子メールの再入力を強制しないでください。
例 電子メール、パスワード、およびパスワードを忘れた場合のラベルは同じフォーム上にあります。
プロバイダーを選択してログインする
アカウント情報によるログインとサードパーティの方法によるログインを区別します。
プロバイダーをキャンセルするか、権限が不足しているか試してください。説明して別の方法で返します。
例 ベンダー ボタンには、単なるロゴではなく、特定の名前が付いています。
二次情報は主要なタスクを維持します
更新やコメントは、ユーザーに役立つ場合に導入できますが、アクセスを妨げることはありません。
狭いビューポートとテキスト ズームを試してください。導入は形式に取って代わられなければなりません。
例 新機能の説明はデスクトップ フォームの横にあり、モバイルでは折りたたまれています。