Cognitive Load

The amount of mental effort required to process information or complete a task in an interface. The more cognitive load an interface demands, the harder it is to use.

Overview

Cognitive load theory distinguishes between three types: intrinsic load (complexity inherent to the task itself), extraneous load (complexity introduced by poor design), and germane load (mental effort that builds useful knowledge or skill). Only extraneous load is directly in the designer's control — and reducing it is one of the highest-leverage actions in interface design.

High cognitive load isn't just frustrating — it's disqualifying. When a user's mental resources are exhausted by understanding your interface, there's nothing left for the actual task they came to complete. This leads to errors, abandonment, and the perception that a product is complicated — even when the underlying task is simple.

Takeaways

01
Avoid adding unnecessary elements to the interface — every visual element, label, and interaction requires cognitive resources to process.
02
Use progressive disclosure to reveal complexity only when needed, keeping the initial experience as simple as possible.
03
Take advantage of recognition over recall — make options visible rather than requiring users to remember what's available.

How to Apply This

Eliminate visual noise.
Every element in an interface claims a share of attention. Decorative elements, redundant labels, and unused features all generate cognitive cost. Audit your UI for things that don't earn their presence — if removing it doesn't break anything, remove it.
Use familiar patterns.
Unfamiliar conventions force users into active, effortful processing. Familiar patterns trigger automatic recognition. Where conventions already exist, using them reduces cognitive load significantly — reserve novel patterns for moments where novelty is the point.
Chunk information.
Break complex content into smaller groups with clear visual hierarchy. Users process grouped, labeled information far more efficiently than undifferentiated blocks. Short paragraphs, labeled sections, and whitespace between groups all reduce the cognitive work required to extract meaning.

Common Misconception

Reducing cognitive load doesn't mean dumbing things down. Complex tasks have inherent complexity that can't be designed away — that's intrinsic load, and it belongs to the task, not the interface. The goal is to minimise extraneous load: the friction that comes from the design itself, not from what the user is trying to do.

Origin

Cognitive load theory was developed by educational psychologist John Sweller in 1988, based on his research into problem-solving and instructional design. Sweller identified that working memory has severe limitations — humans can only process a small number of new information elements simultaneously — and that design should actively account for this constraint rather than ignore it. The framework was later adopted by UX practitioners as a way to evaluate and reduce interface complexity.

FAQ

What is cognitive load in UX design?: Cognitive load in UX refers to the total mental effort a user must expend to understand and interact with an interface. It includes the effort of reading labels, understanding layouts, remembering previous steps, and making decisions. High cognitive load slows users down, increases error rates, and reduces satisfaction.
What are the three types of cognitive load?: Intrinsic load is the inherent complexity of the task itself — it cannot be reduced by design. Extraneous load is complexity added by the interface — poor labelling, cluttered layouts, confusing navigation. Germane load is the effort spent building useful mental models. Good design minimises extraneous load without reducing germane load.
How do you reduce cognitive load in design?: Reduce the number of choices, eliminate unnecessary interface elements, use familiar patterns and conventions, break content into smaller chunks, use progressive disclosure to hide complexity until it's needed, and ensure visual hierarchy makes the most important information obvious without effort.
What is the difference between cognitive load and cognitive overload?: Cognitive load is the baseline mental effort required by any task. Cognitive overload is the state reached when that demand exceeds the user's available mental capacity — the point at which comprehension breaks down, errors spike, and users abandon the task or the product.