/
Pattern: Form Wizard Step

Pattern: Form Wizard Step

Pattern description:

The form wizard steps make up the primary pages of the form wizard. It is recommended that no fewer than 2 wizard steps and no more than 6 wizard steps be utilized, in order to keep the wizard pattern effective. Will planning your form it appears your wizard will need to use fewer than 2 steps or more than 6 consider using a different approach. A single one-page form for a form with 2 steps or fewer would be effective. Breaking a complex form submission down further into multiple forms that are submitted sequentially can also be effective.

When to use the pattern:

Use this pattern when a form would benefit from being separated into several parts.

Available components:

Accelerated forms

Axure library

Layout:

Requires components

  • Page header

  • Wizard stepper

  • Page body

  • Wizard button bar

  • Page footer

Examples:

Example 1 - 3 Step Wizard

<image>

Example 1 - 4 Step Wizard

<image>

Example 1 - 5 Step Wizard

<image>

Example 2 - 6 Step Wizard

 

Related content

Pattern: MTA Form Wizard
Pattern: MTA Form Wizard
More like this
Pattern: Form Wizard Summary
Pattern: Form Wizard Summary
More like this
FormBuilder Admin UI - Walkthrough
FormBuilder Admin UI - Walkthrough
More like this
Pattern: Form Submission Confirmation
Pattern: Form Submission Confirmation
More like this
Pattern: Form control contextual help
Pattern: Form control contextual help
More like this