Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [wizard]

a sequence of dialog options that guides a user through a process such as software installation in discrete steps.

Filter by
Sorted by
Tagged with
53 votes
11 answers
8k views

How can I make it extremely clear that the user needs to take one last action?

I am developing a new checkout wizard for my company's website, and I've added a "confirm your selections" panel as the last step in the wizard: From my perspective as the designer, I feel that I ...
alexw's user avatar
  • 677
44 votes
10 answers
10k views

Is the ability to finish a wizard early a good idea?

I am using a wizard dialog with 4-5 steps to let users input data of a business object. The data on the different steps of the wizard is not interdependent and the order of the steps feel natural when ...
J_rgen's user avatar
  • 3,726
36 votes
4 answers
9k views

Should I put a back button on my form wizard?

Currently I'm designing a form wizard which will be use in the website. My reason for not putting the button on the form is because I want the user to never press back and so must finish the form. My ...
Rob H. Yamin's user avatar
  • 1,789
27 votes
7 answers
9k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five-step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
Giselle Sperber's user avatar
24 votes
10 answers
6k views

What can be done to make a long, multi-step wizard more user-friendly?

I need to create a wizard which has numerous sections, each with multiple questions. How can I improve the experience for the end-user?
Ryan Shripat's user avatar
  • 2,001
14 votes
5 answers
3k views

When creating a GUI wizard, should all pages/tabs be of the same size?

I understand that some libraries would force me to, but my question is general. If I have a set of buttons at the bottom: Back, Next, Cancel?, (other?), then should their location ever change? If the ...
user avatar
14 votes
5 answers
12k views

Multi step form vs single complex form

For a website that sells things, it's often needed to fill in a lot of information. When it comes to these types of forms you want the user to complete which one is the best? A single form with all ...
googletorp's user avatar
  • 2,337
13 votes
3 answers
5k views

If and how to break a long wizard into main steps and substeps?

I am given the task to design a lengthy web form that asks a user to enter a lot of information on a technical installation he planned/built. Given the nature of the required data (there are different ...
Louise's user avatar
  • 365
12 votes
2 answers
14k views

Android Multi-Step Wizard Examples

I am designing a multi-step wizard to display at the startup of my Android App. Looking for examples which serves as both tutorial and tour of the major benefits of the app. So far I haven't found ...
Rico's user avatar
  • 123
12 votes
4 answers
12k views

Positioning Back, Cancel and Next in a full screen wizard

Hi I have a full screen wizard that like many wizards has the back, cancel and next buttons. What is the optimum way of positioning these buttons on the screen? Are there any studies that have ...
Viraj's user avatar
  • 1,113
10 votes
6 answers
1k views

Which is more important, less mouse distance to travel or visual consistency?

I have an interface that I am currently working on that asks the user to make a choice of a single item. These items are divided into 3 separate categories and the client has insisted that each ...
Matt Rockwell's user avatar
10 votes
2 answers
3k views

In a wizard form, should the data be saved to the server at the end of all step or at the completion of each step?

I am pondering of two approachs to work with my form: Send all data to the server when user has completed all steps. Save data to the server each time user has completed a single step. Specificly, ...
tiengtinh's user avatar
  • 589
9 votes
7 answers
875 views

Wizard interaction - which of the following methods serves the user better?

One of the classic wizard formats is as follows: I've also encountered a slightly different version using the master-detail paradigm, where the appropriate step is highlighted on the left: If the ...
Dan Barak's user avatar
  • 7,762
9 votes
3 answers
3k views

Relation between a Wizard's Previous button and history's Back button

I have a web form split across 3 screens/pages. A user can move between forward and backward between the screens via Next and Previous labeled buttons respectively. When the user presses a previous ...
JamesEggers's user avatar
  • 2,019
9 votes
5 answers
1k views

Is it intuitive for a "yes" or "no" button to proceed to the next step automatically in a wizard?

I am designing a wizard with 4 steps in it. To make the screens more appealing and easy to click through I converted the radio buttons into big buttons, but they still function like radio buttons in ...
Adriaan's user avatar
  • 1,270
9 votes
5 answers
3k views

Wizard UI / Sequence Map. Skipping a step

I have 4 step process. At the top I have a typical sequence map... step 1, step 2, etc.. The contents of step 3 depends on what happens in step 2. 90% of the time the 3rd step will be full of content ...
Scott Dietrich's user avatar
8 votes
6 answers
3k views

Wizard or Tab ?

When I want to make an input dialog with lots of input field, do I need make the dialog in wizard style or tab style? Any suggestions?
Eko Kurniawan Khannedy's user avatar
8 votes
4 answers
2k views

Using a Wizard for initial input and later edit

My Windows application uses Wizards for creating business objects like persons or real estates. The Wizard is perfect, since it allows the input in the most logical order with the ability of ...
J_rgen's user avatar
  • 3,726
8 votes
2 answers
1k views

Should a progress indicator be clickable?

I am developing a 5 step process for a health insurance provider for an international audience. currently this is a display with three states: 1) completed 2) current step 3) future state (greyed out ...
Andrew Shillaber's user avatar
7 votes
2 answers
7k views

Save & Continue Button

In the app I am working on the user is presented with a list of item on the left and a panel contained with input fields on the right. The user will navigate the list and edit pricing criteria for ...
Jason Frade's user avatar
  • 2,296
7 votes
3 answers
4k views

How to implement a branching wizard?

I'm toying with the jQuery plugin SmartWizard to implement a branching wizard for a web application. The problem I'm struggling with right now is how to deal with user choices that affect the ...
simou's user avatar
  • 223
7 votes
2 answers
3k views

Layout question regarding "Select existing record or create new one" pattern

I want to create a wizard for creating new data. In one of the steps the user is supposed to select an existing record or create a new one. There are of course different ways to solve this. I am ...
timeu's user avatar
  • 261
7 votes
2 answers
2k views

Optional steps in wizards

I have a wizard that has optional steps in it. These steps are after all the mandatory steps. The optional steps are not advanced options. Is this a good idea at all? How does one order the ...
Viraj's user avatar
  • 1,113
6 votes
4 answers
1k views

Wizard steps - how should I label them?

I've built a 3 steps registration wizard because my user must fill in 19 (!) fields. (Its a regulatory issue that can't be argued). I split them steps to 3: 1. Account information 2. General ...
Faruz's user avatar
  • 345
6 votes
2 answers
2k views

Tabbed "wizard": next vs save?

I'm currently working on designing a setup flow where the user will create a study in 6 steps. I've decided to split the different steps into tabs based on what the user will have to do in them, i.e : ...
Mumas's user avatar
  • 421
6 votes
3 answers
848 views

Breaking down complex processes

I'm currently developing a CMS for a booking agency that puts together multi-day music festivals. Rather than posting news or articles, the bulk of the content being managed are just these festivals &...
Lèse majesté's user avatar
6 votes
3 answers
224 views

When a user registers... Leave his data empty or fill it with demo values or ...?

So, i'm creating a web application for member management. So a user registers... And then they go to the dashboard, to see everything empty. What would be the best experience to let the user flow ...
NicoJuicy's user avatar
  • 380
6 votes
2 answers
1k views

The effect of showing "wizard" style steps in a multistep process

I'm approaching this from the context of a user onboarding workflow. Specifically I'm looking for references to research that discuss what effect displaying "wizard" steps actually has on user ...
ccurtisj's user avatar
  • 163
6 votes
2 answers
2k views

Should multiple step forms be arranged vertically or horizontally?

I'm designing a 4 step insurance form. enter details view your quote etc. etc. Someone has asked why have we done vertical steps (i.e. finish step 1 and move onto new page step 2). Now we know ...
Anon's user avatar
  • 473
6 votes
1 answer
616 views

When to use a group of radio buttons and when to use a select drop down

I have a step in a wizard scenario. The user has a choice of 3 options before they can tap 'Next'. For those 3 options do I use a select drop down list or a group of 3 radio buttons?
Dave Haigh's user avatar
  • 6,161
6 votes
3 answers
810 views

Complex Purchase Order Forms - do you have any advice or good references?

Let's say you need to design a purchase order form that is more complex than "usual" and has multiple elements affecting the final price: Choose between several tracks (e.g. Basic, Standard, Premium, ...
Dan Barak's user avatar
  • 7,762
6 votes
3 answers
4k views

How would you represent the progression of steps within steps?

I need to create a rather complex wizard which shows the progress of 3 main steps, and then between 4 and 10 sub-steps within each of the main steps. It would seem logical to have the sub-steps ...
Mopo123's user avatar
  • 167
5 votes
5 answers
1k views

Should unavailable buttons in a wizard be disabled or hidden?

On a wizard form I have the navigation, save, and cancel buttons. Currently I disable the buttons according to the context. The save button is enabled when the user actually can save (ie, last page). ...
Rodrigo Lira's user avatar
5 votes
5 answers
566 views

On a form wizard step what input type/s shall I use for when there are two options?

Ok so I have two options on a wizard step e.g. Option 1: Go to step A, Option 2: Go to step B. What is the best input method to use in this situation? The wizard generally has more complicated steps ...
Dave Haigh's user avatar
  • 6,161
5 votes
3 answers
3k views

Best practices for naming steps in a workflow (status labels)?

I've been unable to find a good guide for naming steps in a workflow (status labels). What are some principles / best practices? If you're curious, my specific case is: I have a system where users ...
Ryan's user avatar
  • 371
5 votes
3 answers
2k views

How to intuitively display steps in a dynamic context

I am creating a new wizard, and depending on the choice on the first wizard step maximum 2 more steps are needed. The reason for this is that the user can select an existing object in the first step ...
Stormenet's user avatar
  • 151
5 votes
3 answers
223 views

Is it ok to have command links or buttons within a step on a wizard?

I have a scenario whereby the user needs to perform an action after entering some information within a step on a wizard. Can this action be initiated with a command on the step in order to reduce the ...
Dave Haigh's user avatar
  • 6,161
5 votes
2 answers
4k views

Material Design Steppers - Lists inside steps

I am a bit struggling regarding a multistep process to create an item where the user has to fill out different data inside a mobile android application. Basic Data (e.g. a Location, a Date) Select ...
JDC's user avatar
  • 205
5 votes
2 answers
3k views

stepper wizard, optional step, skip and next button?

A complex form, split into 5 steps using the material design stepper, step 4 is optional. should this screen have a 'SKIP' button and a 'NEXT' button, or just a 'NEXT' button?
Pixl's user avatar
  • 51
5 votes
2 answers
2k views

Nested tabs (vertical within horizontal) alternative

I am working on a component is part of a larger wizard. It is made up of nested tabs (only 2 levels deep). Here is a quick wireframe of the it: The system I am working on is a refresh of an existing ...
boz's user avatar
  • 391
5 votes
1 answer
262 views

Any recommendations on dealing with wizard screens with wildly different amounts of content?

I'm facing an issue with a wizard import system. The content of each screen in the wizard varies to the tune of creating white spaces as big as 300px by 300px. A stakeholder thinks this is too much ...
Joel Garfield's user avatar
5 votes
1 answer
1k views

Wizard inside a Wizard?

I am a UI designer, working on a webapp that deals with lot of user data and grids. The base portion where the user enter their personal details has been split up into a wizard. Here the user may be a ...
Viknesh's user avatar
  • 53
5 votes
3 answers
2k views

Wizard pattern on IOS: Layout guidelines

I want to build an app for android and iOS that uses a five-step wizard to create an asset. Are there any established design patterns for tablets for a wizard pattern of this sort? I was thinking ...
user avatar
4 votes
2 answers
457 views

Can I have a wizard on a tablet?

I'm designing this long process to be completed on a tablet interface. For simplicity, I want to break the process into several steps, and allow next/previous navigation. Since it would take around 4 ...
Dvir Adler's user avatar
  • 5,033
4 votes
6 answers
948 views

Is the term "Wizard" ubiquitous enough for a helper/walkthrough tool

We all know what a wizard is (no, not Luke Edwards)... but I'd like to know what peoples thoughts are on its use in the specific context of noob's with little to no experience beyond email and ...
oucil's user avatar
  • 163
4 votes
5 answers
2k views

What are the benefits to software that has no installation wizard?

There are some Windows software packages out there (ie Eclipse, VLC prior to its current version) that do not rely on an installation wizard. Instead of using a wizard there is simply a folder with ...
Matt Rockwell's user avatar
4 votes
3 answers
390 views

Disabling navigation links in a wizard style interface (but not visually), is this an accepted practice?

While doing research for a current software project, I have come across Ford's car builder web application. It has a wizard style navigation across the top, and disables future links until the first 2 ...
Matt Rockwell's user avatar
4 votes
4 answers
1k views

Why might it be silly to have a 2-step Wizard?

In reference to 'Designing Interfaces' it's stated that it's silly to have a 2-step wizard. What are the reasons for this and is it really all that bad to have a 2-step wizard process? In either ...
RobbyReindeer's user avatar
4 votes
2 answers
851 views

Does it make sense to put a back button on first page of a wizard?

I have implemented this four-step wizard. ┌───────────┬───────────┬───────────┬───────────┐ │         X │         X │         X │         X │ │ │ │ │ │ │   ...
Qwerty's user avatar
  • 143
4 votes
4 answers
2k views

Wizard UI - empty steps

I am working on an enterprise application for a telecom domain. In this application, we have a catalog of templates for software to be deployed/installed. Deployment usually needs a lot of parameters ...
Ahmed Baig's user avatar