Memory

Von Restorff Effect

Why distinctive items are remembered

Key Insight

Among a group of similar items, the one that differs most from the rest is most likely to be remembered—also known as the isolation effect.

Key Points

  • •Distinctive items in a homogeneous group are remembered significantly better than the rest
  • •The effect works through visual contrast: size, color, shape, spacing, or motion can create distinction
  • •Strategic distinction makes CTAs, key information, and warnings stand out and be remembered
  • •The effect depends on context—an item is distinctive only relative to its surroundings
  • •If everything is highlighted or distinctive, nothing stands out and the effect is neutralized
  • •[FIGURE 8-1 — Contrast for attention] Shows: UI example with one button visually distinct through color contrast from surrounding elements. Teaches: Contrast draws attention to important actions and helps establish visual hierarchy. Reproduce as: Button group with one highlighted via color.
  • •[FIGURE 8-2 — Material Design FAB] Shows: Floating action button (FAB) from Material Design guidelines. Teaches: The FAB uses color, elevation, and position to isolate the primary action from all other UI elements. Reproduce as: Screen mockup with FAB demonstrating isolation.
  • •[FIGURE 8-3 — Pricing table isolation] Shows: Notion pricing page with "Popular" plan visually distinguished through border, badge, and slight scale increase. Teaches: Pricing tables use the von Restorff effect to guide users toward recommended plans. Reproduce as: 3-tier pricing table with middle option highlighted.
  • •[FIGURE 8-4 — Notification badges] Shows: iOS app icons with red notification badges. Teaches: Notification badges use color contrast and position to create isolation, ensuring users notice pending items. Reproduce as: App icon grid with badge on one icon.
  • •[FIGURE 8-5 — News headline scale] Shows: News website layouts using scale to emphasize featured headlines. Teaches: Size creates distinction—larger headlines are remembered and clicked more than uniformly sized ones. Reproduce as: News layout with varied headline sizes.

Guidelines

  • ✓Make primary CTAs visually distinct from secondary actions (filled vs. outlined buttons)
  • ✓Use the effect sparingly—one or two distinctive elements per view maximum
  • ✓Create a visual hierarchy where the most important element has the highest contrast
  • ✗Don't highlight everything—restraint is what makes distinction work
  • ✓Use color, size, and whitespace together for strongest isolation effect
  • ✓Reserve bold visual treatments for the single most important action or piece of information

Want to learn this interactively?

Experience hands-on experiments and test your understanding.

Start Learning
🔥

Practice this topic

Active recall — strengthens long-term retention

Related Topics