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
1
vote
2answers
62 views

Onboardings and wizards - should I show the steps of the process?

So I need to design onboarding screens for a credit card company. I started to look around on different onboardings and collect ideas from different products such as Lemonade, Forward, Grammarly etc. ...
1
vote
1answer
82 views

Wizard or page?

What would you recommend? We have a "webform" we need to build and we have been talking about using a wizard to ease the steps of this form for the user. But we also talked about editing in ...
2
votes
1answer
49 views

Editing of individual items and saving them

I am working on an application where I have to ask customers for input. Categories are on the left side of the page. Inside one category user needs to fill the details of multiple items. User will be ...
1
vote
0answers
31 views

Should I use popups inside a wizard form?

I have a very long wizard form and I need to add even more information within each step. For now I have decided to add it using pop-ups. I know it is a bad practice, but I can not come up with a ...
1
vote
3answers
141 views

How to define modal size?

I want to design a modal-dialog, which contains a stepper. Also in some cases, the input fields are not too many and in other cases, they are A LOT of them. Which means if I predefine the size of the ...
3
votes
3answers
278 views

Ask user to check categories of an item and then display category-specific options

Problem In my Web application I have a form in which the user must fill some information about a generic item, let's say a car. Between all the standard information (name, description etc) I am ...
13
votes
5answers
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 ...
0
votes
1answer
27 views

Legacy system content import tool [closed]

We have an old system, which is a course platform, and we are developing a new version of it, with other technology and some new features. I am designing the feature that will allow users to migrate ...
2
votes
2answers
35 views

Change size of modal in wizard experience

I am building a wizard experience to guide a user through a complex setup flow. In the flow, some steps require more space and some require less space. Does it make sense to change the modal size on ...
2
votes
1answer
39 views

Best possible way to display 6 tabs with first 3 as mandatory steps and rest activated after completion of first 3?

We are revamping the attached page.We are using Angular Material framework.Requirement are as follows : 1. User needs to fill form in first three tab as mandate like a wizard or stepper. (Expected ...
3
votes
1answer
298 views

Should the back button in a stepper be prominent?

I have a checkout page on my application that has two buttons, one to review the order, and one that goes back to the shopping cart. My product owner feels that the Back to Cart button needs to be ...
2
votes
2answers
102 views

Displaying selection of sub-categories within a Card

I am working on application that analyzes live video and can tell, with the help of AI, when an object of a certain type (e.g human, vehicle) is detected in the video. The application will have a ...
1
vote
1answer
75 views

Use of summary step at the end of Wizard UI?

I am designing a wizard about adding events on a calendar. The last step of the wizard is the summary of the user's choices. Is it obligatory to use it, or can I skip it? PS. Number of Steps with ...
0
votes
1answer
96 views

Navigation between steps on mobile form wizard, automatically or scrolling to “next” button?

I have a form wizard, which looks like this: On this particular step, you are supposed to pick only one of the three items. On the desktop version buttons "Next" and "Back" are fixed to the bottom ...
4
votes
3answers
300 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 ...
3
votes
2answers
523 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?
1
vote
3answers
74 views

Real time filtering or Wizard steps

At this moment, I'm working on a product finder tool. By answering different questions, you get advice that suggests a product of your interest. So, the answers to questions could lead to different ...
0
votes
0answers
24 views

Real time filtering vs. Wizard steps [duplicate]

At this moment, I'm working on a product finder tool. By answering different questions, you get advice that suggests a product of your interest. So, the answers to questions could lead to different ...
27
votes
7answers
6k 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 ...
1
vote
2answers
81 views

Should I use wizards steps if the user won't finish all the steps at the same day?

I'm currently designing a system and there is this specific functionality that the user has to complete a series of steps, but the last step won't be completed at the same day (it has a specific day ...
7
votes
2answers
4k 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 ...
1
vote
1answer
1k views

How to fix an overwhelming UI for reporting with too many options?

I'm having a difficult time organizing the excessive number of listboxes for a report I've been asked to write. They want tons of filter options with multiple select lists. Is there a better way to ...
0
votes
3answers
112 views

UI for parameter which can be defined in two different ways

I develop a desktop app with a wizard like dialog which requires several parameters to be set. Currently all parameters are displayed in a grid with a label and an appropriate control next to it, e.g. ...
1
vote
3answers
387 views

Wizard split step VS big step in B2B application

We are re-developing a B2B application to make it more user-friendly, but keep it robust. One of the features has popup wizard with 3 steps. On Step 2, we'll need to have a grid of items to be ...
1
vote
2answers
129 views

How to convey the user that some of the form fields cannot be changed later?

I have a form wizard some input fields. On the first step of the wizard, there are 2 checkboxes which once the form has been submitted, cannot be edited. All other fields can be edited later on if the ...
0
votes
2answers
83 views

Naming and metadata in a wizard flow

In a short wizard flow (4 steps), should the option for naming the wizard and other metadata (description, etc) come as the initial step or as a final step? I'm of the opinion that it should be a ...
2
votes
2answers
281 views

Should steps in a wizard display in breadcrumbs?

The application I'm working on displays historical breadcrumbs. There's one section of the app that utilizes a wizard. Should the steps in the wizard also be displayed in the breadcrumbs, or just the ...
0
votes
2answers
310 views

Does this type of UI need a Delete button?

This screen is part of a multi-step process. This screen, in particular, lets you add user emails by clicking on the "Add email" button. Clicking "Add email" appends a new textbox to the list. Once ...
0
votes
3answers
307 views

Best Practice for Form Layout - UI

I'm building out a form at the top of page, where we are collecting 3 pieces of information. Would it be best to display this one line at a time or show all at once? Scenario 1: - The first form ...
2
votes
2answers
1k views

Material Design Steppers Clarification

I am in the process of implementing a generic material design stepper according to the specification here. Unfortunately there are some points I do not completely understand, maybe there is someone ...
1
vote
3answers
168 views

Wizard component - current state vs active state

The system is used for executing tests. Each test has to go through a number of stages that include user interaction with the system, meaning that each step also has a dedicated screen. We have in ...
4
votes
1answer
1k views

Best practice for linear or non-linear stepper in multistep forms

I am hammering out the guidelines for use of Material design's steppers in a system. The admin using this system can configure a form to some extent. The admin can not decide in which step of a multi ...
2
votes
2answers
59 views

Splitting required inputs into onboarding & further steps

This is my first question here so it`s nice to meet you ! I am working on a bigger desktop web application that handles events & I am having a difficult time trying to establish a wizard as I ...
1
vote
1answer
340 views

Is it bad to dynamically add wizard steps?

I'm designing a 5-step wizard where the user sees the steps during the wizard, so he knows where he is the whole time. However, in the first step I prompt the user with a question and if he answers "...
6
votes
4answers
1k 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 ...
5
votes
5answers
454 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 ...
0
votes
1answer
74 views

Running a “Wizard of Oz” UX session without disclosure of the “magic”?

There's a lot of power in using the Wizard of OZ prototyping technique to shape the intents and personality of a conversational UI interaction, especially as it is "natural", voice-driven interaction. ...
1
vote
1answer
195 views

How to design a flat design wizard?

We are migrating our modal based wizards to be "flat" and included in the main navigation system. They should be accessible via a navigation bar. How do we place the different buttons and explain the ...
0
votes
1answer
69 views

Where does the name “Setup Wizard” come from? [closed]

A wizard is this step-by-step assistant for installations, but also WinZip archival. Where does the name wizard originate from?
0
votes
3answers
243 views

Does it make sense to have a Back button on Step 2 of this particular wizard?

Step 1 of this wizard must be a Sign Up form. In Step 2 and the rest of the steps, we list down some questions to ask the user. In Step 2, does it make sense to have a Back button? My thinking is ...
5
votes
5answers
972 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). ...
10
votes
6answers
734 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 ...
1
vote
3answers
396 views

Would it be a good or poor user experience if I guide users through a wizard and not let them see it again?

I'm currently designing the UX for an event travel site. It starts off with the organizer registering and then it goes right into the "wizard" where it functions like an accordion -- broken up into a ...
9
votes
3answers
2k 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 ...
4
votes
4answers
1k views

Wizard/progressive stepper: Should states only be controlled by back button?

Suppose a stepper has 6 steps. Can the user directly jump to the 4th step or should he follow the same flow with a click on "save and next". Same flow for the reverse order as well. For example: ...
4
votes
2answers
427 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 │ │ │ │ │ │ │   ...
0
votes
5answers
1k views

Should I disable or hide the Back button in last step of Wizard

I am preparing a wizard for the account setup for the first time users of the application. Since, it is account setup wizard, there are few actions that cannot be edited. However, the other actions ...
1
vote
1answer
81 views

How to decide whether wizard stages should be split or united

I have a wizard where, conceptually, the first step is a URL input field. Once filled and activated, the system pulls some stuff from that address and the rest of the wizard steps deal with that stuff....
3
votes
1answer
444 views

Wizard with optional steps

I'm currently designing a wizard dialog for saving a search. There are three steps of which the first one is required (provide a name) and the subsequent two are optional. I would like the user to be ...
0
votes
1answer
293 views

Navigation options in a wizard: next, previous, exit and save (finish later), exit without saving - too many?

I am designing a linear wizard for filling in a form (configuring an order). When filling in the form, the actions at each step are: move to the next step (saving entered data); move to the previous ...