cognitive psychology
Banner blindness
What is banner blindness?
Banner blindness is the learned habit of ignoring anything that looks like an advert. Years of scanning past flashy, boxed-off, brightly coloured promotional content have trained people to filter out those regions automatically - so much so that they'll miss genuinely useful information if it happens to be styled like an ad.
Also known as: banner blindness, ad blindness
Prefer to watch?
Watch the recap 0:55
The demo
Your task: find the delivery cut-off time on this page. The exact same fact is on both versions - but in one it's dressed like an advert. See which one you actually read.
What this demo shows (text version)
The task is to find the delivery cut-off time on a mock page. The same fact appears in both versions. In "styled like an ad" mode it sits in a bright, boxed banner in a classic promo position, and people's trained filters skip straight past it while they hunt through the body text. In "styled as content" mode the identical fact is plain text in the main reading flow, and it's spotted almost immediately.
That's banner blindness: people have learned to ignore anything that looks like an advert, and that filter catches genuinely useful content styled the same way. The fix is to make important information look like content - plain, in the reading path, away from ad-shaped boxes and slots - rather than dressing it up like marketing.
People don't just ignore ads; they ignore anything that looks like one. Big colourful boxes, banner-shaped regions, animated promos, anything tucked in the usual "ad" spots (top strip, right rail) gets filtered out before it's even read. The trap is that this catches your real content too: style an important message like a promo and people will scan straight past it. So make must-see information look like part of the content - plain, in the reading path, not boxed off and "designed" like marketing - because ad-like styling is a fast route to being unseen.
Styled like an ad - boxed, bright, off to the side - the message got skipped, even though it was exactly what you needed. Restyled as plain content in the flow, you found it at once. That's banner blindness: people filter out ad-shaped regions on sight. The lesson is uncomfortable for anyone who likes a "designed" callout - the more your important notice looks like marketing, the less it gets read.
Banner blindness is learned selective attention: people build a mental model of where ads live and what they look like, then pre-emptively skip those areas while hunting for content. Eye-tracking shows gaze actively routing around banner zones - the top strip, the right-hand column, large coloured rectangles - so the content there isn't squinted at and rejected; it's never fixated on at all.
The cruel twist is collateral damage: anything dressed as promotional gets the same treatment, ads or not. Important notices, calls to action, even key instructions can vanish if they're boxed off, over-styled, animated, or parked in an ad-like location. It's a specific, well-evidenced case of inattentional and selective attention, shaped by years of exposure to advertising.
To beat it, make important content look like content. Keep must-see information in the main reading column and the natural task path, use plain styling rather than promo-flavoured boxes and colours, avoid the classic ad slots and ad dimensions, and don't animate it. The closer something looks to an advert, the more reliably people's trained filters will skip it - so design key messages to read as part of the page, not as marketing bolted on.