Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [multi-step]

The tag has no usage guidance.

1
vote
3answers
317 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
1answer
103 views

How is a two-step login better than single-step when you have a password manager?

I am using a browser-based password manager. For most websites the login workflow is: Go to login page. Both username and password field are visible. Credentials are auto-filled by password manager. ...
0
votes
1answer
94 views

Icons vs numbers progress tracker

My mobile application includes a 4 step process to create and publish a project with each step start, the progress tracker increments(highlights next step) as shown in the image below currently am ...
1
vote
2answers
88 views

Simplifying complex user configuration for multiple users and multiple config options

We have a user config set up application where two steps need to happen and this is making the flow of screens quite voluminous and cumbersome for users. When a user is "Enable"d, the card for that ...
1
vote
2answers
233 views

Multiple Steps WITHIN a Multi-Step Accordion Form

I'm designing a multi-step accordion form flow for a package shipping process. The users fill out their "to" and "from" information easily in separate accordion sections, but the third section ...
0
votes
3answers
458 views

Creating a clickable progress stepper

I've got a page editor that gives users the option to indicate their progress. I've got a couple options I'm considering pictured here, but the problem is indicating to the user that they need to ...
4
votes
1answer
922 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 ...
1
vote
3answers
1k views

Best way to display progress trackers (progress indicators)

I have a form with multiple steps (at least eight), only a step is displayed once on the screen. What is the best way to display progress trackers (progress indicators): progress bar; steppers (...
3
votes
1answer
329 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 ...
10
votes
5answers
4k views

Is there a more direct/efficient way for a skip button?

I am currently working on a information request flow. The information needed is subdivided into 2 parts: the contact information (required) and some more details which are not necessary but add value ...
3
votes
2answers
526 views

Where to put a floating progress bar in a multi-step form

I am doing an interactive form that shows the progress related between filled and not filled inputs. As a result, I have a progress bar that shows how many steps did I filled and how many are missing. ...
2
votes
2answers
931 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 ...
0
votes
3answers
589 views

Progress Tracker with 2 levels

I'm currently designing a step-by-step wizard, where the interface tells the user which section of the wizard he/she is visiting, using Progress Trackers, like the image below. The user can navigate ...
1
vote
1answer
63 views

a step form nest in another step form (WebApp)

Hi, This is my first use of this website. I hope I could seeking some help here.(PS:i am not a UX designer) Currently i am working on a form. the form has 7 steps (A 1 to 7). However, in one of step, ...
5
votes
3answers
795 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 ...
1
vote
0answers
118 views

Multi-step forms on iOS [duplicate]

Google has material design guidelines for its multi-step forms: https://material.google.com/components/steppers.html#steppers-types-of-steps. Are there similar guidelines for iOS? If not, are there ...
4
votes
2answers
3k 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 ...
4
votes
3answers
285 views

Is there a best practice for direct access to all steps of a multi step process on mobile

I'm working on a multi step process in an Android App and I wonder if there is good solution out there to enable the user to access all (3 maybe 4) steps without wasting too much screen estate. My ...
3
votes
3answers
322 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
4
votes
4answers
842 views

Step UI when the list of steps is wider than screen width?

So I really like Semantic UI, and take a lot of direction from them when I can. I have a stepped-process checkout, and have taken after their "Ordered Step" UI. However, sadly, even their component ...
15
votes
7answers
3k views

Mobile app navigation: Back vs. cancel

I am designing a mobile app in which there is at least one multi-step process. Throughout the app, I want the back button to mean back one step, but not up a level in information hierarchy. During ...
0
votes
2answers
141 views

Wizard - Enterprise Application - Number of Steps

We are Redesigning an Enterprise Application (Desktop Web App) where the User needs to Create Configuration (for Video Streams (Live), Storage, On-Demand Streams, etc.,). These configurations require ...
0
votes
2answers
538 views

Sub-steps navigation and positioning in wizard

I have 7 step wizard. The first step contains 3 subsections that i organized in vertical tabs: Right now when you go to 1.1. you will have a "Next" button that will take you to 1.2. When you are at 1....
2
votes
1answer
2k views

iOS equivalent of Android's stepper for multiple steps

In Android there are detailed guidelines about step by step navigation/input. For example something like this: In iOS there are guidelines (further down the page) for page controls, which are ...
1
vote
2answers
765 views

In which scenarios it's better to use a multi-step wizard / workflow?

What are the guidelines to understand if a "flat" configuration screen should be used or a multi-step wizard/workflow? In my app I have 2 groups of multi-selection settings and a file that should be ...
3
votes
2answers
196 views

Edge cases for a multistep navigation on mobile

Working on an ecommerce app feature where each product will have a multistep horizontal navigation (refer below). however the amount of steps might vary form 1-4. can't seem to come up with a decent ...
3
votes
1answer
879 views

Multi page vs single page to complete a form? (not for ecommerce checkout)

How to create a form with ~15 fields for a buying used clothes site, single or multi page? I saw other debates & older forums, but im not still convinced. Im leaning towards one page, or maybe ...
1
vote
2answers
3k views

Web GUI pattern: How to design complicated multi-level nested forms in an ERP system

I am on designing an ERP application. We have many forms with nested objects inside and many form elements. I tried to design the form like this example. But it seems that showing nested forms and ...
1
vote
1answer
823 views

Flow vs. Wizard - web application

We have multi step business process (~10) with multiple long forms. We allow for partial save etc... We are considering whether to allow user to click the header to navigate the steps out of order or ...
3
votes
5answers
2k views

Best way to display a long form with many dynamic questions

So I need to make a form with about 10 different inputs in it. Normally, I would put this on a single page and have the user scroll down. This seems like the easiest way to do it most of the time. But ...
3
votes
1answer
183 views

Create sub-objects within wizard

Question: In a 'Create new' wizard, what is a good way to create sub-object? I will have a wizard to create an object, Item. An Item will always belong to another object, Group. A Group will in ...
0
votes
2answers
84 views

Is the any design principle that would help to decide which screen, or steps, should go first in a two-steps form to create an event?

In order to create an event, there are two types of information to complete, divided already in two screens. One screen is to fill out details about the people going to the event, the reason of it, ...
2
votes
3answers
636 views

Accordion registration form - Should the user be able to go back to the previous step?

I'm working on a step by step registration form. We are exploring an accordion style approach at the moment. (Below are my wireframes.) Because we are using inline validation, the user cannot go to ...
1
vote
2answers
691 views

Where is the best position for a FORM on a landing page?

i am working on a long landing page (at the moment the design is about 9000px long) for the hotel/travel industry. I was wondering what was the best place to put the request form, right now i am ...
1
vote
1answer
129 views

Is it good practise to highlight step number instead of step name in multi step form design?

Is it a good practise to highlight step number more compare to your step name? In my current example, we have step no. highlighted and bigger in size that it gets all attention. Not sure if this is a ...
6
votes
2answers
933 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 ...
0
votes
1answer
293 views

Is a progress tracker necessary/beneficial for a 2-step checkout?

For many checkout pages, a progress tracker is touted as a good idea to help guide a user through the purchasing/checkout process (as outlined in this article: http://www.smashingmagazine.com/2010/01/...
8
votes
1answer
2k views

How to design a progress tracker for a mobile environment?

I currently have a web form that is designed for full screen desktop/laptop/tablet displays. As it is a multi-step form, there is a progress progress tracker at the top of the page, highly designed ...
2
votes
3answers
1k views

How to create a “non-linear wizard”?

I know I'm being sort of oxymoronic here by referring to a wizard, but I'm not sure what else to call this. I have a set of applications that do different things, but are parts of a whole process. ...
1
vote
2answers
214 views

Whether to divide the web signup to steps or not? [duplicate]

I have divided my signup page into a three-step signup: Account info (username, password and email) Personal Info (full name, gender and zip) And lastly, telling the user to verify his/her email ...
6
votes
3answers
434 views

What is the best means to show three level data with numeric scores at each level feeding the parent level

I have a data set with three levels of data and a numeric score at each level. These score values roll up to the parent each level. I need this display as part of a report that is "printer friendly". ...
2
votes
2answers
1k views

Indicating current step in progress bars

We're planning on integrating some kind of progress bar in a multi-step process. Our developers figured it would make sense that on step 4 of 9, 3/9ths of the bar would be filled in to show how ...