Memory & attention

Von Restorff Effect

Also known as Isolation Effect

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

Experience · UX & Design Science1 research source
Share
A row of identical circles with one gold square that pops out — an illustration of Von Restorff Effect.

See it in action

The same screen without and with Von Restorff Effect. Watch both sides play out, then compare the outcome.

Urgent item looks like the restNotificationsAsha liked your postPayment failed — update cardNew follower: RaviWeekly summary is readyTip: try dark mode

The failed payment blends into routine notices; people scroll past it.

The one that matters stands outNotificationsAsha liked your postNew follower: RaviWeekly summary is readyTip: try dark mode! Payment failed — update card

Distinct colour and weight make the one important item impossible to miss.

What to watch: how fast the eye (and finger) reach the item once it's different from its neighbours.

Do

Make the single most important element visually distinct — and keep it to one.

Don’t

Highlight everything; when every item is special, nothing stands out.

Key takeaways

  • Make the primary action visually distinct from everything else.
  • Use contrast sparingly — if everything stands out, nothing does.
  • Don't rely on color alone; combine it with size, shape or position for accessibility.

Quick facts

Also known as
Isolation Effect
Described by
Hedwig von Restorff
Year
1933
Category
Memory & attention

Von Restorff Effect explained

The Von Restorff effect, or isolation effect, predicts that when multiple similar objects are present, the one that differs from the rest is most likely to be noticed and remembered.

Differences can be in colour, size, shape, position, motion or style. The more an item stands out against its surroundings, the more attention it attracts.

Designers use this to highlight primary actions and important information. Because it depends on contrast, it only works when used sparingly: if everything stands out, nothing does.

Where it comes from

Named after German psychiatrist and pediatrician Hedwig von Restorff, whose 1933 experiments showed that an item isolated from a list by being different was remembered much better than the rest.

How it shows up in apps

Highlighting the recommended plan, the primary button or a new feature works because of this effect — and fails when several elements compete for attention.

Von Restorff Effect examples

On a plan picker, only the recommended plan gets a gold border and a 'Best value' badge, so it's the one most users notice and choose.

  • Primary buttons

    A single filled, high-contrast button among outlined secondary buttons makes the main action obvious.

  • Recommended pricing plan

    Pricing pages highlight one plan with a different colour, a badge or a raised card, drawing attention to the option most customers should choose.

  • Unread indicators

    Messaging apps use a bold font or a coloured dot to make unread conversations stand out in an otherwise uniform list.

How to apply Von Restorff Effect

  1. Make the single most important element on each screen visually distinct.
  2. Use restraint: limit highlighted elements so they keep their impact.
  3. Do not rely on colour alone; combine it with shape, size, text or icons.
  4. Be careful with motion; animated elements attract attention but can distract and affect users with vestibular disorders.
  5. Ensure highlighted elements do not look like ads, which users ignore.

Want Von Restorff Effect checked in your own product? Our saas ux audit evaluates it alongside the other principles that shape how users decide, onboard and stay.

Common mistakes

  • Highlighting too many elements, so none stands out.
  • Making secondary or destructive actions more prominent than the primary one.
  • Relying solely on colour, which fails for colour-blind users.

How to measure it

Use click-through rates, heatmaps and eye-tracking to see whether highlighted elements get attention. A/B test different treatments of the primary action and measure conversion.

Frequently asked questions

What is Von Restorff Effect?

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

Where does Von Restorff Effect come from?

Named after German psychiatrist and pediatrician Hedwig von Restorff, whose 1933 experiments showed that an item isolated from a list by being different was remembered much better than the rest.

How does Von Restorff Effect apply to app design?

Highlighting the recommended plan, the primary button or a new feature works because of this effect — and fails when several elements compete for attention.

Who discovered the Von Restorff effect?

German psychologist Hedwig von Restorff described it in 1933 after finding that an item isolated from others in a list was remembered better.

How is the Von Restorff effect used in UX?

Designers make key actions and information visually distinct (through colour, size or shape) so they are noticed and remembered.

How do you measure Von Restorff Effect in a product?

Use click-through rates, heatmaps and eye-tracking to see whether highlighted elements get attention. A/B test different treatments of the primary action and measure conversion.

Sources

  1. von Restorff, H. (1933). Über die Wirkung von Bereichsbildungen im Spurenfeld. Psychologische Forschung, 18. Find on Google Scholar ↗

View all 60 laws of UX

Keep exploring

Von Restorff Effect in practice

Keep exploring

Certifications that test it

Pass it on

Teach this to your team

Share it before your next design review — a shared vocabulary makes product decisions faster.

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Free certification

Can you apply Von Restorff Effect under pressure?

Test it in 18 real product scenarios in the free Product Design Science test. Score 70% and earn a founder-signed certificate anyone can verify.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy