進め方
Form Designはフォームを最初から最後まで扱います。レイアウト、ラベル、補助テキスト、入力タイプ、検証、複数ステップの進捗、アクセシビリティを対象とします。ソースでは、読み順を明確にし、フィールド幅で想定される入力を示すことを推奨しています。
詳細な挙動のガイダンスには、フォーカスが外れた時点での検証、フィールドに関連付けたエラー、戻る操作時の入力保持、重要な送信前の確認ステップが含まれます。これらは実際のデータやユーザーに合わせて調整する設計判断であり、未検証のフォームの完了率が向上する証拠ではありません。
期待される成果物
- グループ化と入力タイプを含むフィールドの並び
- ラベル、説明、検証の挙動
- 複数ステップ、フォーカス、エラーサマリー、進捗のルール
ブリーフからレビューまで
- 01フィールドを減らして並べる
必要な情報を特定し、関連する質問を明確な読み順でグループ化します。
- 02入力時の挙動を定める
入力方式、常時表示のラベル、補助テキスト、検証のタイミングを選びます。
- 03完了と修正を扱う
保持するデータ、戻る操作、エラー時のフォーカス、重要な送信前の確認を定義します。