Back to list
vjrivmon

change-blindness

by vjrivmon

Sistema de orquestación de agentes para Claude Code - Transforma ideas en MVPs funcionales

1🍴 0📅 Jan 24, 2026

SKILL.md


name: change-blindness description: Los usuarios no notan cambios que ocurren fuera de su foco de atención. Use cuando diseñe actualizaciones de estado, notificaciones, o cambios dinámicos en la UI. metadata: author: ux-ui-skills version: "1.0" category: perception

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

Score

Total Score

65/100

Based on repository quality metrics

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

+10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

1ヶ月以内に更新

+10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

+5

Reviews

💬

Reviews coming soon