コンテンツにスキップ

ステップではなく不足条件で示す

Step1→Step2→…で順序を固定せず、「何が足りないか」を示す。

ウィザード形式(ステップフォーム)は、入力の順序をUIが決めてしまいます。ユーザーは自分のペースで、必要な箇所から入力したいことが多いです。

ステップで強制する不足条件で示す
Step1 → Step2 → Step3 → 確認セクション編集 + 不足表示
順序が固定されるどこからでも編集できる
戻るとき特定Stepに戻る該当箇所だけ直す
途中で抜けられないいつでも中断・再開できる

ステップ形式は、1つの項目を直すために複数画面を経由する問題を生むことがあります。

ユーザーのゴール達成にどう寄与するか: 自分のペースで、必要な箇所から入力できる。「効率よく申請を完了したい」というゴールに直結する。

ステップで順序を固定

不足条件を表示

ステップではなく、セクションで情報を分類します:

  • 基本情報セクション
  • 旅程セクション
  • 経費明細セクション
  • 添付ファイルセクション

各セクションは独立して編集できます。順序は関係ありません。

未入力: 旅程(交通) / 添付(領収書1件以上)

「何が足りないか」を明示することで、ユーザーは必要な箇所だけ対応できます。

  • すべての必須項目が埋まったら「申請」ボタンが有効になる
  • 不足があれば、何が足りないかを表示する
  • Step1→Step2→…で入力順序を固定する
  • 「次へ」ボタンで順番に進ませる
  • 前のステップに戻らないと修正できない
  • ステップ番号で進捗を管理する