---

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/