2021年7月第1週号 1位は,サインアップ/ログインのUXを良くするヒント,気になるネタは,「Chrome」のサードパーティークッキー廃止が2023年に延期
ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年6月21日〜27日の間に見つけた記事のベスト5です。
1. 15 Tips for Better Signup / Login UX (Illustrated)
https://learnui.design/blog/tips-signup-login-ux.html
サインアップ/ログインのUXを良くするヒントをまとめた記事です。
- 最初のフィールドに自動でフォーカスを合わせる
- モバイル端末でのソフトウェアキーボードは入力内容に合わせたものを使用する
- 入力と同時にフィールドの値チェックを行う
- ラベルテキストをクリック可能にする
- パスワードを入力するときにパスワードのルールを表示する
- パスワードを入力するときに入力内容を見られる仕組みを用意する
- ボタン内のテキストでボタンを押すことの価値を明らかにする
- シングルサインオンの実現
- ユーザーが利用規約に同意したことを通知することでクリック数を節約できる(ユーザーの明示的な許可を必要としない場合)。
- 「サインイン」と「サインアップ」には異なる用語を使う(サインアップとログインなど)
- 「サインイン」と「サインアップ」を簡単に切り替えられるようにする
- ユーザー名でなくメールアドレスでログインさせる
- 無効なパスワードを入力したユーザーに、なぜ無効なのか説明する
- パスワード入力に失敗した場合も入力内容はクリアせずそのままにしておく
- パスワードのリセット画面に移行するとき、入力済みのメールアドレスを引き継ぐ