ufo8 Design

How To Integrate Waiting Time Into Your User Experience

People don’t like to wait. This is true in any situation you can think of. Be it in the line for the checkout, when counting down the days before a special event, or when loading a website – waiting requires patience, a goal worth waiting for, and the ability to distract ourselves.

Once we focus on the waiting itself, we start to keep track of the passing time by counting days, hours, minutes, or even seconds. The more conscious we experience waiting time, the longer it becomes. Think about it for a second. I bet you can come up with plenty of examples when a few seconds felt like forever.

In his article about The Psychology of Waiting Lines David Maister explains why perceived waiting time usually has little to do with the actual time. There are several factors that affect our perception of time, such as:

  • Unoccupied time feels longer than occupied time
  • Uncertain waits are longer than known, finite waits
  • Unexplained waits are longer than explained waits
  • Anxiety makes a wait seem longer
  • The more valuable the service, the longer the customer will wait

On the web, people have little patience – even less than in the real world. That is mainly because people get bored waiting, don’t know what to expect, or they get confused due to the lack of feedback. However, online – more than anywhere else – we want people to stick around as long as possible. We want our visitors to have a great experience.

Certainly the most effective way to offer visitors a sound experience is to not make them wait at all. However, that’s not always possible.

Here is what you can do to integrate waiting time into your website and turn it from a negative to a positive experience.

Unoccupied time feels longer than occupied time

First of all, make sure your visitors don’t get bored while waiting. If we have to wait for something in the offline world, there are (1) a lot of things to distract us and (2) we usually wait long enough to have time for distraction. For example, people often wait for trains. Whilst waiting, they do a lot of different things, such as reading a book, calling someone, playing with their phones, talking to the person next to them, or simply observing people.
On the web, people usually don’t wait longer than a couple of seconds. Obviously that’s a good thing, because rationally 5 seconds is a lot less than 5 minutes. Yet, 5 unexpected seconds of doing nothing can be much more frustrating and disappointing than talking to a friend for 5 minutes.

You get the point. Never make your visitors wait without giving them any feedback. To ensure people don’t get bored while waiting for something to happen, offer them some distraction. This can be something fun, something unexpected, something beautiful – or anything else that catches your visitors’ attention long enough for your site to load.

Legwork Studio


Funny animations can distract your visitors and make them ignore long loading times.

Legwork Studio has a very visual and animated website. The site is very attractive and fun – once it has been fully loaded. This loading time could harm the overall experience – if it wasn’t for the funny and somehow provoking loading animations. There are three alternating animations that distract the visitor from the fact that they are waiting rather long for the actual site to show.

Create a monster


A preview of what to expect keeps your visitors excited while waiting.

On Create a monster you can design your own monster. The site is very interactive and a nice time sink. However, the animations and configurator require quite some loading time. To keep people hooked, the loading indicator shows a preview of different monsters turning from grey to blue – bringing you closer to your very own monster.

Uncertain waits are longer than known, finite waits

It is much more bearable to wait for something if we know when it will happen. Imagine you wait for a phone call regarding a job interview for your dream job. Without any time indication you are likely to be much more nervous than you’d be with a clear indication of when to expect the call. That is because you can manage your time more efficient and with more confidence if you know the waiting time.

On the web, this means you should give your visitors a clear indication of how long they need to wait. Obviously, an absolute time would be most convenient. However, a percentage that indicates the loading process also does the job.

If we see that something is happening, it gives us a positive feeling, comforts us, and makes us more forgiving – even if the loading takes longer than expected. Besides, by keeping your visitors in the loop, you’re playing with your cards on the table and putting them in charge; It’s now their decision if they want to wait, or get a drink in the meanwhile.

Dubbel Frisss


Tell your visitors how much longer they need to wait to increase their tolerance.

The Dubbel Frisss website is very visual, colorful, and has lots of little animations. Therefore, the site needs to load much longer than a couple of static html pages would. To make this loading time more appealing – and at the same time increase curiosity – the visitor gets to see a bright green screen with a large number incrementing. This offers a clear indication of how much longer you have to wait before something happens.

Intacto


Make the loading time part of the overall experience. Draw your visitors into your site from the very beginning.

Intacto has a website with a fun and interactive parallax scrolling effect. A long loading time therefore doesn’t come as a surprise. The fact that the loading time has been visually integrated in the overall experience of the site makes the waiting a lot less painful. More even, it invites you to stick around and find out what happens next.

Unexplained waits are longer than explained waits

Sometimes, people don’t mind a wait because they understand the reason behind the waiting time. For example, if they submitted a search request, they want to play a video, or they are already familiar with the loading time of a website. These are all situations that imply a given understanding and acceptance of long loading times.

Unfortunately, a lot of the time people are not so forgiving. They might be in a hurry, or maybe they have always had little patience, or they simply don’t understand the technical implications of what they see on the screen.

New web technologies and increasing design standards are causing websites to become more and more complex. Most of the time, the goal of those complex designs is a positive user experience. However, this experience can quickly turn negative if visitors don’t understand – or don’t want to accept – the increased loading times that come with it.

Make sure to keep your visitors both informed, and entertained whilst they wait for your site to load. This helps to increase their patience.

ParaNorman


Show some sympathy towards your visitors and explain what they are waiting for.

The website of the animated movie ParaNorman is – just like the movie itself – a piece of art. It is built up of lots of images and videos and it perfectly reflects the sphere from the movie. While loading, a little skeleton hand taps its fingers – waiting, just like the visitor. A simple line of text informs the visitor what they are waiting for.

Hipmunk


Offer your visitors some distraction to show that you care about them.

Travel sites are probably among the top sites when it comes to long waiting times. Of course, most people have at least an idea of what it involved to search huge data sets for our dream vacation. Yet, waiting for the best offer to show up on our screen can take forever, and most of the time, it’s plain boring and annoying. Hipmunk has added a little fun element to make this waiting time more pleasant. Their little mascot plays airplane, while the dots of the “Searching…” indicate the ongoing search process.

Anxiety makes a wait seem longer

Whenever we wait for something, we have time to think. Once we start thinking, we easily start worrying. Do thoughts like “What if…”, “Am I doing the right thing here?”, or “Isn’t there a better way?” sound familiar? I bet they do, because they are a natural reaction to uncertain situations.

Ask yourself what customers might be worrying about (rationally or irrationally), and find ways to remove the worry. — David Maister

On the web, it’s the same thing. If you make your visitors wait too long, you might get them thinking about whether it’s worth the wait, or if they are even on the right site. Again, the problem is solved best by not making your visitors wait at all. However, when there is no way around it, ensure your customers don’t get worried. Rather, offer them some reassurance.

AHH Coca-Cola


Use your logo to trigger values people associate with your brand – while waiting this increases their patience.

On the AHH Coca-Cola site, there is a lot to explore. However, the different AHH-sites and games require some loading time. To keep people hooked and reassure them they are still on the right site, the loading bar is a little spinning Coca-Cola bottle. This brand association is simple, yet powerful, promising the waiting visitor a fun experience.

Boy-Coy


The look & feel of your loading bar is very important to assure your visitors they are waiting for the right thing.

The creative design studio Boy-Coy has a very creative website with engaging parallax scrolling effects. But, the site takes a few seconds to load. Instead of showing a boring, or sterile loading bar, the visitor jumps right into the site. The color is there, the logo is there, and they even have a floating UFO to give a sneak peak of both the style and the humor of the agency. This look & feel of the loading page is very reassuring that (1) the visitor is on the right site – or (2) at least it’s a site worth waiting for.

The more valuable the service, the longer the customer will wait

We perceive waiting as less frustrating if we believe that whatever we are waiting for will be worth it. Imagine you can choose between (1) your favorite restaurant, which is always busy and you need to wait half an hour before you can be seated and (2) a less popular restaurant with low quality food, but no waiting time. Chances are that you don’t mind waiting for a table at restaurant number one.

When making people wait online, keep in mind that their tolerance for loading time depends on the perceived value they get. For example, it might be ok to wait for a movie trailer to load, because we really want to watch that specific trailer. But when browsing the web for information or a certain product, long waiting times can be very critical. It’s just too easy to go look somewhere else.

Make sure you know your visitors and how much value your site or product has for them.

Porsche


If you are selling high quality products, remind your customers of your value while you make them wait.

For example, Porsche is a luxury brand and if people could use waiting time as a currency, I’m sure there are lots of people who wouldn’t mind waiting for years. Yet, their car configurator makes waiting time almost a pleasant experience. The loading bar is the sketch of a Porsche, highlighting the creative freedom of configuring your own dream car. At the same time, all customization options are already visible, getting you started with the creation process right away.

NIKEiD


High engagement and personal values increase your customers’ patience.

NIKEiD allows customers to design their very own shoes. This experience of customization, and the idea of owning a personalised pair of shoes are very captivating and come with a high patience level. It’s totally understandable that an interactive configurator takes time to load and a simple loading bar next to the NIKEiD logo are enough to keep customers hooked.

3 comments

  1. Darragh McCurragh

    ‘perceived waiting time usually has little to do with the actual time’ – it’s actually astonishing we need to be reminded of this by a learned study. Everyone knew this from their childhood, don’t they? It just always boils down to the same adage: put yourself into your customer’s shoes. However, it then takes a tad creativity for not everyone providing the same ‘great’ waiting experience which of course then is boring once again.

  2. David Robbins

    Really loved your article. As a developer I strive to make my products fast, but there are those uncomfortable waits that you just can’t avoid.

    Do you know of any sites that have used music?

  3. Rajarshi

    Very informative, thanks for sharing.. :)

Leave a Reply

Your email address will not be published. Required fields are marked *