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.

We should do whatever we can to make our apps and websites as fast as possible, but there are some times when there is nothing that we can do to speed up some process, and so our customers just have to wait.

What are some best practices or ideas to improve the UX of this waiting time?

To clarify, I mean situations where:

  • the waiting time in the order of 2-6 seconds
  • there is no way of precaching or calculating the data ahead of time
  • basically there is nothing that can be done to make things actually faster
share|improve this question

8 Answers 8

up vote 24 down vote accepted

There are many things you can do in such situation. Two obvious things that come to my mind:

  1. Provide some distracting animation (time goes faster when user is distracted, check the Foursquare's animation they've used in their iPhone app).

  2. Show some funny quote, interesting fact or tip that could be if not useful then just entertaining and appropriate in the context of your website content.

share|improve this answer

Preloaders are the best things. There are many kind of preloaders and it helps to let understand users that something is loading and nothing crashed.

Then you can think to entertain users showing a funny or creative preloader.

Take a look here. Are flash based but you can do that using other technologies like jQuery.

share|improve this answer

This paper [1] provide a survey on whishes of users regarding progress bars and alternative activities.

47% of the participants mentioned staying idle for short waiting period (<5s), while 37% of the participants reported switching to a temporary activity. However, 65% answered that they switch to other activities for longer wait (> 15 s). Surprisingly only 50% preferred to do something else when the waiting period was more than 1 minute.

It also provide hints for alternative activities

Desired Activities when Waiting In work settings, 60% of our participants answered that they would prefer to stay in context and perform a work related activity or manage their to-do list and calendar during a wait of more than 1m. During a medium waiting period of 15s, 40% of the participants would rather perform a passive activity such as getting information about the program waiting or about the weather or traffic. Only 15% of our participants mentioned that they would perform similar passive activities for short waiting periods. At home, 67% of our participants favored activities such as reading twitter or news feeds, in particular for longer waiting periods.

[1] C. Hurter, A. Girouard, N. Riche, and C. Plaisant. 2011. Active progress bars: facilitating the switch to temporary activities. In Proc. of CHI 2011. ACM, New York http://doi.acm.org/10.1145/1979742.1979883

share|improve this answer

Click the "UI wireframe" button on the answer form. Balsamiq will come up, and while it loads, UX-related quotes are displayed on the screen. I think it's a great example for this.

share|improve this answer

I think users are accustomed to progress bars and wouldn't mind waiting for them. Anything entertaining, something they had to read, etc would just distract them. Also like mentioned, I'd be more upset if there was a quote I only read half of.

share|improve this answer

I know this is somewhat pedantic to do, but you can always show various hints about how to use the application effectively (hopefully non-obvious ones). I know tons of video games provide hints on gameplay and strategy while waiting for a certain part of the game to load, so the technique is fairly widely used and more relevant than the "change the color of the rotating hourglass every time you click it so you feel like a ten-year-old!" type of strategy.

Obviously there are some apps where this will not be very effective, but for those that are very feature rich it can make your app much easier to use. Plus it shouldn't be too difficult to implement, and you can always show provide a box that the user can check if they don't want to see them anymore.

share|improve this answer

As stated above, preloaders or loaders that let the user know what is going on are the way to go. Sometimes an "attract loop" will work as well, but that is more for idle times or kiosks.

An application is a dialogue with a person, so strange pauses where the user may be confused or left waiting without knowing what's going on is going to create a suboptimal experience for the user. This is evolving every day, the more times goes by, the more needy the user will become.

Think of your user like a really needy girlfriend. She always needs to know what's going on. She always needs reassurance and attention. Otherwise she'll find it somewhere else... there are a lot of apps in the sea.

One thing I can add to this is to make sure you are really thoughtful about the way you are breaking up your content and loading. Don't preload a whole site unless you have a good reason to. But at the same time, don't make every little move load something, it'll make for a choppy experience. I'm always leaning toward the side of only loading what the user wants when the user wants it, making the experience a lot more snappy, taking from the Ajax sort of paradigm.

Oh, and as for what the preloader should be... You should really set your standards high. Perhaps it could be something informational that enhances the usability of your site, or the current user's flow. Maybe it's a really catchy logo that further engrains the brand in the user's mind. Maybe it's humorous, or and impressive animation that somehow flows well with the content the user is waiting for. Just because it's a preloader doesn't mean it should be boring or overly informational, like a 59% ------> sort of thing.

share|improve this answer

Airline ticket websites have to search many combinations to find the cheapest flights for your set of parameters. Apparently visitor satisfaction was highest if the webpage conveyed information that it was "working hard" to satisfy your query, by showing pictures of airlines being searched in an interstitial.

share|improve this answer

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.
{"cc_re__cc_re__cc_by_sa_3_0": ["sites in the Stack Exchange network\">Area 51</a></li>\r\n                        <li><a href=\"//careers.stackoverflow.com?utm_source=stackoverflow.com&amp;utm_medium=site-ui&amp;utm_campaign=footerlink\">Stack Overflow Careers</a></li>\r\n                    \r\n                </ol>\r\n            </td>\r\n    </tr>\r\n</table>\r\n                </div>\r\n            </div>\r\n\r\n            <div id=\"copyright\">\r\n                site design / logo &#169; 2014 stack exchange inc; user contributions licensed under <a href=\"http://creativecommons.org/licenses/by-sa/3.0/\" rel=\"license\">cc by-sa 3.0</a>                   with <a href=\"http://blog.stackoverflow.com/2009/06/attribution-required/\" rel=\"license\">attribution required</a>\r\n            </div>\r\n            <div id=\"svnrev\">\r\n                rev 2014.11.22.2040\r\n            </div>\r\n            \r\n        </div>\r\n    </div>\r\n    <noscript>\r\n        <div id=\"noscript-warning\">User Experience Stack Exchange works best with JavaScript enabled<img src=\"http://pixel.quantserve.com/pixel/p-c1rF4kxgLUzNc.gif\" alt=\"\" class=\"dno\">"], "copyright__copyright__copyright": ["search many combinations to find the cheapest flights for your set of parameters. Apparently visitor satisfaction was highest if the webpage conveyed information that it was \"working hard\" to satisfy your query, by showing pictures of airlines being searched in an interstitial.\n\nshare|improve this answer\n\nYour Answer\n\n\u00a0\ndiscard\n\nBy posting your answer, you agree to the privacy policy and terms of service.\n\nNot the answer you're looking for? Browse other questions tagged or ask your own question."]}