Attention & Focus
Selective Attention
Users focus on stimuli relevant to their current goal.
In practice
Takeaways
- 1
Everything visible competes for attention.
- 2
Mute secondary information with size, color, and placement.
- 3
Design for goal-driven scanning, not full-page reading.
Origins
Selective attention is the brain’s filter for what matters right now. Users ignore most of what is on screen unless it maps to their immediate task — a phenomenon familiar to anyone who has watched banner areas go unseen.
Strong hierarchy helps the right element win that competition.
Design Applications
- Emphasize one primary metric or action per view.
- Reduce decorative motion on task-focused screens.
- Place supporting details below the main decision point.
Frequently Asked Questions
Further Reading
Related Principles
View all ›Visual Hierarchy & Perception
Von Restorff Effect
Distinct items among similar ones are remembered best.
Learn more ›Cognitive Load & Decision Making
Cognitive Load
Mental effort required to use an interface should be minimized.
Learn more ›System Design Principles
Pareto Principle
Roughly 80% of outcomes come from 20% of causes.
Learn more ›Tools worth a look
Some links are affiliate links — see disclosure.
- Free plan
Cal.com
Scheduling without the back-and-forth
Learn more (opens in new tab) - AI dictation
Wispr Flow
Write by voice, 3× faster
Learn more (opens in new tab) - Free to start
beehiiv
Start a design newsletter
Learn more (opens in new tab) - Free plan
Granola
AI notes for research calls
Learn more (opens in new tab)