Content Comparison

Header

• The header describes the wizard’s purpose / expected results.

In case of a dialog:

Navigation bar

• Shows all of the steps in the wizard.

• Indicates which step the user is currently on, and the steps which have already been covered.

Content area

• Displays content relevant for the selected step, including a header, a form, and additional content to support decisions.

• The form may include a variety of input fields types, such as Radio Buttons, Check Boxes, and Drop-down Menus.

Actions Row

• On each step, the actions row will include at least two Dialog Buttons: Back (secondary) and Next (or other primary).

• On the first step, the Back button is disabled.

• On the last step, the primary button will show the final action that will occur (e.g. Create statistic Set).

• Additional buttons may also be included.

• If one of the fields contains an error, the primarybutton will be disabled and an error message will be shown (see validations and errors below).

Currently selected step

Last step selected

Previous steps which have already been covered

Uncompleted steps

Hover

Active

Selected Hover

Focus

Focus Hover

Focus Selected