The Von Restorff Effect: Making Key UI Elements Stand Out
The Von Restorff Effect predicts that items which differ from their surroundings will be remembered. Here is how to use isolation in UI design to direct attention and improve recall of critical interface elements.
What Is the Von Restorff Effect?
The Von Restorff Effect (also called the isolation effect) states that when multiple similar objects are present, the one that differs from the rest is most likely to be remembered. Named after psychiatrist Hedwig von Restorff who documented it in 1933, it is one of the most reliably reproducible effects in cognitive psychology — and one of the most directly applicable to interface design.
Applications in UI Design
- Primary CTA: Make the primary button visually distinct from all other buttons on the page — different colour, weight, or size. Everything else should look subordinate.
- Pricing tables: Highlight one plan ("Most popular") with a different background, border, or scale to direct users toward the recommended tier.
- Critical alerts: Use colour (red/amber) and iconography to make errors visually distinct from standard UI. Errors must not look like content.
- Empty states: A single illustration in an otherwise list-based UI creates memorable moments that users associate with the brand.
The Caveat: Overuse Cancels the Effect
If everything is visually distinctive, nothing stands out. The Von Restorff Effect requires contrast — an element can only be isolated against a backdrop of similarity. Audit your interfaces for "highlight inflation": too many bold items, too many primary-coloured buttons, too many badges.
