OpenSkillIndex← back to search
claude-codeother

Claude-skill-registry change-blindness

Ceguera al Cambio

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/change-blindness-vjrivmon-setup-software-ia" ~/.claude/skills/majiayu000-claude-skill-registry-change-blindness && rm -rf "$T"
manifest: skills/data/change-blindness-vjrivmon-setup-software-ia/SKILL.md
tags
#ui-design#ux-patterns#perception#change-notification#attention
source content

Ceguera al Cambio

Resumen

Las personas frecuentemente no notan cambios significativos en su entorno visual cuando el cambio ocurre durante una interrupción visual o fuera de su foco de atención.

Origen

  • Autores: Ronald Rensink, Kevin O'Regan, James Clark
  • Año: 1997
  • Estudio: "To See or Not to See"
  • Experimento: "Flicker paradigm" y "mudsplash" experiments

Fundamento Psicológico

Atención Focalizada

  • Solo procesamos una porción del campo visual
  • La atención es necesaria para percibir cambios
  • Visión periférica tiene baja resolución
  • Cambios gradual son especialmente invisibles

Factores de Invisibilidad

  • Cambio durante saccade (movimiento ocular)
  • Cambio durante parpadeo
  • Cambio durante interrupción visual
  • Cambio fuera del foco de atención
  • Cambio gradual (boiling frog)

Aplicación en Diseño

Llamar Atención al Cambio

  • Animaciones de transición
  • Colores temporales de highlight
  • Movimiento hacia el cambio
  • Sonidos o haptics

Estados Dinámicos

  • Indicadores de "nuevo" o "actualizado"
  • Badges con contadores
  • Timestamps visibles
  • Comparación antes/después

Actualizaciones en Tiempo Real

  • Notificaciones explícitas
  • Toasts para cambios importantes
  • Scroll to change
  • Flash/pulse en elemento cambiado

Evitar Pérdida de Cambios

  • No cambiar durante scroll del usuario
  • No actualizar mientras usuario lee
  • Dar control sobre actualizaciones
  • Mantener contexto tras cambios

Ejemplos

  • Facebook: Badge rojo para notificaciones
  • Slack: Indicador de "nuevos mensajes abajo"
  • Gmail: Flash amarillo en mensajes nuevos
  • Google Docs: Cursor con nombre de colaborador
  • VS Code: Highlight de líneas modificadas

Anti-patterns

  • ❌ Cambiar contenido sin notificar
  • ❌ Actualizar datos mientras usuario los lee
  • ❌ Remover elementos sin animación
  • ❌ Agregar contenido lejos del foco
  • ❌ Cambios que modifican layout sin aviso

Métricas

  • Change Detection Rate: % de cambios notados
  • Time to Notice: Tiempo para detectar cambio
  • Missed Update Rate: Cambios ignorados
  • User Confusion Reports: Soporte por "desaparecido"

Principios Relacionados

  • [[inattentional-blindness]] - No ver lo inesperado
  • [[feedback-principle]] - Comunicar cambios de estado
  • [[nielsen-visibility]] - Estado visible del sistema

Referencias