Von Restorff Effect

Use meaningful contrast to make one important item distinctive.

01 / UNDERSTAND

The idea

An item that differs from its surrounding set can be more memorable. The Von Restorff effect concerns this isolation advantage, rather than a guarantee that a bright button will be clicked. In an interface, a distinctive warning or action can help establish priority when the surrounding presentation remains comparatively quiet.

Contrast is relational. A warning looks distinctive because neighbouring information does not use the same treatment. If every message is enlarged, animated or brightly coloured, the differences stop communicating a useful hierarchy. Choose what actually deserves emphasis and reinforce it with a clear label, placement and shape rather than colour alone. Visual distinctiveness can support noticing, but noticing and remembering are different outcomes; neither proves that a person understood the consequence. Test the important information in the full task and check whether people can recognise it and explain what to do next.

02 / RECOGNISE

See it in real products.

Examples of how the principle can appear in an interface.

1PasswordEXAMPLE 01

Separate a security problem from ordinary item details

1Password places a distinct Watchtower warning on an item with a compromised website. The banner stands apart from the item’s ordinary fields and explains what needs attention. This illustrates selective emphasis; its presence alone does not prove that people remember or successfully resolve the issue.

1Password · Interface exampleProduct reference
GoogleEXAMPLE 02

Make a risky message look different from routine mail

Google’s published Gmail example uses a prominent warning treatment for a potentially risky email. A distinct shape, colour and explanatory message help separate the warning from normal message content. The useful comparison is the surrounding inbox, not the warning viewed by itself.

Google · Interface exampleProduct reference

03 / CONNECT

Why it matters.

Evaluate noticing, later recall and correct response separately, especially for warnings or consequential actions.

Possible influences to investigate, rather than guaranteed outcomes for every product.

04 / APPLY

Put it into practice.

  1. 01

    Reserve strong emphasis for genuinely important information

  2. 02

    Combine colour with words, shape or position

  3. 03

    Test understanding as well as whether an item is noticed

05 / EXPLORE WITH UPSLIDE

Apply it with Upslide.

Use a practical guide, read a deeper explanation, or examine a related Upslide project.

Keep exploring

70 PRINCIPLES TO EXPLORE

The UX glossary

Current principle: 69 of 70 · Alphabetical order

THE UX GLOSSARY

Find your next idea.

PASS THE IDEA ALONG

Share this page

LinkedIn WhatsApp Email

UPSLIDE DESIGN STUDIO

Watch the explainer

Playback unavailable? Watch on YouTube ↗

SHARE WHAT YOU NOTICED

Contribute an example.

Share a screenshot and a few words. We’ll review it before publishing.

Add links or contact details (optional)

Reviewed by the Upslide team.