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
I · The flicker
Eighty milliseconds of nothing
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
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
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
- 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.
- 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).
- 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.
- 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.
- 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).
- 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
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.
Peer-reviewed study
To see or not to see: the need for attention to perceive changes in scenes·
Psychological Science
Peer-reviewed study
Failure to detect changes to people during a real-world interaction·
Psychonomic Bulletin & Review
Peer-reviewed study
Gorillas in our midst: sustained inattentional blindness for dynamic events·
Perception
Peer-reviewed study
The invisible gorilla strikes again: sustained inattentional blindness in expert observers·
Psychological Science
Article
Banner blindness, human cognition and web designjnd.org
Guidance
10 design guidelines for reporting errors in formsStandard
Understanding WCAG 4.1.3: Status MessagesWeb Content Accessibility Guidelines 2.2
Standard
Understanding WCAG 2.2.2: Pause, Stop, HideWeb Content Accessibility Guidelines 2.2
Standard
Understanding WCAG 2.3.3: Animation from InteractionsWeb Content Accessibility Guidelines 2.2