---
name: banner-blindness
description:
  Los usuarios ignoran elementos que parecen anuncios. Use cuando diseñe CTAs,
  notificaciones importantes, o elementos promocionales dentro de la interfaz.
metadata:
  author: ux-ui-skills
  version: "1.0"
  category: perception
---

# Ceguera a Banners

## Resumen

Los usuarios han aprendido a ignorar todo lo que parece un anuncio, incluso
cuando contiene información relevante. Esto incluye elementos con colores
brillantes, posicionados en zonas típicas de ads, o con formato de banner.

## Origen

- **Autor**: Jan Panero Benway y David M. Lane
- **Año**: 1998
- **Estudio**: Rice University
- **Contexto**: Primeros estudios de usabilidad web

## Fundamento Psicológico

### Atención Selectiva

- El cerebro filtra estímulos irrelevantes
- Patrones aprendidos de "esto es publicidad"
- Foco en tareas, no en distracciones
- Eficiencia cognitiva

### Características Ignoradas

- Posición: Top horizontal, sidebars
- Formato: 728x90, 300x250 (tamaños estándar de ads)
- Visual: Colores muy brillantes, animaciones
- Texto: "Oferta", "Gratis", "Click aquí"

## Aplicación en Diseño

### Evitar Formato de Ad

- No usar tamaños estándar de banners
- Evitar posiciones típicas de publicidad
- Integrar con el contenido principal
- Estilo coherente con la UI

### CTAs Efectivos

- Posición en flujo natural de lectura
- Contexto relevante (tras explicación)
- Diseño integrado, no destacado artificialmente
- Copy claro y específico

### Notificaciones Importantes

- Inline con el contenido
- Estilo subtle pero presente
- Relacionadas con la acción actual
- No parecer promocionales

### Información Crítica

- Nunca en formato de banner
- Integrada en el flujo
- Visible sin parecer ad
- Redundancia en ubicaciones

## Ejemplos

- **Gmail Promotions Tab**: Separado del mail importante
- **Wikipedia Donation Banners**: Ignorados por millones
- **Cookie Notices**: Despedidos sin leer
- **Feature Announcements**: Mejor como tooltips contextuales

## Anti-patterns

- ❌ CTAs que parecen anuncios
- ❌ Información importante en sidebars
- ❌ Notificaciones con colores de alerta constantes
- ❌ Animaciones para llamar atención
- ❌ Posición de elemento basada en "visibilidad" sin contexto

## Métricas

- **Click-Through Rate**: Por posición y estilo
- **Eye Tracking**: Áreas ignoradas
- **Heatmaps**: Zonas frías
- **A/B Testing**: Formato integrado vs banner
- **Task Failure Rate**: Por información ignorada

## Principios Relacionados

- [[von-restorff-effect]] - Destacar sin parecer ad
- [[nielsen-minimalist-design]] - Menos ruido visual
- [[change-blindness]] - Cambios inadvertidos

## Referencias

- Benway, J.P. & Lane, D.M. (1998). "Banner Blindness"
- Burke, M. et al. (2005). "High-Cost Banner Blindness"
- https://www.nngroup.com/articles/banner-blindness-original-eyetracking/