OpenSkillIndex← back to search
claude-codecreative

Claude-skill-registry banner-blindness

Ceguera a Banners

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/banner-blindness" ~/.claude/skills/majiayu000-claude-skill-registry-banner-blindness-77cc33 && rm -rf "$T"
manifest: skills/data/banner-blindness/SKILL.md
tags
#ux-design#ui-design#attention#perception#usability#cognitive-bias
source content

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