Good Citizens · Usability Harness · Experiment ·

Change blindness: why people miss what changed

We feel as if we see everything in front of us. We do not. We notice change mostly by seeing it move, and a brief interruption is enough to hide even a big one.

Start the flicker. The card switches between two versions with a flash of nothing in between. One thing is different each round. Click it when you find it.

Round 1 of 3

Sourdough loafNew

I · The flicker

Eighty milliseconds of nothing

A, 80 ms of nothing, A′no blank: 0.9 swith the blank: 10.9 s
Rensink, O’Regan and Clark (1997): the same change, found in under a second when it shows as movement, and in about eleven when a blank hides the movement.

In 1997 Ronald Rensink, Kevin O’Regan and James Clark showed people two photographs, alternating, with a blank screen of 80 milliseconds between them.

Without the blank, people spotted the difference in under a second, because the change shows up as movement and pulls the eye straight to it. With the blank, the movement is gone, and people searched for eleven seconds on average1, sometimes close to a minute, for changes that were obvious once seen. Changes to the things people found interesting were found faster than changes to the background.

The lesson is that we do not keep a detailed picture of the world in our heads to compare against. We see what we are attending to, and we notice change when something moves.

II · In the world

A stranger swapped mid-sentence

7 of 15 noticeddressed as builders: 4 of 12
Simons and Levin (1998): a stranger swapped behind a passing door. Most people giving directions carried on talking.

In 1998 Daniel Simons and Daniel Levin had a stranger stop people on a university campus to ask for directions.

Partway through, two men carrying a door walked between them, and the stranger was swapped for a different person. Only 7 of 152 people noticed. Those who did were students of about the experimenters’ own age; the people who missed it were older. When the experimenters dressed as construction workers and approached students, only 4 of 12 noticed. We look more closely at people we see as like ourselves.

Expertise does not protect us. In 2013, researchers hid a gorilla, 48 times the size of a typical nodule, in a lung scan. 20 of 24 radiologists4 did not report it, and eye tracking showed that 12 of them had looked right at it. That is a related effect, inattentional blindness: missing something unexpected while concentrating on a task.

III · On a page

Changes that happen during a blink

Total$40$52Total$40$52Total updated from $40 to $52a reload: missedin place: said in words
A reload blanks the screen, which hides the change; a change made in place, and said in words, cannot be missed.

A web page does to its readers what the flicker test does on purpose.

A full reload blanks the screen, and when it returns a price has changed, a total has gone up or an error has appeared somewhere else. An item added to a basket updates a small number in a far corner. A warning sits in a box that looks like an advertisement, the place people have learned not to look, which researchers named banner blindness5 in 1998.

People who use screen readers miss these changes entirely unless the page announces them, which is why the accessibility guidelines require status messages7 that assistive technology can read out without moving the person away from what they were doing.

IV · What to do

What it means for your design

  1. 01

    Don’t hide a change behind a reload

    Keep the page in place and change only the part that changed, so the movement itself draws the eye.

  2. 02

    Mark what changed

    Use a brief, local highlight, such as a gentle fade on the row that just updated, and let people switch motion off (WCAG 2.3.3).

  3. 03

    Put errors next to their cause

    An error message belongs beside the field that caused it, not in a summary at the top of a long form.

  4. $40$52updated
    04

    Say it in words

    When a value changes after an action, say so: “Total updated from $40 to $52.” Don’t count on people spotting the difference.

  5. 05

    Announce it to screen readers

    Use a live region or a status role so the change is read aloud without moving focus (WCAG 4.1.3 Status Messages).

  6. AD
    06

    Keep important things out of ad-shaped boxes

    People have learned to skip anything that looks like an advertisement. Don’t put the one thing they need there.

V · Prototypes

An experiment on you

measures younot the page

This one runs here, on this page: it measures you, not a design. Use what it shows you when you review a prototype or a live page with the other tools.

VI · Myths

What people get wrong

The gorilla video shows change blindness
It shows inattentional blindness, missing something unexpected while busy with a task. Change blindness is failing to compare two moments.
Half of people never notice a different person
It was 7 of 15 in one small campus study, and who noticed depended on age and social group.
Experts don’t fall for it
Most radiologists missed a gorilla in a scan, and half of them looked straight at it.
Change blindness causes a known share of accidents
It is a plausible part of “looked but didn’t see” crashes, but no one has measured a percentage.

VII · Sources

The research behind this page

Every figure above comes from one of these 9 sources. The small numbers in the text point here, and each source points back.

  1. Peer-reviewed study

    To see or not to see: the need for attention to perceive changes in scenes

    Rensink, O’Regan and Clark ·

    Psychological Science

    smarter-usa.org · cited in I

  2. Peer-reviewed study

    Failure to detect changes to people during a real-world interaction

    Simons and Levin ·

    Psychonomic Bulletin & Review

    techhouse.org · cited in II

  3. Peer-reviewed study

    Gorillas in our midst: sustained inattentional blindness for dynamic events

    Simons and Chabris ·

    Perception

    chabris.com

  4. Peer-reviewed study

    The invisible gorilla strikes again: sustained inattentional blindness in expert observers

    Drew, Võ and Wolfe ·

    Psychological Science

    pubmed.ncbi.nlm.nih.gov · cited in II

  5. Article

    Banner blindness, human cognition and web design

    Norman

    jnd.org

    jnd.org · cited in III

  6. Guidance

    10 design guidelines for reporting errors in forms

    Nielsen Norman Group

    nngroup.com

  7. Standard

    Understanding WCAG 4.1.3: Status Messages

    W3C

    Web Content Accessibility Guidelines 2.2

    w3.org · cited in III

  8. Standard

    Understanding WCAG 2.2.2: Pause, Stop, Hide

    W3C

    Web Content Accessibility Guidelines 2.2

    w3.org

  9. Standard

    Understanding WCAG 2.3.3: Animation from Interactions

    W3C

    Web Content Accessibility Guidelines 2.2

    w3.org