Psychology & Decisions
FundamentalsVon Restorff Effect: What stands out is remembered
A red element among grey ones is seen instantly and remembered longer. How the Von Restorff Effect works and why it only works sparingly.
of Josef Kujawski3 min read
Short answer
The Von Restorff Effect, also called the isolation effect, describes that among many similar elements the one that clearly stands out is most likely to be noticed and remembered. Psychologist Hedwig von Restorff demonstrated it in 1933. On websites it helps highlight the most important button, a recommended package or a key message. It only works when little is highlighted. Emphasise everything and you emphasise nothing.
The problem: everything shouts, nothing stands out
A homepage with five coloured buttons, three banners and two blinking notices. Every element wants to be seen. The result: visitors see none of them properly and, in doubt, click nowhere. The remedy is a principle almost a hundred years old.
The principle: isolation makes things visible
In 1933 psychologist Hedwig von Restorff showed in memory experiments in Berlin: when one item in a list of similar items is clearly different, such as a number among syllables, exactly that item is remembered better. [1] The effect is therefore also called the isolation effect.
For design this means: our eye looks for the difference. What breaks a pattern is seen first. [2]
Kernaussage
An element only stands out when the rest is calm. Contrast comes from restraint everywhere else.
Means of emphasis
| Means | Example | Note |
|---|---|---|
| Colour | Primary button in brand colour | Never use as the only signal |
| Size | Larger area for the main action | Matches Fitts' Law |
| Shape | Filled button next to text links | Clear hierarchy |
| Spacing | Plenty of white space around a key message | Feels premium |
| Label | "Recommended" badge in a pricing table | Gives contrast a meaning |
| Motion | Subtle animation on first load | Sparingly, otherwise it feels like an ad |
Typical uses on websites
- The primary call to action. One clearly highlighted button per screen, everything else more restrained.
- The recommended package. In pricing tables a marked column guides the eye to the best option.
- The key message. A single large statement in a calm setting sticks.
- Important notices. Deadlines or error messages need their own instantly recognisable signal.
Limits and pitfalls
- Not just colour. About one in twelve men has a colour vision deficiency. WCAG requires that information is not conveyed by colour alone. [3]
- Not like advertising. Overly loud elements resemble banners and get ignored deliberately.
- Not inflationary. Three highlighted elements on one screen cancel each other out.
Kernaussage
One highlight per screen. Combine colour with size, shape or label so everyone recognises the difference.
Related principles
How large and close the highlighted element should be is described by Fitts' Law. How to group content so contrast can work at all is shown by Miller's Law. And why a homepage should not emphasise everything at once is covered in Homepage: everything at once.
We have a simple rule: red is a tool, not decoration. When we use it, it is for exactly one thing that really needs to be seen.
Quick check
- Is there exactly one element per screen that clearly stands out?
- Is the emphasis recognisable without colour?
- Does the highlighted element feel like part of the design rather than an ad?
- Is the recommended option marked in your pricing table?
How to use emphasis consistently across a whole campaign is something we develop in the Campaign Studio.
Frequently asked questions
What is the Von Restorff Effect?+
The effect describes that an element clearly different from similar elements is more likely to be noticed and better remembered.
Who was Hedwig von Restorff?+
A German psychologist who conducted memory experiments at the Psychological Institute in Berlin in 1933 and demonstrated the isolation effect named after her.
How do I use the Von Restorff Effect on my website?+
Highlight exactly one important element per screen, such as the primary button or the recommended package, through colour, size, shape or spacing.
Why does the effect stop working when everything is highlighted?+
The effect relies on contrast. If many elements are loud, there is no contrast left and none stands out.
Is colour alone enough for emphasis?+
No. People with colour vision deficiency may not perceive the difference. Combine colour with size, shape, position or a label.
Is the Von Restorff Effect the same as banner blindness?+
No, rather the opposite. Banner blindness happens when prominent elements look like ads and are therefore ignored. Emphasis should blend into the design.
How is the effect used in pricing tables?+
The recommended package is often highlighted with a badge, border or colour. This guides the eye to the option that suits most people.
Sources
- Über die Wirkung von Bereichsbildungen im Spurenfeld, Psychologische Forschung (1933)
- The Von Restorff Effect, Jon Yablonski, Laws of UX (2024)
- Use of Color, WCAG 2.2 Success Criterion 1.4.1, W3C (2023)
#Psychology#Attention#Call to action#Design
Author
Josef KujawskiManaging Director & Creative Director at Maluure
Josef leads the strategic and creative development of brands at Maluure. For over a decade, he has guided medium-sized businesses from brand positioning to digital delivery.
Managing Director of Maluure GmbH, Cologne. Specialising in corporate design, brand strategy and digital brand experiences.
Related articles
UX & Design
Fitts' Law: Why important buttons need to be big and close
The bigger and closer a target, the faster you hit it. Fitts' Law explains why small, distant buttons cost clicks.
4 min read
Psychology & Decisions
Miller's Law: 7 ± 2, chunking and good menu structures
The famous 7 ± 2 is often misquoted. What Miller's Law really says and how to structure content so it sticks.
3 min read
Marketing & Communication
The Homepage That Wants to Say Everything at Once
Many company homepages don't fail because of design, they fail because of the message: they try to tell every visitor everything. Why that doesn't work, and how to arrive at a clear core message.
5 min read