Cognitive Load

Cognitive load is the amount of mental effort required to use your website. High cognitive load means the user has to think too hard. When thinking gets hard, users leave. Low cognitive load means the experience feels intuitive. The best CRO makes the right action feel like the obvious action.

Category: Cro (also: UX)

Author: Atomic Glue Research Team

## Definition

Cognitive load is the total amount of mental effort being used in the working memory of a user. In web design, it is the mental effort required to understand, navigate, and interact with a page. High cognitive load reduces conversion because the user's limited mental resources are spent on processing the interface rather than making a decision. Low cognitive load means the interface is transparent. The user's mental energy goes entirely into the decision to convert, not into figuring out how to do it.

## The Three Types of Cognitive Load

Intrinsic load: the inherent complexity of the task itself. Buying a car has higher intrinsic load than downloading a PDF. Extraneous load: the unnecessary mental effort caused by poor design. Cluttered layouts, confusing navigation, jargon, and inconsistent design patterns all add extraneous load. Germane load: the mental effort devoted to learning and understanding the content. Good design reduces extraneous load so the user can focus on germane load (understanding the value) and intrinsic load (making the decision). The goal is not zero cognitive load. It is zero unnecessary cognitive load.

## The Paradox of Choice

The paradox of choice is a specific form of cognitive load. When presented with too many options, users experience decision paralysis. They hesitate, compare, and often leave without choosing anything. The classic study: a display of 24 jams attracted more attention but fewer purchases than a display of 6 jams. On the web, this translates to: fewer menu items, fewer product options, fewer form fields, and fewer CTAs. Every additional choice is a potential exit. Reduce choices to increase conversions.

## Designing for Low Cognitive Load

Six principles: (1) Consistency: use familiar patterns and conventions. Users should not have to learn new interfaces. (2) Clarity: use plain language, not jargon. (3) Chunking: break complex information into digestible sections. (4) Progressive disclosure: show only what the user needs at each step. (5) Visual hierarchy: make important elements visually prominent. (6) Removal: eliminate everything that does not serve the user's goal. The best design is invisible. The user should not notice the design. They should only notice the value.

## Note

The most common source of unnecessary cognitive load on the web is the navigation menu. A 7-item menu with clear labels is better than a 5-item menu with clever, ambiguous labels. 'Services' is better than 'What We Do'. 'Products' is better than 'Our Solutions'. Clarity over cleverness, always.

## In code

<!-- High cognitive load: complex multi-column layout, multiple choices, jargon -->
<!-- Low cognitive load: single column, clear hierarchy, plain language -->

<section class="low-load-plans">
  <h1>Choose the plan that fits your business</h1>

  <div class="plan-card featured">
    <h2>Growth</h2>
    <p class="price">$499<span>/month</span></p>
    <ul class="features">
      <li>Full funnel audit</li>
      <li>8 A/B tests per month</li>
      <li>Weekly strategy calls</li>
      <li>Dedicated CRO specialist</li>
    </ul>
    <a href="/start" class="cta-button">Start Growth</a>
  </div>

  <p class="comparison">
    <a href="/compare-plans">Compare all plans side by side</a>
    <span>30-day money-back guarantee</span>
  </p>
</section>

## Common questions

Q: How do I measure cognitive load?

A: Indirectly: task completion time, error rate, abandonment rate, and single-question surveys ('How easy was this task?'). Directly: eye tracking, pupil dilation, and physiological measures. For most CRO work, indirect measures are sufficient.

Q: What is the fastest way to reduce cognitive load?

A: Remove choices. Reduce the number of menu items, form fields, product options, and CTAs on the page. Then simplify the language. Remove jargon. Use plain English. These two changes alone can dramatically reduce cognitive load.

Q: Is cognitive load the same as friction?

A: Cognitive load is a type of friction. Specifically, it is mental friction. Navigational friction and performance friction are different types. All friction hurts conversion. Cognitive load is the most common and most overlooked type.

## Key takeaways

• Cognitive load is the mental effort required to use your site. Keep it low
• Three types: intrinsic (task complexity), extraneous (bad design), germane (learning)
• The paradox of choice: more options = fewer conversions
• Design for low cognitive load: consistency, clarity, chunking, progressive disclosure
• Clarity over cleverness. Users should not have to think about the interface

## Related entries

• [Friction](atomicglue.co/glossary/friction)
• [Progressive Disclosure](atomicglue.co/glossary/progressive-disclosure)
• [Form Optimization](atomicglue.co/glossary/form-optimization)
• [User Flow](atomicglue.co/glossary/user-flow)
• [Persuasive Design](atomicglue.co/glossary/persuasive-design)

Last updated July 2026. Permalink: atomicglue.co/glossary/cognitive-load