majiayu000 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/