Memory & attention

Banner Blindness

Also known as Ad blindness

Users learn to ignore anything that looks like an advertisement, including real content that happens to be styled or placed like an ad.

Experience · UX & Design Science2 research sources
Share
A page where gaze moves through the content while the banner and sidebar ad fade out of attention — an illustration of Banner Blindness.

See it in action

The same screen without and with Banner Blindness. Watch both sides play out, then compare the outcome.

Important message styled like an ad★ YOUR TRIAL ENDS TOMORROW ★Export your data now!

Eye-tracking style fixations skip the banner entirely: it looks like advertising, so it's ignored.

Inline, in the content's own styleYour trial ends tomorrowExport your projects to keep them →

Placed in the reading flow and styled like the content, the notice gets read.

What to watch: the gold fixation dots — they never land on the ad-like banner.

Do

Put critical messages in the content area, in the product's own visual language.

Don’t

Use banner shapes, ad positions, flashing or ALL CAPS for anything people must read.

Key takeaways

  • Do not style important content like ads.
  • Avoid placing key information in typical ad locations such as sidebars and top banners.
  • Integrate important messages into the flow of content and tasks.

Quick facts

Also known as
Ad blindness
Described by
Jan Panero Benway & David Lane
Year
1998
Category
Memory & attention

Banner Blindness explained

Banner blindness is a learned behaviour. After years of encountering ads, users have learned that certain shapes, colours and positions rarely contain useful information, so they skip them automatically.

The effect applies to anything that resembles an ad: horizontal banners, sidebar boxes, animated elements, stock images and overly promotional language.

This means that making something bigger and brighter can make it less noticed, not more, if it starts to look like advertising.

Where it comes from

Jan Panero Benway and David Lane described banner blindness in 1998 after observing that users frequently missed prominent banner-style information on websites. Later eye-tracking studies by the Nielsen Norman Group confirmed that users rarely look at ad-like elements.

How it shows up in apps

Promotional banners, coloured boxes in sidebars and flashy announcements are often ignored. Important notices, onboarding hints and feature announcements styled like ads may never be seen.

Banner Blindness examples

A SaaS dashboard announces a critical billing change in a bright banner at the top of the page. Most users scroll past without reading it. Moving the message into an inline notice next to the billing settings gets it read.

  • Missed announcements

    Feature announcements placed in top banners often get low engagement, while contextual tips near the relevant feature perform better.

  • Sidebar content

    Useful links and offers placed in a right-hand sidebar are often ignored because users associate that area with ads.

  • In-feed integration

    Messages styled like native content within a feed are noticed more, which is why platforms must clearly label sponsored content.

How to apply Banner Blindness

  1. Place important information within the main content area and task flow.
  2. Avoid ad-like styling such as animated banners and promotional imagery.
  3. Use plain, informative language rather than marketing speak.
  4. Show messages in context, near the feature they relate to.
  5. Test whether users actually notice key messages.

Want Banner Blindness checked in your own product? Our saas ux audit evaluates it alongside the other principles that shape how users decide, onboard and stay.

Common mistakes

  • Putting critical notices in banners that look like ads.
  • Using flashing or animated elements to grab attention.
  • Disguising ads as content, which is deceptive.

How to measure it

Eye-tracking, heatmaps and click-through rates reveal whether users notice key messages. Compare engagement for banner placements versus inline, contextual placements.

Frequently asked questions

What is Banner Blindness?

Users learn to ignore anything that looks like an advertisement, including real content that happens to be styled or placed like an ad.

Where does Banner Blindness come from?

Jan Panero Benway and David Lane described banner blindness in 1998 after observing that users frequently missed prominent banner-style information on websites. Later eye-tracking studies by the Nielsen Norman Group confirmed that users rarely look at ad-like elements.

How does Banner Blindness apply to app design?

Promotional banners, coloured boxes in sidebars and flashy announcements are often ignored. Important notices, onboarding hints and feature announcements styled like ads may never be seen.

Why do users ignore banners?

Because they have learned that banner-style elements are usually ads, they automatically filter them out to focus on their task.

How can you avoid banner blindness?

Place important content in context, avoid ad-like styling and use clear, non-promotional language.

How do you measure Banner Blindness in a product?

Eye-tracking, heatmaps and click-through rates reveal whether users notice key messages. Compare engagement for banner placements versus inline, contextual placements.

Sources

  1. Benway, J. P., & Lane, D. M. (1998). Banner blindness: Web searchers often miss 'obvious' links. Internetworking, 1(3). Find on Google Scholar ↗
  2. Pernice, K. (2018). Banner Blindness Revisited: Users Dodge Ads on Mobile and Desktop. Nielsen Norman Group. Find on Google Scholar ↗

View all 60 laws of UX

Keep exploring

Banner Blindness in practice

Pass it on

Teach this to your team

Share it before your next design review — a shared vocabulary makes product decisions faster.

Join free

Get the ideas, not the noise.

Sign up with Google and we’ll send you short UX psychology tips by email — why people tap, stall and leave, and what to do about it. Unsubscribe anytime. Prefer something to keep? Get the free Laws of UX guide as a PDF.

Get the free Laws of UX PDFFree · no spam · unsubscribe anytime
Free certification

Can you apply Banner Blindness under pressure?

Test it in 18 real product scenarios in the free Product Design Science test. Score 70% and earn a founder-signed certificate anyone can verify.

  • Credential ID
  • QR verification
  • LinkedIn-ready
Free PDF · 74 pages · 2 editions

The Laws of UX, in one field guide

60 research-backed principles in 6 categories — what each one means, why it works on the human brain and how to use it on your own screens. Written by Sushant Singh, founder of Science of Apps, who has scaled consumer apps to lacs of users and spent 10+ years leading product across startups and digital businesses in the US, EU & India.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 74 pages

Get Laws of UX by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy

Free PDF · 90 pages · 2 editions

100+ Subscription Paywalls, decoded

110 real paywalls from top apps, taken apart, rated out of 5 and decoded with the Laws of UX — plus the frameworks, copy and checklists to ship your own. By Sushant Singh, founder of Science of Apps.

  • 110 paywalls rated
  • 34 Laws of UX
  • 12 frameworks

Which paywall scored 4.8 out of 5, and which scored 2.6? It’s all inside.

Pick your edition
Free. No card, no paywall — just your email.
Free PDF · 90 pages

Get 100+ Paywalls, Decoded by email

Choose your edition

You’ll also get occasional UX psychology tips. Unsubscribe anytime. Privacy policy