Banner Blindness
People learn to ignore anything that looks like an advertisement, including your own content when it looks like one.
Definition
First reported by Benway and Lane in 1998 and repeatedly confirmed by eye-tracking studies, banner blindness is the tendency to consciously or unconsciously ignore regions of a page that resemble advertising, based on position, styling and shape rather than content.
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
- Placing announcements, promotions or onboarding prompts.
- Diagnosing why an important message is being missed.
- Reviewing homepage or dashboard layout.
- Something important has to be communicated on a page people already know well.
Common mistakes
- Increasing visual intensity to fight the effect, which strengthens it.
- Placing required actions in advertising-shaped regions.
- Carousels for anything that matters.
It is triggered by form, not by content
Users do not read the banner and decide to skip it. They classify it by shape, position and styling before reading, and skip it on that basis. This is why genuinely useful content styled like an advertisement gets ignored too.
The effect has broadened over time. Eye-tracking work by Nielsen Norman Group has shown it extending to anything that resembles promotional content, including internal announcements and onboarding prompts.
Triggers to avoid for content that matters
- Standard advertising dimensions, particularly a wide short rectangle at the top of a page or a tall narrow one at the right.
- Bright saturated colour that does not appear elsewhere in the interface.
- Animation, carousels and anything that rotates on a timer.
- Sitting outside the main content column.
- Stock photography of people smiling at nothing.
- Copy in marketing voice inside an application.
Do
- Place important messages inside the content flow, styled as content.
- Use the same typography and colour language as the surrounding interface.
- Anchor announcements to the point in the task where they are relevant.
Do not
- Put critical information in a homepage carousel.
- Use a bright banner to communicate a required action.
- Assume that increasing visual intensity increases attention. It often does the opposite.
Form triggers the blindness, not content
These are the properties that get a region skipped, regardless of how useful what is inside it happens to be.
| Property | Why it gets skipped |
|---|---|
| Placed in a known advert position | Learned avoidance, built over years elsewhere |
| Full-width coloured band | Reads as promotional furniture, not content |
| Animated or rotating | Motion in a peripheral region is a strong advert signal |
| Styled unlike the surrounding content | Visual separation reads as commercial separation |
| Dismissible with an X | The X is found before the message is read |
In practice
- i.
Homepage carousels
Marketing sitesCarousel slides beyond the first receive very little engagement, and the region as a whole is frequently skipped. Static content in the same space consistently performs better.
- ii.
In-app announcements
SaaSA brightly coloured announcement bar at the top of an application is read as an advertisement and dismissed unread. The same message rendered as an inline note beside the relevant control gets read.
- iii.
The outage notice nobody saw
Important content in an advert costumeA service status message sat in a full-width coloured bar at the top of the page. Support volume during the outage suggested almost nobody read it, because it had every visual property of a promotion.
Local chart
PSY·003 · Region I · Grid A2
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]
Banner blindness: web searchers often miss obvious links
J. P. Benway and D. M. Lane, Internetworking, 1998
- [2]
Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop
Nielsen Norman Group, 2018
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.
Explains
The mechanism underneath these entries.
- CarouselCMP·027 · Component
Rotating promotional content is the canonical case of a region people learn to ignore.
- Aesthetic and Minimalist DesignHEUR·008 · Heuristic
- Von Restorff EffectLAW·009 · Law
Applied through
Where this shows up as a concrete interface decision.
- Empty StatesPAT·010 · Pattern
- NotificationsPAT·015 · Pattern
- Eye TrackingRES·017 · Research method
- ImageryFND·051 · UI foundation
- Visual HierarchyFND·001 · UI foundation
- Notification CopyWRT·013 · UX writing
Short definition
The one-paragraph version, for when that is all you need.
- Above the FoldTERM·046 · Term
Related concept
Connected closely enough to change how you apply this.
- Selective AttentionPSY·004 · Psychology