Human Attention and Design
Attention Types
Human attention is not a single resource — it has multiple modes, each with distinct characteristics and design implications.
| Attention Type | Description | Design Implication |
|---|---|---|
| Selective (Focused) Attention | Users focus on one thing at a time; everything else fades from awareness. This is why “change blindness” occurs — a user does not notice a change in a part of the screen they are not currently attending to. | Important content must be made salient — through contrast, size, weight, colour, or position. The user’s attention must be directed to the critical element; you cannot assume they will notice it just because it is on the screen. |
| Divided Attention | Performing two tasks simultaneously is hard, error-prone, and fatiguing. Task-switching costs (the cognitive overhead of switching contexts) are real and measurable. | Avoid designs that force users to monitor multiple UI regions simultaneously. If a task requires comparing two pieces of information, place them adjacent so they can be viewed in a single fixation. |
| Sustained Attention (Vigilance) | Attention degrades over time — performance on monitoring tasks drops significantly after 20–30 minutes. | Break long forms, multi-step processes, and monitoring tasks into shorter chunks. Provide clear progress feedback so users know how much remains. |
| Pre-attentive Processing | Certain visual features (colour, size, shape, motion) are processed before conscious attention engages — within 200 ms, without effort. | Use sparingly, for genuinely urgent items only. A single red notification badge is pre-attentively salient. If every element on the screen uses pre-attentive cues — red badges everywhere, multiple animations, competing bold text — the visual hierarchy collapses and nothing is distinguishable. |
Worked Example: Microsoft Teams Notification Badges (2025 Q6)
A red numbered badge on the Activity icon uses pre-attentive colour and numerosity to draw selective attention to unread items — an effective, deliberate application of attention theory. The badge is processed before the user consciously “reads” the interface; they know there is something to attend to without effort.
However, if every icon in the interface carries a badge — Activity, Chat, Teams, Calendar, Files — the visual hierarchy collapses. Nothing is pre-attentively distinguishable any more, because the cue that previously signalled urgency (a red badge) is now everywhere, signalling nothing in particular. Pre-attentive cues only work while they remain rare and contrastive.
Design Principles Derived from Attention Constraints
-
Use visual hierarchy (size, weight, colour, whitespace) to direct attention to the most important element first. The user should be able to answer “what is the main action on this screen?” in under a second.
-
Avoid animating non-critical elements. Movement hijacks selective attention automatically — the visual system is hardwired to orient toward motion. If you animate a decorative background while the user is trying to read a form, you are fighting their attention. Reserve animation for genuinely useful feedback.
-
Reserve pre-attentive cues (red, blinking, bold, motion) for urgent notifications that genuinely require immediate action. If every notification is “urgent,” none are.
-
The Attention Investment Theory (covered in detail later) models users as rational investors of a scarce resource (attention): they will only invest attention where the expected return justifies the cost. An interface that demands attention without delivering value will be abandoned or worked around.
Expected Learning
- Name the four attention types (selective, divided, sustained, pre-attentive) and give a design implication for each.
- Explain why pre-attentive cues only work when rare, with the Teams notification badge example.
- Critique a given interface for attention-design failures (visual hierarchy collapse, unnecessary animation, attention competition).
- Understand that attention is a scarce resource and interfaces compete for it — good design respects this scarcity.
Past Paper Questions
Attention appears in: 2025 Q6 (Microsoft Teams — human attention in notifications and multitasking), 2023 Q5 (CamCORS — cognitive load and information architecture). The topic is a 25/26 syllabus differentiator: expect it to remain examinable.