Von Restorff Effect
The item that differs from its neighbours is the one that gets noticed and remembered.
Definition
Hedwig von Restorff's 1933 isolation experiments showed that an item which stands out from a homogeneous set is recalled far better than the surrounding items. Distinctiveness, not absolute salience, drives the effect.
Established research. Originates in published research and has been replicated. The effect is real. Its size in your product still needs measuring.
On this plate
Reach for this when
- Deciding which single element in a view should draw the eye.
- Marking exceptional states in an otherwise uniform list.
- Auditing a screen where users say they cannot find the main action.
Common mistakes
- Emphasising many things, which emphasises nothing.
- Using colour as the sole differentiator.
- Relying on an isolation that becomes common and therefore invisible.
- Emphasising the item the business prefers rather than the one most readers want, which erodes trust in the emphasis itself.
Distinctiveness is relative
The effect depends on contrast with the local context. One coloured button in a row of grey ones is distinctive. Six coloured buttons in a row of six are not, regardless of how bright the colour is.
This is the practical constraint most teams break. Every stakeholder wants their element emphasised, and the aggregate result is that nothing is. Emphasis is a zero-sum budget within a view.
Dimensions you can isolate on
- Colour, which is the strongest and the most easily overused.
- Size and weight, which survive greyscale and are safer for accessibility.
- Position, such as breaking the grid or offsetting from alignment.
- Shape, such as a pill among rectangles.
- Motion, which is extremely strong and should be reserved for genuinely urgent changes.
- Whitespace, where isolation by surrounding emptiness is quiet and highly effective.
Using emphasis as a budget
Do
- Allow one primary emphasis per view, with secondary emphasis clearly weaker.
- Make the emphasised element the one that matches the user's most likely goal.
- Use isolation to mark genuinely exceptional states, such as an over-quota warning in a list of normal rows.
Do not
- Give every card a coloured badge.
- Emphasise an element because a stakeholder owns it rather than because a user needs it.
- Rely on novelty that wears off. Distinctiveness fades as it becomes the norm in your product.
What each isolation dimension costs
| Dimension | Strength | Cost |
|---|---|---|
| Size | Strong, and survives greyscale | Consumes layout space and can unbalance a grid |
| Weight | Reliable in text-heavy interfaces | Wears out quickly when overused |
| Colour | Immediate for most readers | Fails alone for colour blindness and in print |
| Position | Strong when it breaks an established rhythm | Only works once per view |
| Motion | Nearly impossible to ignore | Expensive in attention, and must respect reduced motion |
In practice
- i.
The recommended pricing tier
SaaS pricingOne tier gets a border, a slight scale increase and a label. The isolation carries the recommendation without additional copy. Two highlighted tiers destroy the effect entirely.
- ii.
Unread and error rows
Lists and tablesA single visually distinct treatment for rows needing attention works well until the proportion of such rows rises. At high densities, invert the treatment and mark the normal rows instead.
- iii.
Three recommended badges
The budgetIsolation is a relative effect, so the second highlighted item halves the first one's value and the third empties it. A view has room for one emphasised thing, and deciding which one is the work.
Commonly confused with
Close neighbours that get substituted for each other. The difference is stated first, then the condition that picks one over the other.
Serial Position Effect
LawItems at the start and end of a sequence are recalled better than those in the middle.
Key difference
Serial position is about where an item sits: first and last are recalled best. Von Restorff is about how an item differs from its neighbours. One is decided by ordering, the other by contrast, and the middle of a list can be rescued only by the second.
Use Von Restorff Effect when
- You need one item to carry more weight wherever it sits.
- The set is homogeneous enough for one difference to register.
- The lever is contrast: colour, weight, size or shape.
Use Serial Position Effect when
- You are deciding the order of a nav, a list or a set of steps.
- Something important has landed in the middle of a long list.
- The lever is sequence, not styling.
Local chart
LAW·009 · Region I · Grid B2
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Sources
Where a source establishes something narrower than the popular reading of it, the note says so.
- [1]
Über die Wirkung von Bereichsbildungen im Spurenfeld
H. von Restorff, Psychologische Forschung, 1933
- [2]
Understanding Success Criterion 1.4.1: Use of Color
W3C, WCAG 2.1
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Applies when you are designing
Why this works
The reasoning this entry rests on.
- Banner BlindnessPSY·003 · Psychology
- Selective AttentionPSY·004 · Psychology
Applied through
Where this shows up as a concrete interface decision.
- Badge and TagCMP·023 · Component
- ButtonCMP·001 · Component
- Color AccessibilityFND·028 · UI foundation
- ContrastFND·002 · UI foundation
- EmphasisFND·018 · UI foundation
- SimilarityFND·005 · UI foundation
- Visual HierarchyFND·001 · UI foundation
Related concept
Connected closely enough to change how you apply this.
- Use of ColorA11Y·010 · Accessibility
- Aesthetic and Minimalist DesignHEUR·008 · Heuristic