Cognitive Load
Synonyms: mental load, mental effort, cognitive overload, mental workload, processing load
Definition
Use cases
- The overstuffed form: A four-field refill form buried under a promo banner, an auto-popup chat, three nav menus, and a "related resources" sidebar. The task is easy; the page makes it feel hard.
- Recall over recognition: An app makes users remember a code from a previous screen instead of showing it. Every "what was that again?" taxes working memory and slows them down.
- Choice paralysis: A pricing page with twelve plans and no clear default. More options means a longer, heavier decision, and often no decision at all.
How it's used in practice
- Kill extraneous load first: Strip clutter, redundant steps, and decoration that carries no meaning. That's the load you added and can take back.
- Chunk and reveal gradually: Break complex flows into steps and use progressive disclosure so users face one manageable piece at a time.
- Favor recognition over recall: Show options, labels, and defaults instead of making people remember. The screen should carry the memory, not the user.
- Build a clear visual hierarchy: Size, contrast, and white space guide the eye so users don't have to hunt for what matters.
- Stay consistent: Reusing patterns lets users lean on habits instead of relearning your interface on every screen.
Challenges & limitations
- Hard to see and measure: Load is felt, not shown. Without testing, teams argue about "clean" designs on taste, not evidence.
- It varies by user: A novice and an expert carry very different loads on the same screen. What feels light to your team can crush a first-timer
Free resources
- NN/g: Minimize Cognitive Load to Maximize Usability — the canonical UX explainer, including why you target extraneous load
- Smashing Magazine: Reducing Cognitive Overload for a Better UX — Danny Halarewich on cutting clutter, redundancy, and steps
- UXtweak: Miller's Law — the 7±2 working-memory limit that underpins cognitive load

