The Von Restorff effect: making one thing stand out

The thing that stands out from its surroundings is the thing people notice and remember. That is the Von Restorff effect, and it is why your single most important button should not look like everything else on the page. When one element breaks the pattern, attention sharpens and memory strengthens. When everything competes equally for attention, nothing wins it.

This is one of the pieces in The Thinking Brain, our series on the psychology and neuroscience behind effective web design. The series opens with whether psychology can build you a better website. Here we look at the isolation effect, and how to make the one thing that matters genuinely stand out.

What the isolation effect is

The Von Restorff effect, named after the psychologist Hedwig von Restorff, who described it in 1933, is the finding that when several similar things are shown together, the one that differs is the one that gets remembered. Her experiments used lists where a single item broke the pattern, and that item was recalled far better than its neighbours. The brain pays more attention to the exception, and attention is what turns into memory.

It is one of the better-established effects in this series, demonstrated repeatedly across words, images, and ideas, though researchers still debate exactly why it works. For our purposes the mechanism matters less than the reliable result: difference draws the eye and sticks in the mind.

The one button that should not match

The most direct use on a website is the primary call to action. The button you most want a visitor to press should be visually distinct from everything around it, in colour, size, or space, so the eye lands on it without searching. A "buy" or "get in touch" button that looks like every other element on the page is asking to be overlooked.

This is also why a consistent, restrained design around that button matters. The effect depends on contrast, and contrast depends on most things being calm and similar so that one thing can break out. A page where everything shouts has no room for anything to stand out, which is the self-defeating trap of the over-designed site.

You only get to isolate one thing

The catch is that the effect does not scale. Make one element stand out and it commands attention; make five elements stand out and you are back to a uniform field of noise, with nothing distinct at all. Distinctiveness is a finite resource on any given screen, and spending it on several things at once spends it on nothing.

So the discipline is to decide, for each page, what the single most important action is, and to let that one thing be the exception while everything else stays consistent. If two things genuinely compete for that role, the page is usually trying to do too much, which is a problem to solve in the structure rather than paper over with louder styling.

Difference has to mean something

Making something stand out draws attention to it, so it had better deserve the attention. Highlighting the wrong element, a minor link, a decorative flourish, pulls the eye away from what matters and quietly costs you. The isolation effect is a way of directing attention, which means it is only as good as your judgement about where attention should go.

It connects directly to where people already look on a page. Distinctiveness works with the natural scan path rather than against it, which is why it pairs so closely with what eye-tracking tells us about attention. Put the distinct thing where the eye travels, and the two effects reinforce each other.

What this means for your website

Pick the one thing on each page that matters most, and let it be the exception in a calm, consistent design. Resist the urge to make everything prominent, because prominence given to everything is prominence given to nothing. Used with restraint, the isolation effect is one of the simplest ways to guide a visitor to the action you want, and it is part of how we design a website so that the important thing is the obvious thing.