Made with 🧠 and πŸ«€ by Youssef Bouksim

Back to library
🧠

Cognitive Load

Every piece of information on a screen asks something of the people looking at it. The more you ask, the slower and less accurately they think.

5 min readUX Β· Product Β· AI

Working memory is the mental workspace where we process information in the moment β€” the place where decisions get made, instructions get followed, and forms get filled in. The problem is that working memory is small: most researchers put its capacity at roughly four chunks of information simultaneously.

Cognitive load is the measure of how much of that workspace an interface consumes. When load is low, users move confidently and make good decisions. When load approaches the ceiling, they slow down, make errors, or abandon the task entirely. The ceiling doesn't change β€” it's a hardware constraint of human cognition. But how much of it a design consumes is entirely within a designer's control.

✦ Three things to know
βœ“
Not all cognitive load is the same. Some load comes from the task itself (unavoidable). Some comes from how the interface is designed (entirely avoidable). Good design eliminates the second type completely, which frees the user's working memory for the first.
βœ“
Visual noise is cognitive load. Every element on a screen β€” every line, label, icon, and colour β€” is a claim on working memory even when users think they're ignoring it. The eye still processes it. The brain still spends something on it.
βœ“
AI has changed what's possible. Natural language interfaces offload the cognitive work of learning a tool's syntax, parameters, and configuration to the model. The user's mental budget goes entirely toward their actual goal rather than operating the interface that gets them there.

Three types β€” only one is the designer's fault

Type 1

Intrinsic load

The inherent complexity of the task itself. Filing taxes, learning a language, and configuring a server are genuinely complex. No amount of good design makes them trivial β€” some of this load is irreducible.

Type 2 β€” Design's fault

Extraneous load

Mental effort added by poor interface design. Confusing navigation, cluttered forms, irrelevant information, and unnecessary decisions all generate load that has nothing to do with the actual task. This is entirely avoidable.

Type 3 β€” The goal

Germane load

Productive cognitive effort that builds understanding, skill, or memory. Learning how a product works, building a mental model, developing mastery β€” this is load worth spending. Good design creates space for it by eliminating the other two.

The practical implication is simple: every time you reduce extraneous load β€” by removing an unnecessary field, simplifying a navigation, grouping related information β€” you free up mental budget that users can spend on the task itself. The task doesn't get easier. But the experience of doing it does.

β€œYour job is not to show everything you know. It's to show everything your user needs.”

Sign-up forms β€” the most overloaded screen in any app

Registration forms are where cognitive load violations are most consistent. The team wants to collect information. The result is a single screen asking for email, password, name, phone number, date of birth, referral source, and marketing preferences β€” all before the user has experienced a single feature of the product.

Every field on a form is an independent cognitive task: read the label, recall or decide the information, validate the format, and enter it correctly. Eight fields on one screen is eight sequential cognitive tasks performed under the anxiety of uncertainty β€” the user doesn't know how long the form is, whether their password will be accepted, or what happens next. Progressive disclosure eliminates most of this by showing one task at a time. Try filling in both forms.

Before β€” 8 fields at once10 cognitive tasks before anything happens
9:41
Create account
Get started for free
Fill in your details below
Email address
Phone number
Password
Confirm password
Date of birth
How did you hear about us?
I agree to the Terms of Service and Privacy Policy
Send me product updates and news
Already have an account? Sign in

8 fields + 2 checkboxes visible at once. Most people abandon here.

After β€” one question at a time4 steps, same information
9:41
Create account
Step 1 of 4
What’s your email?
We’ll use this to sign you in
Email

One question per screen, 4 steps total. Tap Continue through all steps.

The total information collected by both forms can be identical. The difference is entirely in when and how it arrives. Spreading questions across screens doesn't make the form longer in real time β€” each step takes seconds. But it eliminates the anxiety of an unknown endpoint and reduces each moment to a single, low-stakes task.


The analytics dashboard β€” when everything is important, nothing is

Analytics dashboards are the most common site of extraneous cognitive load in B2B products. Sixteen metrics with equal visual weight and no hierarchy aren't presenting data β€” they're presenting a puzzle. Users who open a dashboard to answer one question (β€œis our conversion rate improving?”) are forced to scan a grid of equal-sized numbers just to locate it.

Visual hierarchy is cognitive load management. A dashboard that surfaces three primary metrics at large scale, with secondary metrics below, does the prioritisation work for the user. The same data is present. The brain processes far less to extract the answer.

Before β€” all metrics equal weight
analytics.yourapp.com/overview
Overview β€” Last 30 days
Users
24,821
+12%
Sessions
41,203
+8%
Bounce rate
38.4%
+2%
Conv. rate
3.2%
+0.4%
Revenue
$48,200
+18%
Orders
1,506
+11%
Avg. order
$32.00
0%
Cart adds
6,840
+5%
Page views
182K
+9%
Time on site
2:34
+14s
New users
14,200
+7%
Return rate
42.3%
-1%
Refunds
$1,240
+22%
Tickets
84
0%
NPS
68
+3
Churn
2.1%
-0.2%

16 metrics at equal size. Users must scan the whole grid to locate the one they need.

After β€” clear hierarchy, 3 primary KPIs
analytics.yourapp.com/overview
Overview β€” Last 30 days
Revenue
$48,200
+18% vs last month
Conv. rate
3.2%
+0.4 pts
Active users
24.8K
+12%
Orders
1,506
+11%
Sessions
41.2K
+8%
NPS
68
+3
Churn
2.1%
-0.2%
Avg. order
$32
0%
Refunds
$1,240
+22%
Bounce rate
38.4%
+2%
Page views
182K
+9%

Same sixteen metrics. Three have been promoted to large scale so users see what matters first.

The second dashboard contains the same sixteen metrics. Not one number is missing. The difference is that three have been promoted to a size that makes them immediately readable β€” users know which numbers matter before they've consciously looked. The secondary metrics are still present for anyone who needs them, at a scale that signals their supporting role.


Creating a ticket β€” the same task, two completely different cognitive costs

Project management tools all solve the same core task: let someone record a piece of work. The cognitive load required to do that varies dramatically depending on how the form is designed.

Some project management tools show every possible field on a single form. Before a developer can describe what they're actually building, they must navigate: project selector, issue type (bug, story, epic, task, sub-task…), summary, description, assignee, reporter, priority, label, sprint, story points, epic link, fix version, component, linked issues, and any number of custom fields added by the organisation. Most of these fields will be left blank. All of them consume working memory.

A more focused approach shows only what's necessary to capture the work β€” title, description, assignee, priority. Everything else is one click away if needed. The same issue gets created. The cognitive cost is a fraction. Try both forms below.

Before β€” overloaded form
projecttool.app/issues/create
Create issue
Project *
Design System Β· DS
Issue type *
Bug
Summary *
What needs to be done?
Description
Add a description...
Assignee
Unassigned
Reporter
You (Youssef B.)
Priority
Medium
Label
None
Sprint
Sprint 24 (active)
Story points
None
Epic link
None
Fix version
None
Component
None
Linked issues
Search for issues...
Attachment
Drop files here or browse
Create another

15+ fields before you’ve described the work. Most will be left blank.

After β€” focused form
projecttool.app/issues/new
Issue title
Add description, links, or attachments...
Assignee Medium No project No label More
+ Enter

4 visible fields. Everything else is a click away via β€œ+ More”.

The focused form has an explicit design philosophy: remove everything from the issue creation flow that can be filled in later, deferred by default, or skipped entirely. The result is a form that takes under ten seconds to complete. The overloaded form can be completed just as fast β€” but only by people experienced enough to know which fields they can safely ignore. The focused form makes that judgment for everyone, by default.


Applying this to your work

The practical question cognitive load asks of every design is: whose job is this? Every decision currently required of the user can potentially be made by the system, deferred until later, or eliminated entirely. When you place a decision on a screen β€” a field in a form, a parameter in a settings panel, a metric in a dashboard β€” you are choosing to spend your user's cognitive budget. That budget is not infinite and it's not recoverable once spent. Spend it only on things that genuinely require the user's judgment.

AI has made this question more answerable than ever. Configuration decisions that previously required user expertise can now be handled by a model. Visual hierarchy decisions that previously required editorial judgment can now be generated from data. The trend in product design is not toward more powerful interfaces β€” it's toward interfaces that absorb more of the cognitive work themselves so users don't have to.

βœ“ Apply it like this
β†’Ask only one thing per screen in forms and onboarding β€” spread questions across steps rather than fields across a single page.
β†’In dashboards, establish a clear hierarchy: 2–3 primary metrics at large scale, everything else secondary and smaller.
β†’Use progressive disclosure β€” advanced settings, secondary fields, and edge-case options should live behind a tap, not on the default screen.
β†’Ask whether a decision belongs to the user at all. If the system can make it equally well or better, make it the default and let users override if needed.
βœ— Common mistakes
β†’Asking for information on a form before it’s needed β€” collecting date of birth and phone number at sign-up when only email is required to start.
β†’Giving all dashboard metrics equal visual weight β€” this forces users to locate the relevant number inside a grid of identical-sized figures.
β†’Exposing configuration parameters that the system could handle β€” temperature sliders, sort-order options, and filter presets that most users will never change from the default.
β†’Confusing completeness with helpfulness β€” a screen that contains everything is not more useful than one that contains the right things.

Sweller, J. (1988). Cognitive load during problem solving. Cognitive Science, 12, 257–285. Β· Miller, G. A. (1956). The magical number seven, plus or minus two. Psychological Review, 63(2), 81–97.