UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

Wizards may be an ancient design pattern, but they still have some uses

Designing for important but infrequent tasks often requires a wizard

Kai Wong
UX Collective
Published in
6 min readAug 31, 2022

A person dressed in wizard robes holding a wand over a foggy cauldron. There are books, candles, and more laid out, making it seem like a magical/fantasy setting.
Photo by Artem Maltsev on Unsplash

Sometimes, you might design for important but infrequent tasks, such as installing new software.

In those cases, you might want to rely on a design pattern that you and I might have grown up with: the wizard.

A gray window that reads “Windows 95 Setup Wizard”. Some text is in the grey box, with the “Next” button highlighted.
https://uxplanet.org/wizard-design-pattern-8c86e14f2a38

Wizards are decades-old design patterns that have fallen out of favor in place of dynamic forms. Still, that doesn’t mean there aren’t modern use cases where they’re often the right design pattern.

However, we’ve learned a lot since the pattern was implemented in the early 1990s: we’ve learned how to design well-implemented wizards by asking ourselves a few questions.

But before we get into that, we need to first understand how wizards differ from other similar design patterns.

Wizards, Onboarding, and Dynamic Forms (Oh my!)

Two common design patterns are often used today instead of wizards:

Both design patterns are often used in similar situations where you might use a wizard, but there are two critical differences between them and wizards: user input and discrete steps.

Onboarding is a method of walking your users through different features, aspects, or steps of a website that usually occurs the first time you launch an app or website.

A “deck of cards” onboarding tour that walks users through different features on a mobile device that they might not be aware of.
https://www.nngroup.com/articles/mobile-app-onboarding/

However, this is often a 'feature preview': the user can't input anything other than to either move forward or skip the tutorial.

This is where another pattern, Dynamic forms, comes into play. These forms can show feedback like error messages in real-time, such…

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Kai Wong

7xTop writer in UX Design. UX, Data Viz, and Data. Author of Data-Informed UX Design: https://tinyurl.com/2p83hkav. Substack: https://dataanddesign.substack.com

No responses yet

Write a response