--- title: "Cognitive Load" url: "https://www.insideuxdesign.com/en/glossar/cognitive-load" language: "en" description: "What is cognitive load in UX design? A plain-language explanation with an example and practical tips. Learn how to cut unnecessary mental effort." published: "2026-10-14T09:50:31+02:00" updated: "2026-10-14T13:04:31+02:00" --- # Cognitive Load Cognitive load is the mental effort it takes to understand and use an interface. The less unnecessary thinking a design demands, the easier the actual task becomes. - **Buchstabe:** C UX glossary # Cognitive Load Cognitive load is the mental effort it takes to understand and use an interface. The less unnecessary thinking a design demands, the easier the actual task becomes. Imagine you’re booking a train ticket online. Three ad banners are flashing, the form asks for things you don’t understand, and you have to remember the fares from page one because page two no longer shows them. By the end you feel drained, even though the task itself was simple. That’s cognitive load in action: the website made you think harder than you needed to. ## Explained simply Cognitive load is the mental effort it takes to understand and use an interface. Most of that work happens in your working memory, the part of your memory that briefly holds and processes information. Its capacity is small. George Miller’s famous “seven plus or minus two” was meant as a rough estimate. More recent research, for example by Nelson Cowan, suggests you can hold roughly four chunks of information in mind at once. Think of your working memory as a small kitchen counter. If it’s covered with flyers and dirty dishes, there’s hardly any room left to cook. Good design clears the counter. The term comes from learning research. Australian psychologist John Sweller laid the groundwork for cognitive load theory in 1988 to explain why some learning materials get in the way of learning instead of supporting it. UX design later adopted the idea. ## Necessary and unnecessary load Not all effort is bad. For UX, two kinds matter most. **Intrinsic load** is built into the task itself: filing a tax return is more complex than checking a weather app, and good design can’t change that much. **Extraneous load**, on the other hand, comes from the way things are presented, such as unclear labels, busy layouts, or information you have to remember instead of being able to see. The theory also describes a third kind, germane load, which goes into building new knowledge. So the goal isn’t to simplify everything. It’s to cut the unnecessary load, which leaves capacity for what really matters. If you want to know why short-term memory plays such a big role here, read [Basics of Human Perception: Short-Term Memory](https://www.insideuxdesign.com/en/blog/basics-of-human-perception-short-term-memory). ## An example Here’s an example. An online store’s checkout is one long form with 18 fields, plus coupon notices and a newsletter box. Shipping costs only show up at the very end. Many people give up. After the redesign, there are three short steps with clear headings. The shipping address is prefilled as the billing address, shipping costs are visible in the cart from the start, and everything unrelated to the purchase is gone. The task is the same, but it feels much lighter. You’ll find more rules like this in [Forms Nobody Abandons: 12 Rules for Better Form UX](https://www.insideuxdesign.com/en/blog/forms-nobody-abandons-12-rules-for-better-form-ux). ## In practice - **Cut the noise.** Remove elements that don’t help with the task, such as decorative images, duplicate links, or needless highlighting. - **Use familiar patterns.** What people already know from other websites, they don’t have to learn again. Almost everyone instantly understands a cart icon in the top right corner. - **Take work off people’s plates.** Show information again instead of asking for it, and set sensible defaults. Recognizing is easier than recalling. ## Related terms [Hick’s Law](https://www.insideuxdesign.com/en/glossar/hicks-law), [Progressive Disclosure](https://www.insideuxdesign.com/en/glossar/progressive-disclosure), [Gestalt Principles](https://www.insideuxdesign.com/en/glossar/gestalt-principles), [Mental Model](https://www.insideuxdesign.com/en/glossar/mental-model) ## Sources - [Kathryn Whitenton: Minimize Cognitive Load to Maximize Usability. Nielsen Norman Group, 2013](https://www.nngroup.com/articles/minimize-cognitive-load/) - [John Sweller: Cognitive Load During Problem Solving: Effects on Learning. Cognitive Science, 1988](https://doi.org/10.1207/s15516709cog1202_4) - [Nelson Cowan: The magical number 4 in short-term memory: A reconsideration of mental storage capacity. Behavioral and Brain Sciences, 2001](https://doi.org/10.1017/S0140525X01003922) ## More terms [ ### A/B Testing An A/B test is an experiment that shows two versions of a page or element at the same time to randomly split groups of visitors. It lets you decide with real data which version works better. ](https://www.insideuxdesign.com/en/glossar/a-b-testing) [ ### ARIA ARIA is a W3C standard that adds roles, states and properties to HTML. It tells screen readers what an element is and how it currently behaves. ](https://www.insideuxdesign.com/en/glossar/aria) [ ### Accessibility Accessibility means designing websites, apps and digital documents so that everyone can use them, including people with visual, hearing, motor or cognitive disabilities. ](https://www.insideuxdesign.com/en/glossar/accessibility) [ ### Affordance An affordance describes what action an object makes possible and whether people can recognize it: a button invites you to press it, a handle invites you to pull. ](https://www.insideuxdesign.com/en/glossar/affordance) [ ### Alt Text Alt text is a short text version of an image, stored in the HTML alt attribute. Screen readers read it aloud so people who can’t see the image get the same information. ](https://www.insideuxdesign.com/en/glossar/alt-text) [ ### Atomic Design Atomic Design is a method for building user interfaces from small, reusable building blocks, from single elements like buttons all the way up to complete pages. ](https://www.insideuxdesign.com/en/glossar/atomic-design) [ ### BFSG The BFSG, Germany’s Accessibility Strengthening Act, has required many companies since 28 June 2025 to make certain products and digital services, such as online shops, accessible. ](https://www.insideuxdesign.com/en/glossar/bfsg) [ ### Card Sorting Card sorting is a research method in which people sort terms written on cards into groups. It shows you how they mentally organize content, so you can plan navigation that makes sense to them. ](https://www.insideuxdesign.com/en/glossar/card-sorting) [ ### Color Vision Deficiency A color vision deficiency means someone has a harder time telling certain colors apart than most people. The most common type is red-green deficiency. ](https://www.insideuxdesign.com/en/glossar/color-vision-deficiency) [ ### Contextual Inquiry Contextual inquiry is a research method where you observe and interview people in their real work environment. It shows you how they actually get tasks done, not just how they describe it. ](https://www.insideuxdesign.com/en/glossar/contextual-inquiry) [ ### Contrast Ratio The contrast ratio describes how much two colors differ in brightness, such as text and background. WCAG requires at least 4.5:1 for normal text. ](https://www.insideuxdesign.com/en/glossar/contrast-ratio) [ ### Conversion A conversion is a desired action on a website or in an app, such as a purchase or a signup. The conversion rate shows what share of visits leads to one. ](https://www.insideuxdesign.com/en/glossar/conversion)