ユーザーが予測できる動作
ユーザーの予測に反さないwebページのを作っていこう
よくある事例と改善案
事例1. フォームコントロールの値を変更した時に画面遷移が発生する
- 1. セレクトボックスを展開して値を変更する方法
- 2. セレクトボックスを展開せず値を変更する方法
解決策 コンテンツの大きな変化を予測できるようにする。
- セレクトボックスと値を変更するボタンを切り分ける
- セクトボックスの値が少ない場合は、リンクとして実装する
事例2. ページ読み込み時やフォームコントロールへの値の入力時にフォーカスが移動する
フォームの値を入力した時にフォーカスが移動するとキーボード操作ユーザーが次の次のフォームに行ってしまう
解決策
- フォームコントロールの値を入力した時に移動しないようにする
- ユーザーがフォーカスの移動を予測できるようにうする
- ※ ユーザーが予測できるようなフォームの場合はオッケー