UX and conversion
How to reduce cognitive load on your website
Cognitive load is the mental effort it takes to understand a page and act on it. Every unclear label, extra choice and unanswered question adds to it, and visitors who run out of patience leave. Here is what the research says and 10 practical ways to reduce cognitive load on a website.
Short answer
Cognitive load is the mental effort it takes to understand a page and act on it. To reduce cognitive load on a website, give each page one job, answer questions before visitors ask them, use layouts people already know, cut and group choices, ask less in forms, write for scanning and show the total price early.
- Working memory is small, and visitors often arrive tired, distracted or on a phone.
- Intrinsic load comes from the offer itself and should be supported; extraneous load comes from the page and should be cut.
- Nobody leaves a page because of cognitive load by name; they leave because it felt like work.
- Two buttons of equal weight force a decision the visitor should not have to make.
- Fewer choices do not always mean more sales, so treat fewer options as a hypothesis to test.
What is cognitive load?
Cognitive load is the amount of mental effort a task takes, mostly in working memory, the small space where we hold information while using it. On a website, cognitive load is the effort needed to work out what a page is, find what you need and complete the next step. The more a page demands, the more visitors hesitate or leave.
The term comes from learning research. John Sweller's 1988 paper in Cognitive Science argued that problem solving uses up so much processing capacity that little is left for learning, which became the basis of cognitive load theory. Working memory is small: George Miller's 1956 paper put the limit at about seven items, and Nelson Cowan's 2001 review argued the real limit is smaller, about three to five chunks.
Nielsen Norman Group applies the idea to interfaces: the cognitive load of a user interface is the mental effort needed to operate it. Your visitors bring their full working memory to your page only in theory. In practice they arrive tired, distracted, on a phone, with other tabs open. Whatever your page asks of them comes out of what is left.
Intrinsic vs extraneous cognitive load
There are two kinds of cognitive load that matter on a website. Intrinsic load is the effort needed to understand what you are actually offering, and some of it is unavoidable. Extraneous load is effort caused by how the page presents it, and it is the part you can cut. Most conversion problems come from the second kind.
| Aspect | Intrinsic load | Extraneous load |
|---|---|---|
| What it is | Effort needed to understand the offer itself | Effort caused by the way the page presents it |
| Examples | Comparing insurance cover levels, choosing a software plan | Vague labels, competing buttons, hidden shipping costs, unfamiliar navigation |
| What to do | Support it: explain clearly, compare side by side, recommend an option | Remove it wherever you can |
Why does cognitive load affect conversion rates?
Cognitive load affects conversion rates because every extra piece of effort is a chance for the visitor to stop. When a page is hard to understand, people postpone the decision, make mistakes in forms, trust the site less or simply go back to the search results. Nobody abandons a page because of cognitive load by name: they abandon it because it felt like work.
A useful test is to list the questions a first-time visitor has to answer in their head before they can act:
- What is this, and is it for me?
- How much will it cost in total, including delivery?
- Which of these options should I pick?
- What happens when I click this button? Will I be charged straight away?
- How long will delivery take, and can I return it?
- Where do I go next?
Each unanswered question adds load. The aim is not a page with no thinking at all, which is impossible, but a page where the only thinking left is about whether the offer is right for them.
How to reduce cognitive load: 10 ways
To reduce cognitive load on a website, give each page one job, answer questions before they are asked, use layouts people already know, cut and group choices, ask less in forms, write for scanning, clear distractions from the point of decision, show the full price early, use clear visual hierarchy and keep content readable for AI agents.
-
Give each page one job and one main action
Decide what each page is for: buy this product, book a call, sign up for a trial. Make that action the most visible thing on the page and demote everything else. Two buttons of equal weight force a decision the visitor should not have to make. See the guide to call to action buttons.
-
Answer questions before visitors ask them
Put delivery times, returns, guarantees, total cost and "what happens next" close to the button, not in the footer or an FAQ page. A question the page answers is a question the visitor does not have to hold in their head. For a tested example, see this ecommerce case study on product page FAQs.
-
Use the conventions people already know
Visitors carry habits from every other site they use: where the cart is, what a link looks like, how a checkout runs. Following those conventions lets them use your site without learning it. The familiarity effect explains why familiar feels easier.
-
Reduce, group and recommend choices
W. E. Hick's 1952 reaction-time experiments showed that choosing takes longer as the number of options grows. Remove options nobody picks, group the rest into clear categories, and mark a recommended or most popular choice. Use sensible defaults, such as preselecting the visitor's country, without taking choices away.
-
Ask less in forms, and ask easy things first
Remove every field you do not need now. Let people choose from buttons rather than recall and type answers. Put easy questions first and personal details last, and show progress so people know how much is left. The form abandonment guide goes further.
-
Write for scanning
Most visitors scan before they read. Use headings that say what each section is about, short paragraphs, bullet lists, plain words and specific numbers. A block of unbroken text forces the visitor to do the work of finding the part they need.
-
Clear distractions from the point of decision
Sidebars, newsletter boxes, pop-ups and unrelated links pull attention away exactly when the visitor is deciding. When Convertica starts work on a site, it almost always starts where the buying decision is made: the comparison table on an affiliate site, the add to cart area on a store, the form on a lead generation site.
-
Show the total price early
Hidden fees revealed at checkout force a visitor to recalculate a decision they thought they had made. Show the full price, or an honest estimate including delivery, before the checkout. It reduces effort and it is fairer.
-
Use visual hierarchy and white space
Size, contrast, spacing and position tell visitors what matters before they read a word. Use them consistently: one style for headings, one for buttons, one for links. Styles that change for no reason add load without adding meaning.
-
Keep content readable for AI agents and every device
Prices, product details and policies that only appear after scripts run, or that sit inside images, are hard for AI agents and screen readers to read, and slow on weak phones. Put the important facts in the page's HTML as plain text, and mark them up with structured data where it applies.
Example: reducing cognitive load in a lead form
Convertica's work on the Empire Flippers valuation tool is a clear example of reducing cognitive load in a form. The original asked visitors to stop and type a page of financial details. The new version asked one easy question per screen, mostly taps and sliders, and left typed details until last.
Three changes did most of the work: choosing from options instead of recalling and typing, a progress indicator so nobody had to wonder how much was left, and no Next button, so each answer moved the visitor on without an extra decision. In the first two weeks of a split-URL test, the new flow converted 40% better than the original (conversions, Empire Flippers valuation tool). The full story, including later mobile changes, is in the Empire Flippers case study.
Does offering fewer choices always reduce cognitive load?
Offering fewer choices often reduces cognitive load, but it does not always increase sales. The research is more mixed than the popular version suggests, so treat "fewer options" as a hypothesis to test on your own site, not a rule.
The famous jam study by Sheena Iyengar and Mark Lepper, published in 2000, found people were more likely to buy gourmet jams or chocolates when offered 6 choices rather than 24 or 30, and were more satisfied with what they chose. But a 2010 meta-analysis by Benjamin Scheibehenne, Rainer Greifeneder and Peter Todd, covering 63 conditions from 50 experiments with 5,036 participants, found the average effect of choice overload was virtually zero, with large differences between studies.
The practical reading: large choice sets cause problems in some situations, not all. They are more likely to hurt when options are hard to compare, when visitors do not know what they want, and when nothing helps them narrow down. Filters, a recommended option and clear comparison tables often help more than removing products.
How to find cognitive load on your own site
To find cognitive load on your own site, go through your most valuable page as a first-time visitor on a phone, write down every question and moment of doubt, then check your recordings and visitor feedback for the same moments. Each one is a candidate fix or test.
- Pick the page that earns the most. Usually a product, pricing or landing page, or the first step of the checkout or form.
- Use it like a stranger. On a phone, with no prior knowledge. Note every question, every hesitation and every moment you look for something.
- Watch real sessions. In session recordings, look for repeated clicks, scrolling up and down, and people leaving at the same point.
- Ask visitors. A one-question poll ("Is anything stopping you from buying today?") often names the problem directly.
- Fix the obvious, test the rest. Missing information can simply be added. Bigger changes, such as fewer options or a new layout, should be A/B tested.
Cognitive load checklist
Use this cognitive load checklist on any key page. Each line is a yes or no question, and every "no" is a place where visitors are working harder than they need to.
- The first screen says what this is, who it is for and what to do next
- There is one main call to action, clearly stronger than anything else
- Total price, delivery and returns are visible before checkout
- Navigation, cart and search are where visitors expect them
- Options are grouped, and a recommended choice is marked
- Forms ask only for what is needed now, with easy questions first
- Headings and short paragraphs make the page easy to scan
- Nothing pulls attention away near the buy button or form
- Styles are consistent: one look for buttons, one for links
- Key facts are in the page HTML as text, not only in images or scripts
Related guides
Questions about cognitive load
What is cognitive load?
Cognitive load is the amount of mental effort, mainly working memory, that a task demands. On a website it is the effort needed to understand the page, find what you need and complete an action. Working memory can only hold a few things at once, so pages that demand too much get abandoned.
How do you reduce cognitive load on a website?
Give each page one clear job, answer common questions before visitors ask them, follow familiar layout conventions, reduce and group choices, ask for less in forms, write for scanning, remove distractions near the buy button, show the full price early and keep content readable without scripts.
What is cognitive overload?
Cognitive overload happens when a task demands more mental effort than a person has available. On a website it shows up as hesitation, mistakes, postponed decisions and people leaving. It is more likely when visitors are tired, distracted or on a phone.
What are the types of cognitive load?
Usability research usually separates intrinsic load, the effort needed to understand the content itself, from extraneous load, effort caused by the way it is presented, such as confusing navigation or inconsistent styling. Good design keeps the first and cuts the second.
Do fewer choices always increase conversions?
No. A famous 2000 study found shoppers were more likely to buy jam from a display of 6 flavors than one of 24, but a 2010 meta-analysis of 50 experiments found the average effect of choice overload was virtually zero, with large differences between studies. Test your own choice sets rather than assuming.
What is Hick's law?
Hick's law describes how the time needed to make a choice rises as the number of possible choices increases. It comes from W. E. Hick's 1952 reaction-time experiments. In web design it is a reason to group options, highlight a recommended choice and remove options nobody uses.
Research cited
- Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257 to 285. doi.org/10.1207/s15516709cog1202_4
- Miller, G. A. (1956). Paper on the limits of our capacity for processing information (the "seven, plus or minus two" paper). Psychological Review, 63(2), 81 to 97. pubmed.ncbi.nlm.nih.gov/13310704
- Cowan, N. (2001). A reconsideration of mental storage capacity in short-term memory. Behavioral and Brain Sciences, 24(1), 87 to 114. doi.org/10.1017/S0140525X01003922
- Hick, W. E. (1952). On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4(1), 11 to 26. doi.org/10.1080/17470215208416600
- Iyengar, S. S., and Lepper, M. R. (2000). When choice is demotivating: Can one desire too much of a good thing? Journal of Personality and Social Psychology, 79(6), 995 to 1006. pubmed.ncbi.nlm.nih.gov/11138768
- Scheibehenne, B., Greifeneder, R., and Todd, P. M. (2010). Can there ever be too many options? A meta-analytic review of choice overload. Journal of Consumer Research, 37(3), 409 to 425. doi.org/10.1086/651235
- Whitenton, K. (2013). Minimize cognitive load to maximize usability. Nielsen Norman Group. nngroup.com/articles/minimize-cognitive-load