Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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:

Lorem ipsumUse 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

...