The Cognitive Load Checklist: Why Visitors Leave in the First 20 Seconds

5–7 minutes read
The Cognitive Load Checklist: Why Visitors Leave in the First 20 Seconds

TL;DR

  • Most visitors leave within the first few seconds, and the published figure is longer than the one usually quoted at you.
  • The page is not competing for patience. It is competing for the small amount of reading anyone will do.
  • Complexity, not ugliness, is what people react to first — and it is measurable.
  • Minimalism is not automatically the answer. Removing something people needed makes the page harder, not easier.

“You have five seconds” is one of those numbers that circulates until nobody asks where it came from. It is worth asking, because the honest figure is a little longer, a lot better evidenced, and points at a different set of fixes.

How long you actually get

Jakob Nielsen of Nielsen Norman Group, writing in 2011 on Microsoft’s analysis of more than 205,000 pages, found that visitors often leave within 10-20 seconds, and that holding anyone beyond that means communicating your value proposition within roughly the first 10 seconds. The mechanism he described is not a short attention span. It is scepticism: people arrive expecting the page to be useless and give it a brief chance to prove otherwise.

Those seconds are not spent reading, either. Separate Nielsen Norman Group analysis of 45,237 page views, published in 2008, concluded that on an average page a visitor has time to read at most 28% of the words, and that 20% is the likelier number. Both studies are old enough to treat as directional rather than exact, but the direction is consistent and unflattering: you are given a short window, and most of what you wrote will not be seen inside it.

The problem is not that visitors are impatient. It is that they are sceptical, and you have one screen to change their mind.

What “cognitive load” actually means

The term gets used to mean “the page felt like hard work”, which is close enough for practical purposes but too vague to fix anything. The useful distinction is between two kinds of effort.

The first is the effort inherent in what you are explaining. A pension transfer is genuinely more complicated than a haircut, and no amount of white space changes that. The second is the effort your page adds on top: two navigation menus that disagree, a cookie banner over the headline, a heading that does not describe the paragraph beneath it. Only the second kind is yours to remove, and it is where nearly all the available gain sits.

Where the load actually comes from

Three sources account for most of it, and each has a test rather than an opinion attached.

Visual complexity. Tuch and colleagues, in the International Journal of Human-Computer Studies in 2012, tested 119 real websites and found that low visual complexity and high prototypicality — how closely a page resembles what people expect that kind of page to look like — produced the most positive first impressions, with the effect detectable at 17 milliseconds. That is faster than any deliberate thought. A crowded page is rejected before it is read.

Speed. In Milliseconds Make Millions, research commissioned by Google and carried out by 55 and Deloitte across 37 brands in 2019, a 0.1 second improvement in mobile site speed moved 3.2% more shoppers from the product listing to the product page and 9.1% more from the product page to the basket, while retail spend rose 9.2% and travel bookings 10%. It is retail and travel data, so do not read it straight across to a brochure site — but a tenth of a second is a very small amount of time to be worth that much.

Ambiguity. Every label a visitor has to interpret costs something. “Solutions” is a menu item that means nothing until it is clicked. “Book a survey” is one that does not need clicking to be understood. Ambiguity is the cheapest of the three to fix and the one most often left alone, because renaming a menu feels too small to be worth doing.

The checklist

Go through your most important page — usually the homepage or the main service page — and answer these honestly. A no is a job, not a judgement.

  • Can a stranger say what you do and who for, from the top of the page alone?
  • Is there exactly one obvious next action, rather than three competing ones?
  • Does every menu label describe a destination rather than a category?
  • Does the page become usable quickly on a phone on mobile data, not on your office wifi?
  • Does each heading describe the paragraph under it, so the page survives being skimmed?
  • Is body text readable in daylight — real contrast, not pale grey on white?
  • Have you removed anything that moves on its own sliders, auto-playing video, animated counters?
  • Is the most important information above the point where a phone screen cuts off?

Eight questions, most of them answerable in an afternoon. None require a redesign, and none require anyone to agree on taste.

Where the simplification argument goes wrong

Here is the part these articles normally leave out. Less is not automatically easier. Strip a page far enough and you start removing the things people came for, and the effort simply moves: now they have to find your prices on a third page, or email to ask a question the old page answered.

The clearest example is the minimal homepage with a full-screen image, four words and a button. It is calm, it is fashionable, and it tells a visitor nothing. They now have to guess which menu item hides the answer. That is more work than a slightly busier page which just says what the company does.

Simplify by removing effort

  • Decoration that carries no information
  • Repeated calls to action saying the same thing
  • Anything that moves without being asked
  • Sentences that survive being deleted

Never by removing the answers

  • Prices, or an honest reason there are none
  • Who you work with and where
  • The specific objection your buyer always raises
  • Contact details on every page

The test is not how much is on the page. It is whether every item on it is answering a question the visitor was already asking.

What to do first

If you only do three things, do them in this order. Fix the top of the page so a stranger can say what you do. Reduce the page to one clear next step. Then measure how long it takes to become usable on a phone, and remove whatever is slowing it down — usually a theme feature nobody switched on deliberately.

Everything else on the checklist matters, but those three account for most of what makes a page feel like hard work. They are also, conveniently, the three cheapest.

Good to know

FAQs

How long do we really have before someone leaves?

Longer than the five seconds usually quoted, but not much. The published research points at a window of well under half a minute, most of which is spent deciding whether to bother reading at all rather than actually reading.

Is cognitive load just a fancy term for clutter?

Not quite. Clutter is one source of it. The others are ambiguity — labels and headings that have to be interpreted — and the inherent difficulty of what you are explaining, which you cannot design away.

Does a minimalist design always reduce cognitive load?

No, and this is where the usual advice fails. Removing information people need moves the effort somewhere less convenient. A calm page that does not say what the company does is harder work than a busier page that does.

Should we remove our homepage slider?

Almost certainly. Anything that moves on its own competes with the content for attention, and a rotating panel means most visitors never see most of what it holds.

How do we test this without a research budget?

Show your homepage to somebody outside the business for a few seconds, take it away, and ask them what the company does and what they would click. It is crude, it costs nothing, and it finds most of the serious problems.

Next step

Failed more of that checklist than you would like?

We audit, design and build websites for businesses across Brighton and London, starting with the parts you can measure.

Request a quotation

I’m interested in…