Von Restorff Effect: Why the One That’s Different Is the One We Remember
People notice and remember what stands out from its surroundings. But the real secret isn’t the highlight. It’s everything around it that stays quiet.
UX Laws Explained Through Real Products · Part 10
Four plans, one closed tab
Your friend has started a small online clothing shop, and she asks you to help her pick a website builder.
You open the first one’s pricing page. Four plans sit side by side: Starter, Basic, Business, Pro. Four white cards. Four identical grey buttons that say “Choose plan.” The same font, the same size, the same long list of ticks.
You read the first card. Then the second. By the third, the features start to blur together. Which one had online payments? Was it Business or Pro? You scroll back up, lose your place, and finally close the tab.
The second website builder also has four plans. But one card is a little taller, with a coloured border, a small label on top that says “For small shops,” and the only filled button on the page.
Your eyes go there first. You read that card carefully, compare it with the one next to it, and choose in a couple of minutes.
An hour later, your friend calls to ask what you found. You can’t remember the plan names from the first site at all. But you remember the second one clearly: “There was one made for small shops. That’s the one.”
The highlighted plan didn’t just catch your eye. It stayed in your memory, because everything around it looked the same.
That is the Von Restorff Effect.
What is the Von Restorff Effect? (In plain English)
When several similar items are presented together, the one that is different is the one most likely to be noticed and remembered.
It is also called the isolation effect, because the different item is “isolated” from the rest.
Where it came from
In 1933, Hedwig von Restorff, a German psychologist and physician working in Berlin under the psychologist Wolfgang Köhler, published a study on memory. She gave people lists to learn. Most items in a list were of the same kind, such as nonsense syllables, and one item of a completely different kind, such as a number, was placed among them.
The result: people remembered the isolated item better than the similar items around it.
You have seen this all your life. A word written in red among words in black. The one classmate who wore a yellow raincoat on the school trip. The only house on the street painted blue.
What von Restorff really argued
Here is the part most UX articles skip.
The popular version says: “make something different, and people will remember it.” But in 1995, the memory researcher Reed Hunt published a paper with a revealing title: The subtlety of distinctiveness: What von Restorff really did. He argued that the field had lost an important part of her original idea.
Von Restorff’s own explanation focused less on the odd item and more on the similar items around it. When many items are alike, they group together in memory and blur into one block. They compete with each other, so each one becomes harder to pick out. The different item doesn’t belong to that block, so it stays separate and easy to find.
In other words, an item doesn’t stand out on its own. It stands out because of its context. Researchers today describe this as distinctiveness relative to its surroundings: a red word is distinctive among black words, but not among other red words.
Why this matters for designers
This changes how you think about highlighting:
- The highlighted plan worked in the opening story because the other three were quiet and alike.
- If all four plans had coloured borders and labels, none of them would stand out.
- So designing a highlight is really two jobs: making one thing different, and keeping everything else consistent.
The highlight gets the attention. The calm around it does the work.
The Von Restorff Effect in products you already use
Pricing pages: one plan, gently louder
Many software pricing pages highlight one plan: a coloured border, a slightly bigger card, a small label like “Most popular” or “Recommended,” and the only filled button. The other plans stay calm and identical.
This works on two levels. Visually, the highlighted plan is where the eye lands first. And in memory, it’s the plan people are most likely to describe later: “the recommended one.” A good pricing page gives people a starting point, without hiding the other options.
Buttons: one primary action per screen
Google’s Material Design system describes button “emphasis”: high-emphasis filled buttons for the most important action, and lower-emphasis outlined or text buttons for the rest. Many design systems follow the same idea.
That is the Von Restorff Effect turned into a rule. On a screen with “Save,” “Cancel,” and “Preview,” only one button gets the bold, filled style. It stands out because the others don’t.
You saw this in my MyGP redesign concept from the Peak-End Rule article: the single blue “Pay ৳40 with bKash” button at the bottom is the one thing on the screen your eyes go to, because everything above it is calm.
Notification badges: the small red dot
The little red badge on an app icon is one of the most familiar uses of distinctiveness. On a home screen full of colourful icons, a small red circle with a number still catches your eye.
It works because most icons don’t have one. If every app showed a badge all the time, people would likely stop noticing them. Badges stay useful only as long as they’re rare and meaningful.
Search results and lists: the one marked item
On many shopping and travel apps, one item in a long list carries a small tag: “Best value,” “Fastest,” or “Free delivery.” In a column of nearly identical cards, that single tag is what tends to stick when people come back to compare.
When standing out stops working
1. When everything is highlighted
Scroll through a busy shopping app during a sale. Every product card has a badge: “SALE,” “HOT,” “-50%,” “NEW,” “BEST SELLER,” “FLASH DEAL.” Every price is red. Every button is bright.
Get Afroza Riju’s stories in your inbox
Join Medium for free to get updates from this writer.
When everything shouts, nothing is heard. Remember von Restorff’s real insight: the effect depends on a calm background of similar items. Highlight every card, and you remove that background. The badges become the new normal, and the eye has nothing to hold on to.
2. When it looks like an ad
You might think the loudest, flashiest element on a page will always get noticed. Often, the opposite happens.
Researchers have described this as banner blindness: people learn to ignore parts of a page that look like advertising, like bright boxes in the sidebar or flashy banners at the top. The Nielsen Norman Group has documented it in eye-tracking studies over many years.
So making something different only works if it looks different in a useful way. A highlight that looks like an ad can be skipped completely, even though it is the most distinctive thing on the page.
3. When colour is the only difference
Many highlights rely only on colour: a red price, a green “Available” label, a coloured border. But not everyone sees colour the same way. For people with colour vision deficiency, a red item and a green item can look almost identical.
The web accessibility guidelines (WCAG) address this directly: colour should not be the only way to show information or point to an action. A highlight also needs a second signal, like a label, an icon, a different shape, a bolder weight, or a border.
A highlight that only some people can see isn’t a highlight. It’s a secret.
Where it shows up in your own designs
Decide what deserves to stand out
Before you style anything, ask: what is the one thing on this screen people most need to notice or remember? That is your candidate for distinctiveness. Everything else should step back.
Good candidates:
- The main action: Continue, Pay, Save, Send.
- The recommended choice: the plan most people need, the default option.
- Important warnings: an error, a deadline, a real expiring offer.
- New information: an unread message, a changed status.
Make it different in more than one way
Combine signals so the highlight works for everyone: a colour and a label, a bolder weight and a border, an icon and text. If you turn your screen to greyscale and the highlight disappears, it relies too much on colour.
Protect the background
This is the part people forget. Use one primary button style, one badge style, and one highlight colour across your product. The more consistent the rest of the interface is, the more powerful each highlight becomes.
Highlight honestly
A “Most popular” label should be true. A countdown timer should count down to a real deadline. Distinctiveness is powerful, so using it to push people toward something that isn’t genuinely good for them quickly turns into a dark pattern.
A warning: different is not the same as useful
1. Standing out isn’t the goal. The goal is helping people find or remember the right thing. A highlight on the wrong item just sends attention in the wrong direction.
2. One highlight per moment. If a screen has three “most important” things, it has none. Decide, and let the rest be calm.
3. Don’t let one bright element hide others. If the highlighted plan is so loud that people never look at the alternatives, they may choose something that doesn’t fit them. A good highlight is a starting point, not a trap.
Six things you can try tomorrow
- Find the one thing. For each key screen, write down the single element people most need to notice. Is it the most distinctive thing on the screen?
- Count your highlights. Badges, bright buttons, coloured labels. If there are more than one or two per screen, remove some.
- Do the greyscale test. Turn your design to greyscale. Can you still tell what’s highlighted? If not, add a label, icon, or weight.
- Audit your button styles. One filled primary button per screen, everything else outlined or plain.
- Check that your labels are true. “Most popular” and “Best value” should be backed by real data, not wishful thinking.
- Ask people what they remember. After a usability test, ask: “What do you remember from that page?” If they remember the wrong thing, your highlight is in the wrong place.
The one-line summary
People remember what stands out. But nothing stands out unless everything around it stays calm.
The next time someone asks to make “just one more thing” bright and bold, think of the four identical plans, the closed tab, and the one card your friend remembered: “the one made for small shops.”
This is Part 10 of my series, UX Laws Explained Through Real Products. You can find all earlier parts, from Hick’s Law to the Zeigarnik Effect, on my Medium profile. Next up: the Serial Position Effect, or why people remember the first and last items in a list. Follow me so you don’t miss it, and tell me in the comments: which app highlights so many things that you can’t find anything?
References
- von Restorff, H. (1933). Über die Wirkung von Bereichsbildungen im Spurenfeld [On the effect of sphere formations in the trace field]. Psychologische Forschung, 18(1), 299–342.
- Hunt, R. R. (1995). The subtlety of distinctiveness: What von Restorff really did. Psychonomic Bulletin & Review, 2(1), 105–112.
- MacLeod, C. M. (2020). Zeigarnik and von Restorff: The memory effects and the stories behind them. Memory & Cognition, 48(6), 1073–1088.
- W3C. Understanding Success Criterion 1.4.1: Use of Color. WCAG 2.2.
- Google. Material Design: Buttons.
- Laws of UX. Von Restorff Effect.
