What you'll understand by the end of this lesson
- Why the brain has a processing limit and what happens when a page hits it
- The three types of cognitive load — and which one is your responsibility
- How to spot extraneous load on any page in under five minutes
- Why cognitive load is the principle behind Hick's Law and most UX friction
The principle in plain English
Your brain has a working memory limit.
Not because you're not smart enough — because everyone's working memory is limited by design. It can only hold and process a small amount of information at once.
When a page asks you to read, compare, evaluate, and decide all at the same time, it fills that limit fast. That feeling of "ugh, this is too much" — that's high cognitive load.
And when load gets too high, people don't push through. They leave.
The three types
Intrinsic load — the natural complexity of the subject itself.
Explaining a mortgage is inherently harder than explaining a t-shirt. You can't eliminate this one — it's baked into the topic. You can only reduce it by breaking complex things into smaller steps.
Extraneous load — complexity you added that the user didn't need.
A cluttered layout, jargon, eleven navigation items, six competing CTAs, an animation playing in the background. This is the load designers and product teams are responsible for. It is always avoidable.
Germane load — the effort that actually helps someone understand.
Well-placed examples, a logical reading flow, a clear visual hierarchy — these help visitors build a mental model of what you're offering. This is the good kind of cognitive work. Leave room for it.
The job of good design: eliminate extraneous load, reduce intrinsic load where you can, and leave space for germane load to do its work.
What it looks like on a real page
You land on a SaaS homepage.
There's an animated hero, a rotating testimonial carousel, three floating chat buttons, a cookie banner, a newsletter popup, and a navigation with twelve items.
Every element is asking your brain to process it simultaneously. Your working memory fills before you've read the headline. You leave.
Now picture the same product with a clean headline, one CTA, and three bullet points answering: what is this, who is it for, and why should I care?
Same product. Half the cognitive load. More conversions.
Where extraneous load hides
It's not just visual clutter. Extraneous load appears in:
Copy — marketing-speak and jargon when plain English would do. Every sentence a visitor has to decode is load you put there.
Navigation — too many items competing for the first click. The more options at the same visual weight, the more mental energy required to choose.
Forms — asking for information the user isn't ready to give, in an order that doesn't match how they think about the task.
Interactions — animations that distract rather than clarify. Motion that exists for aesthetics, not comprehension.
Extraneous load isn't just about quantity. One sentence written in needless jargon creates more cognitive load than three clear ones. Complexity of language is load, not just volume of content.
The connection to Hick's Law
If you've studied Hick's Law, this is the mechanism underneath it.
Hick's Law describes what happens when you add too many choices. Cognitive load explains why it happens — each additional option is one more thing your working memory has to hold, compare, and evaluate simultaneously.
Hick's Law is a specific case of extraneous load.
Once you understand cognitive load, you start seeing it everywhere — not just in the number of choices, but in the copy length, the visual noise, the depth of the navigation, the font count, and the structure of the form.
A quick audit lens
Look at any page and ask three questions:
1. What is this page asking the visitor to hold in their head all at once?
Count the competing elements: open CTAs, navigation items visible without scrolling, distinct visual zones. More than five or six simultaneously is usually too many.
2. What on this page is complex because the topic requires it — and what's complex because nobody simplified it?
Intrinsic complexity earns its place. Extraneous complexity doesn't.
3. Is there a clear path through this page — or does every element compete equally for attention?
A clear visual hierarchy guides the visitor's working memory. Without it, every element fights for the same cognitive resource at once.
Five-second test: show someone a page for five seconds then hide it. Ask what they remember. Whatever they recall is what broke through the cognitive load. Everything else was noise.
All terms referenced in this lesson are defined in the CRO glossary.
Which type of cognitive load is the designer directly responsible for?
Cognitive load explains why pages feel overwhelming. But what makes certain elements demand more attention than others in the first place?