Skip to content
UX Atlas
PsychologyEstablished researchFoundational

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 page
  1. Definition
  2. It is triggered by form, not by content
  3. Triggers to avoid for content that matters
  4. In practice
  5. Sources
  6. Continue from here

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.

In practice

Homepage carousels

Marketing sites

Carousel 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.

In-app announcements

SaaS

A 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.

Sources

Where a source establishes something narrower than the popular reading of it, the note says so.

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.

Applied through

Where this shows up as a concrete interface decision.

Short definition

The one-paragraph version, for when that is all you need.

Related concept

Connected closely enough to change how you apply this.