Wizard

A Wizard component is a user interface element designed for guiding users through step-by-step processes, particularly useful for user onboarding, structured form progression, etc.

Use cases

✅ Complex Data Entry: Wizards are ideal for applications that involve intricate data entry, where users need to input a large amount of information in a structured, step-by-step manner.

✅ Multi-Step Configuration: Wizards are effective for guiding users through multi-step configuration processes, such as setting up software, hardware, or personalized user profiles.

✅ Task-Driven Workflows: Wizards can be employed to streamline task-driven workflows, making it easier for users to follow a prescribed sequence of actions to achieve specific goals.

Not to Use Cases:

❌ Simple, Single-Step Tasks: Avoid using a Wizard for straightforward, single-step tasks or actions, as it can introduce unnecessary complexity and slow down the user.

❌ Overwhelming Number of Steps: Do not create excessively long or convoluted Wizard flows with an excessive number of steps, as this can overwhelm and frustrate users.

❌ Lack of Flexibility: Don't use a Wizard when users require the flexibility to move between sections or complete tasks in a non-linear order; Wizards are best suited for sequential and structured processes.