ステップではなく不足条件で示す
Step1→Step2→…で順序を固定せず、「何が足りないか」を示す。
ウィザード形式(ステップフォーム)は、入力の順序をUIが決めてしまいます。ユーザーは自分のペースで、必要な箇所から入力したいことが多いです。
なぜこの考え方か
Section titled “なぜこの考え方か”| ステップで強制する | 不足条件で示す |
|---|---|
| Step1 → Step2 → Step3 → 確認 | セクション編集 + 不足表示 |
| 順序が固定される | どこからでも編集できる |
| 戻るとき特定Stepに戻る | 該当箇所だけ直す |
| 途中で抜けられない | いつでも中断・再開できる |
ステップ形式は、1つの項目を直すために複数画面を経由する問題を生むことがあります。
ユーザーのゴール達成にどう寄与するか: 自分のペースで、必要な箇所から入力できる。「効率よく申請を完了したい」というゴールに直結する。
避けたい構造
Section titled “避けたい構造”セクションで分ける
Section titled “セクションで分ける”ステップではなく、セクションで情報を分類します:
- 基本情報セクション
- 旅程セクション
- 経費明細セクション
- 添付ファイルセクション
各セクションは独立して編集できます。順序は関係ありません。
不足条件を上部に表示
Section titled “不足条件を上部に表示”未入力: 旅程(交通) / 添付(領収書1件以上)「何が足りないか」を明示することで、ユーザーは必要な箇所だけ対応できます。
申請可能条件を明確に
Section titled “申請可能条件を明確に”- すべての必須項目が埋まったら「申請」ボタンが有効になる
- 不足があれば、何が足りないかを表示する
避けたいこと
Section titled “避けたいこと”- Step1→Step2→…で入力順序を固定する
- 「次へ」ボタンで順番に進ませる
- 前のステップに戻らないと修正できない
- ステップ番号で進捗を管理する