はじめに
フォーム設計のミスについてよくまとまった記事です。デザイナーと開発者は必見だと思います。
まとめ
横に広がらない
項目表示はフォームの上に
項目表示と入力欄はできるだけ近づける
大文字にしない
選択肢が5つ以下ならドロップダウンにせず全て表示させる
プレースホルダーをラベルとして使用しない
チェックボックスは縦に並べた方が見やすくなる
CTAを分かりやすく表示する
エラーは埋め込みで表示する
ユーザーが入力している最中にではなく「入力後」にエラーを表示させる
ヘルプ表示は隠さない
アクションにおける優先順位を示す
アフォーダンスの観点から入力欄の長さを決定する
「*」は取り去り、「任意」にする
入力情報ごとにグルーピングする
