Have you ever been shopping and noticed a single red carton tucked among a row of white milk cartons on the shelf? When you get home and try to recall the aisle, the other brands blur together, but that red carton stays clear. The phenomenon in which one item that stands alone among similar ones is remembered better is called the Von Restorff Effect.
Put simply, the Von Restorff Effect is the principle that “when several similar items are present, the one that differs from the rest is most likely to stick in memory.” Because it involves setting the odd one apart, it is also called the Isolation Effect. It was first demonstrated experimentally in 1933 by Hedwig von Restorff, a German psychiatrist and pediatrician.
In this piece we will look in turn at the memory experiment that first revealed the effect, the contrast devices that create distinctiveness, everyday and on-screen examples, and the principles you must follow when applying it in design.
How Distinctiveness Shapes Memory, and How Design Uses It
What Is the Von Restorff Effect?
Von Restorff carried out this research at the Psychological Institute of the University of Berlin under the Gestalt psychologist Wolfgang Köhler, and published the results in 1933 in the journal Psychologische Forschung (Psychological Research). She ran experiments that inserted a single digit into a list of nonsense syllables, and participants recalled that digit far better than the other items.
- Isolated Item: the item in a list that differs from the rest in kind or appearance, and is remembered best.
- Homogeneous Items: the remaining items that resemble one another and blur together so that each one leaves only a faint trace.
Interestingly, the effect still appeared even when the digit came early in the list, in the second or third position, before any pattern had yet become clear. She argued that the same perceptual principle that divides figure from ground also operates in memory. What matters more than the conspicuous item itself is how alike the background surrounding it is. In today’s memory research, the property by which a salient difference aids memory is called Distinctiveness, and the Von Restorff Effect is treated as a classic example of it.
Four Contrast Devices That Create Distinctiveness
In design, this principle is turned into visual contrast. Laws of UX, a collection of user-experience principles, advises making important information and key actions conspicuously different. The starting point is not the one thing you want to emphasize, but first lining up the remaining elements so they match. If the surroundings are already mismatched, changing a color will not produce a true odd one out.
(1) Color and value
Changing hue or brightness—like a deep blue button among gray ones—is the fastest and most common method.
(2) Size and weight
Making one line larger and bolder than the surrounding text draws the eye to that line even before you start reading.
(3) Shape and whitespace
A rounded card among square ones, or an element set apart by empty space around it, stands out even without a color change. Pinning a single item to the top of a long list is another way to create distinctiveness through position.
(4) Motion
A notification that gently shakes or glows on an otherwise still screen pulls attention strongly—but it is also a device that causes just as much fatigue.
Understanding the Von Restorff Effect Through Easy Examples
[Example 1] The “recommended” card in a pricing table
When three plans sit side by side and only the middle card has a thicker border and a “Recommended” badge, many people read that card first and remember it longest. The company has made its preferred option the isolated item. The two cards on either side must deliberately share the same color and shape so the middle one stands out more clearly.
[Example 2] The highlighter in a textbook
Highlighting only a few essential sentences in the exam range makes those lines come back first during review. But if you paint an entire page, the highlighted parts become the background themselves and nothing sticks. For emphasis to work, the unemphasized area must stay large enough.
[Example 3] The irreversible button
Marking an irreversible action such as “Delete account” differently—with red and a warning icon—makes users pause once before tapping carelessly. Here the same principle that aids memory serves as a safety device that prevents mistakes.
Principles to Follow When Using the Von Restorff Effect
Contrast is a tool that grows weaker the more you use it. To make the effect work properly, keep these three points in mind.
(1) Use emphasis sparingly
If you emphasize everything, you emphasize nothing. When conspicuous elements compete with one another or look so flashy that they feel like ads, users skip that part instead. Decide on one thing to make strongest on a screen, and keep the rest one step lower in emphasis.
(2) Do not rely on color alone
Users with color vision deficiency or low vision may struggle to tell colors apart. Web Content Accessibility Guidelines (WCAG) also require that information not be conveyed by color alone, so change text, icons, or weight as well.
(3) Use motion carefully
Some people feel dizziness or motion sickness from moving screens. When you use motion for contrast, keep it short and gentle, and respect the device’s reduce-motion setting.
The Von Restorff Effect shows that human memory does not store everything evenly: it first seizes the one that differs from the background. So deciding what not to make different matters more than deciding what to make different. Only when a calm, orderly background is in place can the one truly needed thing finally shine.
Choosing just one thing that truly matters and showing it clearly differently: that is the first step toward design that stays in memory.
