Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

When you have an operation that has too many factors to reliably give an estimate of actual progress towards task completion, you'll often find an indeterminate busy/progress indicator.

Through the course of the years I've seen approximately two groups of styles of progress bars that are indeterminate (please let me know if I'm missing a big one):

  • Actual Bars

    Windows Update Indeterminate Progress Bar

  • "Spinning" Circles

    Sample Spinning Indeterminate Progress Bar

The Question: Is there any great benefit to one over the other from a usability perspective (studies, articles, references would be great)?

I feel that the actual bar is nice as most bar controls in general allow you to later switch more seamlessly to an actual representation of overall progress, but in theory you could do the same with a spinner a well.

share|improve this question
1  
For whatever reason the wheel format seems most popular on mobile while bars are still most popular on desktop –  Ben Brocka May 22 '12 at 23:56
    
@BenBrocka I'd guess it may have something to do with the default orientation of the screen and how wide progress bars usually are (noting of course that Windows Phone has an indeterminate progress bar that works just fine). –  GotDibbs May 23 '12 at 1:50
1  
An older incarnation is the spinning earth icon that you'd used to find in web browsers. –  André May 23 '12 at 8:26
    
I always feel more at ease when it tells you exactly how long it is going to take. Obviously there are only limited situations you can do this. –  Captain May 23 '12 at 14:38
add comment

3 Answers 3

up vote 5 down vote accepted

Rotation Better for Indeterminate Progress?

More speculation than anything else, but I suspect that some sort of rotary animation makes sense for indeterminate progress since circles have no beginning or end. Some users might be confused by an indeterminate linear progress bar like Windows uses:

  • At a first glance users cannot easily tell the difference between a determinate and indeterminate progress bar, so users have to look longer to determine what to expect.

  • Inexperienced users may fail to distinguish the determinate from the indeterminate and expect the process to complete when the bar reaches the right side; seeing it “start over from scratch” could be disappointing.

Bars Better for Determinate Progress?

There’s some evidence in the human factors literature that humans can perceive differences in length more precisely than differences in angle (e.g., see “Spatial Displays” in Wickens and Hollands’ Engineering Psychology and Human Performance). This suggests that bars are best for determinate progress. However, given progress indications generally provide relatively crude approximations of time remaining, I doubt it makes any real difference.

Rotary motion and a bar shape are not mutually exclusive, so you can have the potential benefits of both. Apple uses a linear progress bar for determinate progress, but a “barber pole” for indeterminate progress. The bar-shape is maintained for visual consistency but the rotary motion immediately indicates the indeterminate property.

Tradition

As for circles versus bars as practiced, I think it’s mostly a matter of tradition. Bars could be easily rendered in early character-cell PCs using IBM extended ASCII characters. Decent circles were almost impossible. The best you had was to cycle through the characters – \ | /, but that was only good for small subtle indeterminate progress displays.

Graphic capabilities improved greatly by the time the web was widely available to the public. As Andre notes, the first popular web browser was Mosaic which featured a globe in its logo on the tool bar (because it's the "World Wide Web"!). To show indeterminate progress when loading a page, the globe spun. Cute, and it set the precedent that's probably the origin of the circular progress indication in web-related things, including smart phones.

Future Work

Wouldn’t mind a study comparing circles with bars, but personally, I think time is better spent on research in metaphorically encoding more useful information into indeterminate progress bars. For example, for download progress, it would be helpful to distinguish between a poorly responding server (e.g., use jerkier abstract animation) and a large download moving bytes speedily along (e.g., faster cycling animation).

share|improve this answer
    
Thanks for gathering all that information and for your thoughts! –  GotDibbs May 25 '12 at 2:03
add comment

I know this is bringing up old news... But curious question...

Wouldn't you rather see that the progress has halted, or is supposedly going to take more time, rather than a rotating wheel or indeterminate bars? I personally would prefer to know something has stopped working, or my progress has been halted due to download problems or such other factors. A indeterminate bar or wheel can keep us waiting long after it has probably given up... I mean come on, it's software we're talking about, it's bound to mess up sooner or later... Unless the wheel stops spinning because of progress problems or the bar stops rotating... You're going to be waiting a long time, if not getting frustrated that it's taking an absurd amount of time to get something easily done.

share|improve this answer
add comment

I like to use a mixture of the spinning circles with a status

If there are a lot of tasks for the system to complete then it's worth thinking about including a counter with the spinning circles

Checking (Task 1 of 574)

Loading Modules - This may take a minute or two (Task 521 of 574)

I would rather know something is going to take 20 minutes instead of expecting it to take 5 and then getting frustrated.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.