What is cognitive load in UX?
Cognitive load in UX is the amount of mental effort a person must spend to understand an interface and complete what they came to do.
also calledmental effort · mental workload
Your working memory is a small desk, not a warehouse. Pile it with ten choices, an unfamiliar label and a form that asks for the same thing twice, and something falls off the edge. Good design keeps that desk tidy so people can think about their goal instead of your interface.
- Cognitive load is the mental effort an interface demands.
- You cannot shrink the task's own difficulty, but you can remove the extra effort your design adds.
- Fewer choices, plain words, consistency and clear feedback do most of the work.
- Watch real users for pauses and rereading, since nobody reports this load directly.
The three kinds of mental effort
Psychologists usually split cognitive load into three parts. Intrinsic load is the difficulty built into the task itself: filing a tax return is harder than ordering a pizza, whatever the design looks like.
Extraneous load is the effort your design adds for no good reason, such as a cluttered layout, jargon or inconsistent buttons. This is the part designers can actually remove. Germane load is the useful effort of learning and making sense of something new, and you generally want to support it rather than eliminate it.
In practice, you cannot make a complicated task simple, but you can stop making it harder than it is.
Why it matters more than it seems
People rarely complain about mental effort. They just leave, make mistakes or put the task off until tomorrow. High load shows up as abandoned forms, support tickets that ask basic questions and users who say a product is "overwhelming" without being able to say why.
It also hits some people harder: someone tired, distracted, new to the topic or using a second language has less spare capacity. Designing for low load is therefore also a quiet form of inclusion.
Practical ways to lower it
- Show less at once. Break a long form into steps, and only reveal advanced options when someone asks for them.
- Lean on recognition instead of recall. A dropdown of past addresses beats asking people to retype one.
- Keep patterns consistent so that people learn a thing once.
- Use plain words and put the most important action in an obvious place.
- Limit choices where you can. Ten equal buttons make people stall.
- Give clear feedback so users never have to wonder whether something worked.
Notice that most of these are subtraction, not addition.
Mistakes that raise the load
The common one is mistaking minimal for easy. A stripped-down screen with mystery icons may look calm, but it forces users to guess. Another is the "seven plus or minus two" rule being quoted as a law for menu sizes. It describes a classic finding about short-term memory, and applying it as a hard cap on items in a menu misreads it.
Teams also forget that load stacks. A single confusing label is fine; five small frictions in a row are exhausting.
How to spot it in your own product
Watch people use it. Pauses, rereading, hovering without clicking and sighs are all signs of strain. A think-aloud test makes this visible quickly. Task completion time and error rates give you numbers, and a short post-task question like "how easy was that?" adds a rough self-reported measure.
There is no single cognitive load meter you can read off a dashboard, so treat it as something you triangulate.
Cognitive load: your questions, answered
What does cognitive load mean in UX design?
It means how much mental effort someone needs to use your interface. Every unclear label, extra choice or inconsistent pattern takes up some of their limited working memory, leaving less capacity for the actual task.
How do you reduce cognitive load in UX?
Remove anything that does not help the user's goal. Break long tasks into steps, use familiar patterns, write in plain language, limit choices, and show only the options relevant right now. Pre-filling known information also saves effort.
What are the three types of cognitive load?
Intrinsic load comes from the task's own complexity, extraneous load comes from poor design or presentation, and germane load is the effort spent learning and understanding. Designers focus mainly on cutting extraneous load while supporting germane load.
Why is cognitive load important for UX?
Because people have limited attention and patience. High load causes errors, slow completion and abandonment, and it hurts users who are tired, stressed or less familiar with the subject the most. Lower load usually means more people finish what they started.
How can you measure cognitive load?
There is no single gauge. Teams combine observation, task time, error counts and self-ratings after a task, and sometimes surveys designed for perceived workload. Research labs may use eye tracking or physiological sensors, but most product teams do not need them.
More quick answers
Is cognitive load the same as complexity?
No. Complexity is a property of the task or system, while cognitive load is the effort a particular person experiences. Good design can make a complex task feel manageable.
What is an example of high cognitive load on a website?
A page with many competing buttons, dense text, pop-ups and unclear labels. Visitors cannot tell what matters, so they spend effort sorting rather than acting.
How does Hick's law relate to cognitive load?
Hick's law says decision time grows with the number of options. More choices mean more thinking, so it is one specific way load increases.
Does white space reduce cognitive load?
Often, yes. Space helps people group related items and find what matters. It is not magic though: a clear structure still has to sit underneath it.
What is the 7 plus or minus 2 rule?
It comes from a well-known psychology paper on short-term memory capacity. Later research suggests the real limit is lower and depends on the type of item, so treat it as a rough idea, not a design rule.
Hick's law in UX says that the more choices you give people, the longer it takes them to decide, so fewer clear options speed up decisions.
White space in UX is the empty area around and between interface elements, which gives content room to breathe and makes a screen easier to read and scan.
Consistency in UX means similar elements look and behave the same way across a product, so users can apply what they learned in one place everywhere else.
Usability in UX is how easily and satisfyingly specific users can reach their goals with a product, measured by learnability, efficiency and error rates.
Intuitive design in UX is an interface people can use correctly without instructions, because it matches what they already know and expect.
A mental model in UX is a person's internal belief about how a system works, which shapes what they expect to happen when they use it.
Found this useful? A GitHub star helps other designers find it.