Design Principle
Wizards need to show current position, remaining work, reversibility, and save state.
Principle Wizards need to show current position, remaining work, reversibility, and save state.
Design action Use short labels and completion states in steppers; each step shows purpose, required scope, previous summary, and next-step consequence.
Examples Positive example: Setup, import, checkout, applications, AI workflows, and multi-stage configuration. Counterexample: Only 'Step 3 of 7' is shown without meaning.
Apply when Setup, import, checkout, applications, AI workflows, and multi-stage configuration. Users need to judge state, scope, risk, or next action quickly.
Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.
Agent Directive
Use short labels and completion states in steppers; each step shows purpose, required scope, previous summary, and next-step consequence.