Cognitive load

What is cognitive load?

The mental effort needed to complete a task. Too much and people slow down, make mistakes, or stop.

Also known as: mental workload

Prefer to watch? Watch the recap 0:28

The demo

Two quick rounds, same question both times: which plan is cheapest? First you read it from a cluttered blurb, then from a tidy table. We time each.

What this demo shows (text version)

You answer the same question twice (find the cheapest of four plans), once from a rambling paragraph and once from a clean table of the same kind of data. Almost everyone is markedly faster with the table: the information was identical, but the cluttered layout forced extra work (extraneous cognitive load) that the table removed. It is the case for clear grouping, plain language, and whitespace: they cut the mental effort a task demands.

Every bit of clutter, jargon, or poor grouping adds to the mental effort - and people slow down, slip up, or quit. You can’t remove the task’s inherent difficulty, but you can strip out the load you added; that’s mostly the layout’s job, not the reader’s.

The load you can actually cut is the extraneous kind: clutter, jargon, bad grouping, decorative noise. The task's own difficulty you mostly cannot, so spend your effort stripping out the load you added.

Whitespace is not wasted space; it is how you lower the cost of looking. A cramped screen is not efficient, it just bills the reader for the room you saved.

Try the interactive demo to see how layout clutter adds cognitive load. You can’t fix the task’s difficulty, but you can strip out the load you added - that’s the layout’s job.

Try the interactive demo to see how clutter adds cognitive load - you’ll feel it. The page’s live example lets you adjust elements and watch how mental effort changes - no screenshots, just real interaction.