Please reach out forĀ an in-depth case study review of projects.
The Problem
The current wizard design has a flat hierarchy that places the wizard navigation and wizard content on the same level of importance. This design also limits how long wizard titles can be, the actionable area for button options, and limited delineation between content, wizard controls, actions.

Example of the current Clarity wizard component.

The Solution
Propose a set of changes to the wizard component to re-organize the component hierarchy, create delineated header and footer areas, and maximize the data being shown by allowing the wizard navigation to expand and collapse. This keeps content being displayed in the wizard as the focus.

Side by side comparison of design concepts to reorganize hierarchy of the wizard component and adding functionality to collapse the left navigation of the wizard steps.

These design changes have been contributed back into the Clarity framework so all consumers of the library can benefit from it. For an in-depth case study walk through of any projects, please reach out.
Back to Top