2018年06月30日(土)

なるべく強固なパスワードを入力して貰う為のフォームのサンプル

• 0
• 10
• 5
• 38

Better Password Form

See the Pen Better Password Form by kachibito (@kachibito) on CodePen.

Codepenでパスワード設定の際のフォームで、より強固なパスワードをユーザーに入力してもらうよう促すUIが参考になったので備忘録。一定の条件を満たしたパスワードで設定完了ステップに進めるようにする、というもの。サンプルでは一定の文字数以上であり且つ、大文字、小文字、記号を含めたパスワードでないと次のステップに進めないようにしてあり、画面遷移後は入力したパスワードを再入力して設定完了プロセスが終了します。パスワードは強いものを期待出来るかもしれませんね。

現在でも同じプロセスは既に存在しますが、分かりやすくする事である程度ストレスを軽減できる気がします。とはいえ、それでもやはり面倒な入力フォームはユーザーにとってはストレスとなりやすいですね。認証システムは今後も進化していく事を求められているでしょうし、既に顔認証や指紋認証なども導入され始めているのでこうしたキーワード式のパスワードに今ほど需要が残るかは分かりませんので、いずれこうしたプロセスがいつか不要になるかもしれませんが設計側としてはその時できる最善を尽くしたい所ではあります。