180 votes
Accepted

At what point does a user lose trust in a Busy Spinner?

Jakob Nielsen wrote an article called Response times - 3 important limits. The basic advice regarding response times has been about the same for thirty years [Miller 1968; Card et al. 1991]. He wrote ...
SteveD's user avatar
  • 8,924
78 votes

At what point does a user lose trust in a Busy Spinner?

Imagine you and I are talking to each other in the street. You've asked me if I have the time and with barely any hesitation I look at my watch and tell you. You don't give it a second thought. You ...
Roger Attrill's user avatar
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 ...
AnoE's user avatar
  • 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 ...
Rolf ツ's user avatar
  • 1,659
37 votes

At what point does a user lose trust in a Busy Spinner?

Scott Klemmer's rule of thumb is: Answer shorter than a second: No feedback Answer between 1 and 5 seconds: BusySpinner Answer longer than 5 seconds: Progress bar 10 seconds is a long time. You ...
Pierre.Sassoulas's user avatar
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 ...
Alvaro's user avatar
  • 16.8k
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 ...
Dipak's user avatar
  • 16.2k
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 ...
Amit Jain's user avatar
  • 3,909
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 ...
Josiah Keller's user avatar
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 ...
Simon Richter's user avatar
12 votes

At what point does a user lose trust in a Busy Spinner?

According to this article from NNGroup based on cognitive psychology studies: after 1 second the user might start to lose his flow of thought about the current process. after 10 seconds the user will ...
Kristiyan Lukanov's user avatar
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 ...
Dipak's user avatar
  • 16.2k
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 ...
sclarke's user avatar
  • 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 ...
Jonny's user avatar
  • 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 = ...
Danielillo's user avatar
  • 18.9k
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 ...
Mike M's user avatar
  • 24.6k
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, ...
Mike M's user avatar
  • 24.6k
7 votes

What do the three bars in old installers mean?

I have installed a few games with this in it and I personally couldn't find any evidence to support my explanation online after quite a brief search but here's what my thinking is: 1. File Transfer ...
Swapnil Borkar's user avatar
7 votes

At what point does a user lose trust in a Busy Spinner?

Ten seconds and after that I start thinking "this is not working" and I worry in about my credit card being or not being processed or being processed twice if I have to do this again. It is good to ...
Ivan Venediktov's user avatar
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 ...
ntnlbd's user avatar
  • 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 ...
Mike M's user avatar
  • 24.6k
6 votes

Is it a good idea to show progress indicator inside a button?

Go for it. One of the added benefits of showing immediate feedback in the button being interacted with is a reduction in duplicate form submissions. This can be really helpful in ecommerce instances ...
Paul Gebel's user avatar
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:
Danielillo's user avatar
  • 18.9k
5 votes

How to distinguish between progress and consumption visually?

Why not try an hour glass? Almost everyone understands how an hour glass works, even small children, and it seems to fit your situation unique. The user has an particular amount of time which is ...
tgriffin's user avatar
5 votes

At what point does a user lose trust in a Busy Spinner?

Sorry you're all quoting old research. Google has updated this. 125ms the user expects a response of some kind like a loading icon showing up after click. 250ms user starts to notice the action is ...
James Wilkinson's user avatar
4 votes
Accepted

Progress bar in a multi-page form in an app

Presently your idea is great but if you want to show the number of screens in a minimal way then one way to do this is to segment it into different screens and provide the link at every checkpoint. ...
Sanshizm's user avatar
  • 1,267
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'...
Jung Lee's user avatar
  • 7,671
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 ...
Mike's user avatar
  • 3,125
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 ...
Nick Groeneveld's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible