Von Restorff Effect: What Stands Out Gets Remembered
The von Restorff effect says the item that differs from a similar set is remembered better. What Hedwig von Restorff studied, how to use it, and where it fails.
What did von Restorff study?
German psychiatrist and pediatrician Hedwig von Restorff (1906–1962) published a 1933 study, in German, titled “Über die Wirkung von Bereichsbildungen im Spurenfeld,” in the journal Psychologische Forschung. Her finding: when people memorized a list of items from the same category, the isolated item, the one that differed from the others, was remembered better (Wikipedia: Von Restorff effect).
Laws of UX summarizes it directly: when similar items are present, the one that differs from the rest is the most likely to be remembered (Laws of UX: Von Restorff effect). The Wikipedia article adds that distinctiveness can come from size, shape, color, spacing, or underlining, and also from meaning, such as one animal word among furniture words.
What explains the effect?
There are several explanations, and none is definitive. One proposes that the isolated item is rehearsed for longer in working memory than the others. Another points to a retrieval category of its own. And current theory attributes the effect to incongruity with the context, which demands extra attention (Hunt, 1995, cited in Wikipedia).
For design, the practical explanation is the same: what does not fit the pattern draws attention. What repeats, by contrast, becomes invisible.
How do you apply it in interfaces?
Laws of UX recommends making key data or actions visually distinct, and using that distinction with restraint so the emphasized element does not compete with others or look like an advertisement (Laws of UX: Von Restorff effect). In practice, that means:
- One primary action per screen, with a color, size, or position that differs from the other buttons.
- A critical data point highlighted in a list, such as a price or an alert status, instead of every field in the same format.
- A notice that breaks the pattern when something needs attention, such as a negative balance in a list of positive accounts.
To create the contrast you can vary size, shape, color, spacing, or underlining. A difference in meaning also works, like an animal word among furniture words; in an interface, that would be an element of a different kind within a homogeneous list, for example an action button among rows of text. Pick one dimension so the contrast is clear: if the element changes color, size, and animation at once, it stops reading as an exception and starts reading as noise.
The effect complements visual hierarchy: hierarchy orders what is seen first, and the effect explains why what is different stays in memory.
How strong is the evidence?
The effect has been documented for nearly a century, but its details are still debated. Wikipedia notes that most studies use short word lists in the lab, a design that may underestimate the effect; that individual differences are large; and that no theory explains the effect across all experimental conditions. Also, a word list is very different from a real screen. For an interface, the lesson is cautious: the effect is a design hypothesis worth testing, not a guarantee that the highlighted element will be remembered.
When does it stop working?
There are two clear limits. The first is saturation: if five elements are highlighted, none of them is. A design with three bold-colored buttons competes with itself. The second is accessibility: emphasis that relies only on color leaves out people with color blindness or low vision. Laws of UX warns against relying only on color, and suggests considering motion sensitivity if you use animation.
There is a third risk, which is a design heuristic rather than a research result: emphasis that repeats so often that users learn to ignore it. That is what happens with banner ads, and Laws of UX warns that emphasized items should not be mistaken for ads. So the distinct element should be the exception.
Illustrative example
Illustrative example: a pricing page has three cards with the same style. The recommended plan stands out with a colored border, a “Most popular” label, and a primary-colored button. The other two cards use gray buttons. The person sees it at a glance. But the team also added a red banner, a countdown offer, and a pop-up, all on the same screen. In testing, people say “there’s too much going on” and do not remember the recommended plan. The team removes the banner and the pop-up and keeps only the highlighted card.
If the emphasized element is an error or an alert, review how to write error messages. And for the primary action in a purchase flow, button hierarchy shows how to rank actions without competing.
Common mistakes
- Highlighting five elements on the same screen and expecting any of them to be remembered.
- Using only color to make an element stand out.
- Highlighting something unimportant, which teaches users to ignore highlights.
- Confusing the effect with drawing more attention through more stimuli.
- Using intense animations without offering a way to reduce motion.
What you can do tomorrow
- Open your main screen and count the highlighted elements. If there is more than one, decide which matters most.
- Remove the color-only distinction from that element and check it still reads clearly with an icon or a text label.
- Ask two people what they remember from the screen after five seconds.