/ Library/ What Should We Remember/ Von Restorff Effect
Recall Bias № 030 · Last updated 13 May 2026

Von Restorff Effect.

"The odd-one-out is the one users remember."

01Overview

The Von Restorff effect (also called the isolation effect) is the finding that an item that stands out from its surroundings is better remembered than items that blend in. When you present a list of similar items that includes one distinctly different element — in colour, size, shape, or format — that item will be recalled significantly better than the rest.

In UI design, this is the principle behind every primary CTA button, every error state colour treatment, and every "Recommended" badge on a pricing page. But the effect degrades when overused: highlight everything, and you've highlighted nothing.

02Detailed explanation

Hedwig von Restorff (1933) presented participants with lists of similar items (e.g., all nonsense syllables) containing one distinctive item (e.g., a number). Recall for the distinctive item was significantly higher — often by a factor of 2 or more. The effect is robust across perceptual dimensions.

  • Colour contrast, size variation, font change, whitespace, shape, position — any form of isolation produces better recall and faster attention capture.
  • The effect works in reverse: an item surrounded by visually loud elements that is rendered in plain text can become distinctive by being the calm element in a busy environment.
  • Accessibility: users with low vision rely more heavily on distinctive visual signals — the Von Restorff effect is a usability principle, not just a persuasion one.

03Why it exists

Attention is drawn to deviation from expected pattern. When an item violates the visual or structural rule that everything else follows, it creates a predictive error that captures attention and drives deeper encoding. The brain prioritises pattern-breaks as potential signals worth remembering.

The short version

You can only have one odd-one-out per context. Highlight everything, and you've highlighted nothing — the effect requires scarcity of distinction.

04Effects on users

  • A single high-contrast CTA in a form with muted UI elements is significantly more recalled and clicked than a CTA that matches the visual language of surrounding elements.
  • Error messages that use a unique visual treatment (red border, warning icon, background colour) are better noticed and acted on than inline text errors with no visual differentiation.
  • "Recommended" badges on pricing tiers isolate the middle tier and draw disproportionate attention to it — one of the most reliable conversion techniques in SaaS pricing.
  • A product feature that looks visually different from surrounding features in a changelog or feature list is remembered and sought out more often.

05Effects on designers & teams

  • Design systems: if every component uses bold typography, none will be memorable. The Von Restorff principle argues for typographic hierarchy — the contrast between levels matters more than the absolute weight of any single level.
  • Presentations: the slide that breaks the template pattern is the one the audience remembers. Use this deliberately for key insights, not decoratively.
  • Annotations in critique: a single callout in a design critique is recalled better than three simultaneously highlighted areas — choose what you isolate.

06Practical takeaways

  • Use one primary CTA per screen and give it a visually distinctive treatment — isolation is what makes it the CTA, not the copy.
  • Error states should be visually distinct from the surrounding UI — colour, icon, and copy together are more reliably noticed than any one element alone.
  • In pricing tables, isolate the recommended tier with a single visual differentiator — multiple highlighted tiers cancel each other out.
  • Audit for unintentional isolation: elements that stand out because they break a pattern may be noticed in ways you didn't design for.
  • Every use of isolation reduces the effect of all others on the same page. Treat contrast as a finite resource.

07Design examples

CTAs

The one primary button

A form with one blue button among grey elements outperforms a form with four blue buttons. The Von Restorff effect works only for the item that violates the local pattern — add more highlighted elements and you've flattened the hierarchy to nothing.

Error states

Visual error treatment

An error in red against a neutral form background is noticed significantly faster than the same text without a colour treatment. Combine colour + icon + copy for maximum distinctiveness — use all three for errors that require user action.

Pricing

The recommended tier

A slightly larger card with a distinct border and a "Most Popular" badge creates the isolation needed to direct attention. The effect weakens if two tiers are both highlighted — choose one, and the choice is a statement about which tier you genuinely recommend.

Notifications

Badge isolation

Notification badges stand out because they violate the icon's normal state. Adding 17 badge types across an interface trains users to ignore all of them — the Von Restorff effect requires scarcity of distinction to function.

08Ethical risks

The Von Restorff effect is exploited when visual isolation is used to direct attention toward actions that serve the business at the user's expense — highlighting "upgrade" while making "continue free" visually recessive, or using colour and size to make destructive confirmation actions stand out while making the reject option fade.

The principle applies symmetrically to helpful and manipulative design. What you choose to isolate reveals what you actually want users to do — make sure that's also what's best for them.

10Suggested reading