64
votes
When do users understand that a wizard navigation bar is clickable?
Note: when this answer was written, the question talked about a "progress bar". The question was later changed to mean "wizard". I am leaving this answer as is because it is still being voted up ...
- 887
59
votes
Accepted
Progress - When should I go from 100% to 0%, or vice versa?
TLDR: Never, unless you are not making any progress (losing progress)
A progress-bar in UX has one simple feature, show progress to a user. Progress is a forward motion/movement. This is I ...
- 1,659
35
votes
When do users understand that a wizard navigation bar is clickable?
I believe you need to rely on icons in this case.
The pencil is associated with the edit action, which if I understood correctly is the reason why the step is clickable, while a check icon implies ...
- 16.9k
33
votes
When do users understand that a wizard navigation bar is clickable?
A lot has been discussed here already, and I think we can take an advantage of user's Mental Model by using border-bottom which will indicate that the step in wizard is clickable.
I've never used ...
- 16.3k
29
votes
When do users understand that a wizard navigation bar is clickable?
Real good discussion happening here. Some thoughts and ideas below.
Consider the design attached and multiple scenarios mentioned:
1) Introducing a status message that suggests that the data is ...
- 3,939
21
votes
Accepted
When do users understand that a wizard navigation bar is clickable?
Going off Simon Richter's answer and O. R. Mapper's comment, what about something that looks sort of tab-like to help indicate it's clickable, but has an arrow shape communicating the flow of the ...
- 342
18
votes
When do users understand that a wizard navigation bar is clickable?
Deutsche Bahn are using a tabbed interface, adding tabs as the user progresses along the wizard, and with green lines indicating that the respective pages contain valid data. The user can go back by ...
- 449
12
votes
The rationale of progress indicators for online articles
It think it's just an additional feature that may not be used by majority of users, because as you start reading the content; your focus remains on the content, when you scroll slowly (as anyone would ...
- 16.3k
10
votes
Progress - When should I go from 100% to 0%, or vice versa?
You might want to go out to the warehouse and show the people there what the app currently looks like and what other ideas you have.
That way, your end user can give you insight as to what they would ...
- 1,895
10
votes
Accepted
Should progress bars accurately reflect how close the operation is to completion during long operations?
Depends on the context, but I would go a step further to say a 15 minute operation should run asynchronously (disappear into the background and let you get on with something else). Then you only need ...
- 868
10
votes
How to indicate spend limit?
Ignoring there's missing data at the image of the question, the representation of the figures is actually a past-present-future diagram where:
Past = money spent
Present = money to spend
Future = ...
- 20.4k
9
votes
Accepted
Progress bar design with text overlay
You could try making the bar thinner. right now, the thick bar almost looks like a button, or some kind of slider control.
You can place the text just above. This way you don't have to worry about ...
- 25k
8
votes
How to show progress bar and percentage value in a compact space?
Increase the contrast so users can see the values at a glance. The progress bar can visually support the number without taking up additional visual space.
By trying to keep the number in the bar, ...
- 25k
7
votes
Accepted
How to display progress from one stop to the next stop on a continuous scale?
As far as fulfilling the requirements of progress bar functionality both ideas probably work ok:
How long a particular activity will take?
What’s the current status now?
How close the user is to ...
- 344
7
votes
Accepted
Compact way to represent a progress with many sub-operations?
If users really want (and need) the loading details of child elements, show them when they ask for it.
If users aren't getting value out of more data in the majority of use cases, why not give them ...
- 25k
6
votes
Accepted
Status Bar with several Stage
I personally prefer the visual progress bar than the percentage number info. This is an example design combining both possibilities in the same space:
- 20.4k
4
votes
When do users understand that a wizard navigation bar is clickable?
If you want to make the user aware of the fact that the progress bar is clickable, show it to them by e.g. changing the mouse cursor while hovering over a certain area of the progress bar.
Also ...
- 3,125
4
votes
The rationale of progress indicators for online articles
"Is this a useful or necessary aid that serves to improve the user
experience"
On web sites with multiple articles on a single page (e.g. blog formats or lazy-loading page), window scroll bar doesn'...
- 7,701
4
votes
Accepted
Progress Tracker with 2 levels
I don't think it is a familiar flow, but it can work.
There are a few points.
Make sure your hierarchy between main steps and sub steps is very clear. Users must not think there are more steps than ...
- 7,935
4
votes
Accepted
iOS button morph to loading
As per the iOS Guidelines you can give a shot at this!
Updated Image:
Note: This is for Download Functionality. For a Progress there's a loader displayed after a button is clicked.
This One: ...
- 1,163
4
votes
Accepted
Is showing temporary result immediately better ux than showing a loading indicator until a result is available?
Show a loading indicator with a message such as "Processing", "Calculating", or a progress bar, if the wait time is longer than 2 or 3 seconds.
I can think of 2 reasons:
Users might not understand ...
- 1,569
4
votes
Accepted
How to indicate spend limit?
Your progress bar isn’t bad if indeed the user’s task is to “push” the bar to the max. But is that really the users’ task? Maybe the user’s main concern isn’t spending to the limit but rather keeping ...
- 38.1k
3
votes
What do the three bars in old installers mean?
It's been a long time since I've installed a program with this type of interface! From memory:
the leftmost vertical bar was the progress of the current directory being written to
Small directories ...
- 131
3
votes
The rationale of progress indicators for online articles
Personally I find article progress bars redundant, but they may actually have some value.
Generally, such bars are more visible: they are brighter, more contrast, and placed in a visible place. So, ...
- 678
3
votes
Progress bars over 100%
This is what was inside my mind right now, maybe it isn't up to marks:
Set a Bar Chart range to 0% to 150% (you can change the max number as you wish)
Anything <=100% will be display in normal way....
3
votes
Progress bars to indicate user count & competition end date for mobile
Would something like Kickstarter work?
Similar to your situation, they have to tell users:
how close to funding they are (a function of money; users can be 1 to n)
when the window for funding ends (...
- 25k
3
votes
Skeleton screens with determinate progress?
I've seen sites with a very thin horizontal loadbar at the top (or bottom) of the page. It scales to the right relative to the level of completed data transfer. Just like a download progress bar. When ...
- 100
3
votes
How to represent small data on a progress bar?
I'm not sure I understand your question, but could you just spell it out?
Please correct me if I misunderstood what you're asking.
- 25k
3
votes
Accepted
How to implement busy spinner with button
The answer what is the most user-friendly is always it depends.
Depends on a lot of factors the main one is who is your target audience? What is their knowledge and mental models.
For this example, ...
- 3,062
Only top scored, non community-wiki answers of a minimum length are eligible