Multi-step form Web app

Break long tasks into steps without losing data.

7 checks · 2 content groups

Checklist contents

Review progress

Information and structure

Compare information and presentation in context of use.

State the current step and the restUse clear step names instead of sequence numbers.Let's go back to edit the answer without deleting the information in the following steps.Example “2/4 — Delivery address” has a path to “Recipient information”.Each step has a purposeCollect relevant fields and ask only for the information needed for that stage.Group questions by a decision or topic; Don't split the steps just to get the same number of fields.Check at the appropriate stepOnly correct error fields before switching steps and do not report all errors at the end of the task.Report errors in the current step and bring focus to the first error when continuing; Valid fields do not need to be re-entered.Keep data when returningTry changing steps, modifying selections, and checking for updated dependency information with explanations.Back need to keep the answer; If the new answer makes the following branch no longer relevant, explain which data will be dropped.

Actions and status

Try the operation, change the status and continue working.

State how to continue after interruptionIf saved as a draft, clearly state where and for what duration; If not, warn before leaving.Indicate where the draft is saved, how long, and whether it is under an account; Avoid promising to continue on another device when only saving locally.Please review before final sendingShow summary and edits of each section without having to browse from the beginning.From the summary, the edit button should spin the correct set of questions and then return to the final test with updated data.End with confirmationNotify sending, hold data in case of error, and clearly state the results and next steps.

Progress is saved automatically in this browser.

GUIDANCE

How to review

State the current step and the rest

Let's go back to edit the answer without deleting the information in the following steps.

EXAMPLES

Usage examples

State the current step and the rest

“2/4 — Delivery address” has a path to “Recipient information”.

Multi-step form Web app

Information and structure

Actions and status

How to review

State the current step and the rest

Usage examples

State the current step and the rest

Find a checklist

No checklists found