Mental model

Cognitive Load

Learn how our limited working memory impacts user experience and how to design interfaces that feel effortless to use.

Discover

You're assembling a new bookshelf. To make the process easiest, which of these steps should come first?

Select the best first step:

Let's explore why the right order matters for our brains.

Understand

Understand

Cognitive load is the total mental effort used by your working memory at any given moment. Think of it like a computer's RAM—it has a limited capacity, and overloading it makes everything slow down. Checking that you have all the bookshelf parts first is best because it reduces the mental work of worrying about missing pieces later, which is a key principle of designing for low cognitive load. By reducing this mental clutter, we make tasks easier to complete successfully.

Try this: What one piece of information could I remove or show later to make this task easier?

Full explanation

Full explanation

Designing for cognitive load means intentionally reducing the mental work required to use a product or understand information. The goal is to minimize extraneous load—the effort created by how information is presented—so users can dedicate their mental resources to the task itself (intrinsic load) and learning (germane load).

One key principle is chunking. Most people can hold only about 3 to 5 meaningful items in their working memory at one time. By grouping related information into smaller, familiar chunks—like how a phone number is split into parts—we make it much easier to process and remember.

Another technique is offloading. Instead of forcing users to remember information, you provide it for them visually. A shopping cart that always shows the number of items is offloading the user's memory. Similarly, a GPS app that shows the next turn on screen offloads the effort of memorizing the entire route.

These principles apply everywhere. A project management dashboard that uses both color and icons (e.g., a red circle for overdue, a green checkmark for on track) reduces the load of interpreting raw data. This use of redundant cues ensures the design is accessible and doesn't rely on color alone. A well-designed subway map uses distinct colors and simple icons, allowing travelers to plan a route without having to read every single station name. In all cases, the design does the heavy lifting so the user doesn't have to.

Research

Research

Cognitive Load Theory (CLT), developed by John Sweller, originates from educational psychology. It proposes that because working memory is severely limited, instructional materials (and by extension, any information design) must be structured to minimize unnecessary mental effort (extraneous load) to facilitate learning and problem-solving (germane load).

  • Sweller (1988) first established that conventional problem-solving methods often impose a heavy extraneous cognitive load, which can interfere with learning. He proposed alternative instructional formats, like studying worked examples, to reduce this load. [1]
  • While early research suggested a working memory capacity of 7±2 items, modern studies by researchers like Nelson Cowan (2001) indicate the actual capacity is closer to 4±1 meaningful chunks. This revised understanding reinforces the need to design simple, chunked interfaces. [2]
  • Mayer & Moreno (2003) applied CLT to multimedia, identifying principles to reduce cognitive load in digital learning. For example, they found that synchronizing narration with corresponding animation is more effective than splitting a user's attention between on-screen text and animation. [3]
  • The Nielsen Norman Group has extensively documented how high cognitive load negatively impacts usability. Their research shows that users are faster and more successful on websites that simplify choices and provide clear navigation, thereby reducing the mental effort needed to accomplish a goal. [4] (2019)

Limitations

Limitations

Measuring cognitive load directly and precisely is difficult; it often relies on subjective user ratings or complex physiological measures (like eye-tracking). Furthermore, the ideal level of cognitive load is not always zero. Some challenges, known as "desirable difficulties," can actually enhance long-term learning and retention. The theory is also less predictive for expert users, whose well-developed mental models (schemas) allow them to process complex information with minimal effort.

Try it

Synthesize

Choose a pattern from the guide, then pick an action to try with it.

Which pattern stands out?

What will you try?

Choose a pattern above to select an action.

Sources

Sources

Try it

Check your understanding

A new banking app wants to reduce cognitive load for users sending money. Which design choice is *best* for this goal?

Show the guide's explanation

Answer: Using a multi-step wizard that asks for one piece of info at a time

This breaks down a complex task into manageable chunks (a technique called 'progressive disclosure'), reducing the mental effort required at any single moment. The other options add information or choices, increasing extraneous cognitive load.

You're creating a presentation. How can you apply cognitive load principles to help your audience understand your message?

Show the guide's explanation

Answer: Use simple visuals and speak to the key points, keeping slides uncluttered

This approach avoids splitting the audience's attention between reading dense text and listening to you (reducing extraneous load), allowing them to focus their mental energy on understanding your core message.

In the bookshelf assembly example, why is checking the parts list first a good way to manage cognitive load?

Show the guide's explanation

Answer: It reduces uncertainty and prevents future interruptions

Confirming you have all the necessary parts at the beginning reduces the extraneous cognitive load of worrying about missing pieces or having to stop midway through the process. It makes the subsequent steps smoother by removing a source of mental clutter.

Keep exploring

Find another idea for the decision in front of you.

The complete Reframo library is free to read. Explore another guide whenever you are ready.

Cognitive Load | Reframo