Selective Attention
Focused attention makes people miss things in plain sight, including changes to the interface they are using.
Definition
Attention is a limited resource allocated to a task. Simons and Chabris demonstrated inattentional blindness, where focused observers fail to notice an unexpected and highly visible event. The related phenomenon of change blindness means people frequently fail to detect changes to a scene between views.
Established research. Originates in published research and has been replicated. The effect is real. Its size in your product still needs measuring.
On this plate
Reach for this when
- Designing notifications and alerts.
- Content that updates while the user is reading.
- Diagnosing why users miss an on-screen message.
Common mistakes
- Making a missed message bigger rather than moving it.
- Auto-updating content under the user's cursor or reading position.
- Relying on colour or peripheral placement for urgent information.
- Concluding that people are careless, when the design placed the information outside where they were looking.
Why interfaces suffer from it
A user completing a task has attention allocated to that task. Anything outside it, including a message you consider urgent, may genuinely not be perceived. This is not carelessness and it cannot be fixed by making the message larger, because size is not the variable that governs it.
Change blindness compounds it. If content updates while the user's attention is elsewhere, they often do not notice the change happened, only that the state is now unexpected.
Working with attention rather than against it
- Place critical information on the path of the task, not adjacent to it.
- Use motion sparingly, since it is the one cue that reliably captures attention and therefore the one that should be reserved.
- When content changes in place, mark the change: highlight it briefly, or state what changed.
- Announce important dynamic changes to assistive technology, which otherwise gets nothing.
- Do not depend on peripheral indicators for anything the user must act on.
Placing something that must be noticed
Do
- Put it where the action happened, within the area of focus.
- Attach it to the element it concerns rather than to the page.
- Move focus to it when it interrupts the task, and announce it to assistive technology.
- Keep it until it is acted on, if acting on it matters.
Do not
- Put a required message in a corner, where nothing about the task is happening.
- Rely on a toast for anything the reader must not miss.
- Assume a change below the fold will be noticed because it is large.
- Add motion to make something noticed, then use motion everywhere else too.
In practice
- i.
Missed inline validation
FormsAn error appearing below a field the user has already left is frequently missed. Moving focus, or summarising errors at the point of submission, is what actually gets it seen.
- ii.
Silent background updates
Dashboards and feedsContent refreshing beneath the user's attention produces confusion rather than currency. A 'new items available' control that the user triggers preserves their model of the page.
- iii.
Validation in the corner
Outside the focus areaAn error appeared as a toast in the top right while the reader was typing near the bottom of a long form. Reported as the form not working, which from where they were looking is exactly what happened.
Local chart
PSY·004 · Region I · Grid A1
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Sources
Where a source establishes something narrower than the popular reading of it, the note says so.
- [1]
Gorillas in our midst: sustained inattentional blindness for dynamic events
D. J. Simons and C. F. Chabris, Perception, 1999
- [2]
Change blindness
D. J. Simons and D. T. Levin, Trends in Cognitive Sciences, 1997
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Applies when you are designing
Explains
The mechanism underneath these entries.
- Status Messages and Live RegionsA11Y·009 · Accessibility
A message outside the area of focus is routinely missed, which is why confirmation belongs where the action happened.
- Visibility of System StatusHEUR·001 · Heuristic
- Von Restorff EffectLAW·009 · Law
Applied through
Where this shows up as a concrete interface decision.
- CarouselCMP·027 · Component
- NotificationsPAT·015 · Pattern
- Eye TrackingRES·017 · Research method
- MotionFND·052 · UI foundation
- Notification CopyWRT·013 · UX writing
Practical example
A worked decision where this was the deciding factor.
- Reducing Notification Volume Without Losing SignalCASE·007 · Case study
Related concept
Connected closely enough to change how you apply this.
- Reduced MotionA11Y·012 · Accessibility
- Banner BlindnessPSY·003 · Psychology
- Cognitive LoadPSY·001 · Psychology
- FlowPSY·005 · Psychology