Made with 🧠 and πŸ«€ by Youssef Bouksim

Back to library
πŸ”¦

Von Restorff Effect

When multiple similar things are present, the one that differs from the rest is the one most likely to be noticed and remembered.

5 min readUX Β· Product Β· AI

In 1933, German psychiatrist Hedwig von Restorff ran a series of memorisation experiments. She gave participants lists of items β€” some homogenous, some with one item that stood out visually or categorically from the rest. The results were consistent and striking: the odd item out was recalled far more reliably than any of the surrounding items. The distinctiveness itself was what drove memory, independent of meaning, position, or repetition.

The implication for design is both simple and far-reaching: in any interface where multiple elements compete for attention, the one that looks different from the others will be seen first and remembered longest. This is not a trick β€” it is a basic property of how the visual system works. Contrast creates salience. Salience creates memory. A pricing page where all three plans look identical, or a notification feed where every item carries the same visual weight, is an interface that has forfeited the ability to direct attention at all.

✦ Key takeaways
βœ“
Contrast is the mechanism. The Von Restorff Effect works because differentiation creates a figure-ground relationship β€” the distinct item becomes the figure that pops from the background of similar items. More surrounding similarity means more salience for the different item, which is why a coloured button on a grey page is more effective than one on a colourful page.
βœ“
Only one thing can truly stand out at a time. If everything is highlighted, nothing is. Using five different accent colours, three bold CTAs, and two banners on a single page doesn't create five points of emphasis β€” it creates visual noise with no hierarchy and forces the user to resolve the conflict themselves.
βœ“
It works for warnings as much as recommendations. The same principle that makes a β€œMost Popular” plan stand out makes a critical error notification demand attention before less urgent ones. Visual distinctiveness is a tool for directing attention to whatever matters most β€” positive or negative.

The experiment behind the effect

Von Restorff ran participants through a series of memorisation tasks. She presented lists of items where most were similar β€” a sequence of numbers, for instance β€” but one item was categorically or visually different: a syllable among digits, or a coloured word among black ones. Across every variation, the isolated item was recalled with significantly higher accuracy.

Her key finding was that the effect was not about the item itself being inherently memorable. It was about its relationship to its context. The exact same item, placed in a list where it blended in, was forgotten at the same rate as everything else. Distinction was the variable β€” not content, not position, not repetition. This is why designers can apply the principle mechanically: make one item look different from the rest, and it will be seen and remembered.

β€œThe isolation effect: an item that is distinct from its neighbours will be remembered more easily.”
β€” Hedwig von Restorff, 1933

Pricing pages β€” when every plan looks the same, users choose nothing

Pricing pages are one of the highest-stakes places in any product. The decision made here directly determines revenue. Yet it is surprisingly common to find pricing pages where all three plans β€” Starter, Pro, and Enterprise β€” are presented in identical-looking cards with equal visual weight, leaving users to resolve the comparison themselves with no guidance about which plan is right for them.

The Von Restorff Effect offers a clear prescription: make one plan visually distinct. Elevate it with a different background, a β€œMost Popular” badge, a slightly larger card, a different button colour. The other plans don't disappear β€” they provide the homogenous background against which the featured plan becomes salient.

Before β€” all three plans identical
yourapp.com/pricing
Appname
FeaturesPricingDocs
Simple, transparent pricing
No hidden fees. Cancel anytime.
Starter
$9
per month
5 projects
10 GB storage
Email support
Basic analytics
Pro
$29
per month
Unlimited projects
100 GB storage
Priority support
Advanced analytics
Custom domains
Enterprise
$99
per month
Unlimited everything
1 TB storage
Dedicated support
SSO & audit logs
SLA guarantee

Three identical cards. No visual anchor. Users spend time comparing all three equally β€” decision fatigue increases and conversion drops.

After β€” Pro plan elevated
yourapp.com/pricing
Appname
FeaturesPricingDocs
Simple, transparent pricing
No hidden fees. Cancel anytime.
Starter
$9
per month
5 projects
10 GB storage
Email support
Basic analytics
Most Popular
Pro
$29
per month
Unlimited projects
100 GB storage
Priority support
Advanced analytics
Custom domains
Enterprise
$99
per month
Unlimited everything
1 TB storage
Dedicated support
SSO & audit logs
SLA guarantee

The Pro plan stands out immediately. Users' eyes go there first, comparison is anchored, and the path to conversion is clear.

The badge (β€œMost Popular”) does two things simultaneously. It applies the Von Restorff Effect visually β€” the elevated, coloured card against the grey ones creates immediate salience. And it provides social proof β€” if it's the most popular plan, it's probably the right default for someone who isn't sure. The two effects compound each other at no additional design cost.


Notification feeds β€” when urgency looks identical to everything else

Notification feeds present a specific and common Von Restorff failure: a list of items that vary wildly in urgency but look completely identical. A message from a colleague, a payment failure alert, a weekly digest, a comment on a document, and a security warning all appear in the same row format with the same icon size, the same font weight, and the same background. Users have to read every item to understand its priority.

When a critical notification β€” a payment failure, a security alert, a system error β€” looks identical to a routine one, users are statistically likely to miss it during a fast scroll. The Von Restorff Effect provides the solution: make the urgent item visually distinct so it breaks the scanning pattern and demands attention before the user reaches it.

Before β€” all notifications identical
9:41
Notifications
Alex left a comment
"Looks great, just one small tweak..."
2m
Payment failed
Your subscription payment was declined. Update your card.
8m
Weekly report ready
Your analytics report for last week is ready to view.
1h
Mia accepted your invite
Mia Tanaka joined your workspace.
2h
You earned a milestone
100 tasks completed β€” you're on a roll!
3h
Meeting in 15 minutes
Design review with the product team.
4h

All 6 items have identical weight. A payment failure and a comment look the same. Users must read every item to find what's urgent.

After β€” critical item visually isolated
9:41
Notifications
Alex left a comment
β€œLooks great, just one small tweak...”
2m
Payment failed β€” action required
Your subscription was declined. Update your card to avoid losing access.
8m
Weekly report ready
Your analytics report is ready to view.
1h
Mia accepted your invite
Mia Tanaka joined your workspace.
2h
You earned a milestone
100 tasks completed β€” you're on a roll!
3h
Meeting in 15 minutes
Design review with the product team.
4h

The payment failure breaks the visual pattern. The red border and background make it unmissable during a fast scroll.

The critical notification doesn't just look different β€” it communicates differently. The title adds β€œaction required.” The body explains the consequence of inaction. A CTA appears inline rather than requiring the user to tap through to another screen. These additions are only appropriate for genuinely critical items, which is exactly why visual distinction is necessary: it tells users that this item merits a different level of attention before they read a word.


AI responses β€” surfacing the answer inside the explanation

Most AI responses are uniform blocks of text. Every sentence sits at the same visual weight, even when one sentence contains the core answer and the surrounding sentences contain supporting context. Users who ask a quick question must parse an entire paragraph to locate the two or three words they actually came for.

The Von Restorff Effect suggests a direct fix: visually isolate the key answer or key insight from the surrounding explanation. A distinct background, a different colour, a labelled card β€” any treatment that makes the core answer stand out from the body of the response lets users land immediately on what they need, then read the supporting context only if they want it.

Before β€” answer buried in uniform text
9:41
AI Assistant
What's the best time to post on LinkedIn for maximum reach?
Research on LinkedIn engagement suggests that the optimal posting times are Tuesday, Wednesday, and Thursday between 8–10am and 12pm in your audience's local time zone. Tuesday at 9am tends to get the highest engagement overall. Weekends and Monday mornings generally see lower reach. Posting frequency also matters β€” 3 to 5 times per week is more effective than daily posting, which can actually reduce reach per post.
Best post formats?How often to post?Track analytics
Follow up...

Answer is in there β€” but where? Users have to read the full paragraph to extract β€œTuesday 9am.”

After β€” key answer visually isolated
9:41
AI Assistant
What's the best time to post on LinkedIn for maximum reach?
Weekends and Monday mornings see lower reach. Posting 3–5 times per week outperforms daily posting β€” too frequent and reach per post drops.

Check your LinkedIn analytics after a few weeks to validate this for your specific audience.

Best time: Tue–Thu, 8–10am or 12pm
Peak day: Tuesday at 9am
Best post formats?How often to post?Track analytics
Follow up...

Key answer bolded at the end. Context first, then the direct answer pulled out visually so it sticks in memory.

The key answer sits at the end of the response β€” after the context that makes it meaningful β€” and stands out visually from the surrounding text. Users who read the whole response land on the answer last, which is the moment most likely to stick in memory. Users who scroll straight to the bottom find it immediately without parsing the full explanation. Same information, same bubble β€” but the one line that matters most is impossible to miss.


Applying this to your work

Before using visual differentiation, identify what actually deserves to stand out β€” because the effect only works when one thing is distinct from many similar ones. If three things are all visually emphasised on the same screen, none of them are. The discipline required is choosing: what is the single most important element on this screen, and what visual treatment will make it stand out from everything else here?

The answer to that question changes by context. On a pricing page it's the recommended plan. In a notification feed it's the urgent item. In an AI response it's the core answer. In a form it's the primary submit button. In a dashboard it's the metric that demands action. One of each, made distinct. That's the entire design brief.

βœ“ Apply it like this
β†’Visually elevate one pricing plan β€” different background, badge, slight scale increase. The others provide the neutral background that creates contrast.
β†’Give critical notifications a distinct visual treatment β€” colour, border, icon, and an inline CTA β€” that breaks the scanning pattern before users reach it.
β†’In AI responses, pull the core answer into a visually distinct element so users can locate what they need at scanning speed.
β†’Use one primary button colour per screen. Every other interactive element should be visually subordinate to it.
βœ— Common mistakes
β†’Emphasising multiple elements equally β€” five "primary" CTA buttons, three highlighted sections, two badge labels β€” which produces no hierarchy at all.
β†’Treating all notifications with the same visual format regardless of urgency β€” users cannot distinguish what requires action from what is informational.
β†’Burying the direct answer inside a paragraph of context β€” users who wanted a quick answer must read everything to find it.
β†’Using the same background colour for featured and non-featured pricing plans β€” if all plans look identical, the isolation effect cannot occur.

Von Restorff, H. (1933). Über die Wirkung von Bereichsbildungen im Spurenfeld. Psychologische Forschung, 18, 299–342. Β· Kimble, G. A., & Dufort, R. H. (1955). The associative factor in eyelid conditioning. Journal of Experimental Psychology, 49(5), 322–326.