AgentSkillsCN

banner-blindness

用户往往会忽略那些看似广告的内容。在设计行动号召按钮、重要通知，或界面中的各类推广元素时，这一原则能够帮助设计师以更巧妙的方式，让这些元素既醒目又不显突兀。

SKILL.md
--- frontmatter
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