Cognitive biases in design
The brain doesn't "read" a visual — it interprets it at high speed, using shortcuts. These shortcuts — cognitive biases — decide whether an identity, a page or a poster is understood and remembered, or ignored. Here are 15 essential biases and how they apply to graphic, web and UX design. This is the foundation of cognitive design.
A cognitive bias is a systematic gap between reality and the way our brain processes it, to save mental effort. In design, ignoring them means designing blind; understanding them lets you guide attention, memory and decision — without manipulating (see the ethics note at the end).
Perception & attention1. Von Restorff effect (isolation effect)
We remember the item that stands out from the rest. When everything looks alike, whatever breaks the pattern grabs attention and sticks in memory.
In design → A single brightly coloured call-to-action on a restrained page; one "highlighted" price in a pricing grid; one underlined word in a headline. The rule: one exception, not ten.
Perception & attention2. Hick's law
Decision time grows with the number and complexity of options. Too many choices = paralysis.
In design → Reduce menu items, split a long form into steps, offer one primary call-to-action per screen. Simplifying isn't impoverishing: it's speeding up the decision.
Perception & attention3. Focusing effect
We over-weight whatever attention is directed to, at the expense of the rest.
In design → Visual hierarchy: size, contrast, space and position steer the eye to what matters first. If everything shouts, nothing is heard.
Perception & attention4. Banner blindness
The brain learns to ignore anything that looks like advertising (ad-like shapes, placements, colours).
In design → An important message must not look like a banner. Embed information in the content flow rather than in a "decorative" box.
Memory5. Serial position effect (primacy & recency)
We remember the beginning (primacy) and the end (recency) of a series better than the middle.
In design → Put key messages at the start and end of a page, a list or a journey. The first and last screens of an onboarding weigh more than the rest.
Memory6. Zeigarnik effect
We remember unfinished tasks better than completed ones: the mind keeps the incomplete "open".
In design → Progress bars, "60% complete" profiles, step-by-step journeys: showing what's left creates a positive tension that drives completion.
Memory7. Picture superiority effect
We remember images better and longer than words.
In design → A complex idea is better shown (icon, diagram, pictogram) than written. For a brand, a memorable symbol beats a name alone.
Decision & judgement8. Anchoring effect
The first piece of information received becomes the reference point for judging what follows.
In design → Showing the most complete offer first anchors value; showing a "before" ahead of the "after" gives the result its measure. Order of presentation shapes perception.
Decision & judgement9. Loss aversion
Losing hurts more than gaining feels good, at equal value.
In design → Frame in terms of what one avoids losing ("don't miss…") rather than what one gains, when it's honest. Caution: use without creating false urgency.
Decision & judgement10. Social proof
When in doubt, we do what others do. Group behaviour reassures.
In design → Reviews, client logos, user counts, testimonials: placed near the decision point, they remove doubt. The condition: they must be real and verifiable.
Decision & judgement11. Scarcity effect
We value what is rare or limited more highly.
In design → Limited stock, remaining seats, numbered editions — only when scarcity is real. Manufactured scarcity backfires on trust.
Decision & judgement12. Paradox of choice
The more options offered, the lower satisfaction and the likelihood of acting.
In design → Offer 2-3 plans rather than 7, suggest a "recommended" option, hide advanced settings by default. To guide is to unburden the user.
Trust & aesthetics13. Halo effect
A positive impression on one aspect (the design) spills over to the overall judgement (competence, reliability).
In design → Visible care — typography, alignment, consistency — makes the whole offer feel more serious. The first impression is visual.
Trust & aesthetics14. Aesthetic-usability effect
We perceive a polished design as easier to use — even when usability is equivalent.
In design → Aesthetics aren't a luxury: they increase tolerance for small frictions and build trust. Provided they serve clarity rather than mask it.
Trust & aesthetics15. Mere-exposure effect
The more exposed we are to something, the more we like it. Familiarity breeds preference.
In design → A consistent identity (same colours, shapes, tone, across all materials) builds familiarity — hence trust — through repetition. Constant change destroys it.
Ethics note: cognitive design ≠ dark patterns
Knowing these biases can serve to help or to trap. The line is simple: cognitive design reduces the effort a user makes toward a decision that serves their interest; a "dark pattern" exploits a bias to make them do what they didn't want. False urgency, pre-ticked boxes, trap subscriptions: not only is it unfair, it's increasingly regulated by law. At Maïkkom, the rule is that any mechanism stays true and reversible.
Want to apply this to your materials?
Maïkkom designs identities, websites and materials around these principles — so they're understood fast and drive action. Free 30-minute audit of your materials.
Request my free auditFrequently asked questions
What is a cognitive bias in design?
It's a mental shortcut the brain uses to interpret a visual without conscious effort. In design, accounting for it lets you guide attention, memory and decision — for example by highlighting a single element (von Restorff effect) or limiting the number of options (Hick's law).
Is cognitive design manipulation?
No, provided one clear line is respected: cognitive design reduces the user's effort toward a decision that serves their interest. Manipulating (dark patterns: false urgency, pre-ticked boxes) exploits a bias against their interest — that's unfair and increasingly regulated by law.
Which cognitive biases are most useful in web and UX?
Hick's law (limit choices), the serial position effect (key messages at the start and end), the Zeigarnik effect (progress bars), social proof (real reviews) and the aesthetic-usability effect (a polished design perceived as simpler) are among the most actionable.
Going further
- Cognitive biases: definition, list and examples
- Cognitive biases in marketing
- Cognitive design at Maïkkom · Neuromarketing
- The unlimited design subscription
Reference guide published by Maïkkom, a cognitive design studio (Aix-en-Provence, France). Updated: 27/06/2026. Reuse with a link back to this page is welcome.