Wizardry

Overview

Various example of wizards I have helped build or design over the last few years.

As a designer, I typically try to avoid using wizards as they are complex and do not always lend themselves to a good UX.

I’d rather solve the design problem by simplifying to smaller independent views or sections.

However, usually in enterprise environments, sometimes there are use cases that require a sequenced flow for setup or configuration for example where using a wizard is suitable.

As a developer, I think designing and building a reusable wizard UI component can be a fun challenge.

For example, handling transitions in/out of a step, allowing clickable headers or not for navigation, forcing a sequence vs. allowing hopping around, and how to share data and conditions between steps.