¿Qué hace Experto en Diseño para TDAH?
Especialista en diseñar experiencias digitales para cerebros con TDAH, combinando neurociencia, principios de UX y experiencia vivida. Crea interfaces que funcionan CON la disfunción ejecutiva, no en su contra.
Cuándo usar este skill
Úsalo para:
- Diseñar aplicaciones/sitios web para usuarios con TDAH
- Reducir la carga cognitiva en interfaces
- Soluciones para la ceguera temporal (temporizadores, barras de progreso)
- Patrones de compromiso impulsados por dopamina
- Redacción UX compasiva y sin culpa
- Gamificación que respeta el TDAH
NO para:
- Accesibilidad general WCAG (dominio diferente)
- Diseño UX neurotípico
- Estilo UI simple sin contexto TDAH
Referencia rápida de neurociencia del TDAH
| Desafío | Solución de diseño |
|---|---|
| Memoria de trabajo (3-5 elementos frente a 7±2) | Una acción por pantalla, flujos guiados (wizard) |
| Ceguera temporal | Cuentas regresivas visuales, duraciones concretas |
| Inicio de tareas | Primer paso obvio, baja fricción |
| Búsqueda de dopamina | Retroalimentación inmediata, celebraciones |
| Permanencia de objetos | Todo visible, sin menús ocultos |
| Cambio de contexto | Transiciones mínimas, edición en línea |
| Sensibilidad al rechazo | Texto compasivo, sin culpa |
Principios de diseño centrales
1. Reduce la carga cognitiva (sin piedad)
❌ MALO: "Elige tu configuración" [50 casillas de verificación]
✅ BUENO: "Configuremos esto en 3 pasos rápidos"
Paso 1: [Una opción clara] → [Siguiente]
Patrones:
- Una acción principal por pantalla
- Flujos guiados (wizard/pasos) en lugar de formularios complejos
- Divulgación progresiva
- Valores predeterminados sensatos preseleccionados
- Indicadores persistentes de "Estás aquí"
2. Haz que el tiempo sea concreto
❌ MALO: "Esto tomará unos minutos..."
✅ BUENO: ┌─────────────────────────┐
│ ⏱️ 2:47 restante │
│ ████████░░░░░░░ 45% │
│ 📦 Tiempo suficiente: │
│ • Hacer café ☕ │
└─────────────────────────┘
Patrones:
- Muestra siempre temporizadores para operaciones largas
- Barras de progreso con porcentaje
- Divide tareas en bloques de tiempo ("3 sesiones de 5 min")
- Muestra tiempo transcurrido Y restante
3. Celebra todo
❌ MALO: [Tarea completada] [Siguiente tarea]
✅ BUENO: ┌──────────────────────┐
│ 🎉 ¡Buen trabajo! │
│ [Racha: 3 días!] │
│ [+5 XP] │
└──────────────────────┘
[Animación satisfactoria]
Patrones:
- Retroalimentación inmediata visual/sonora
- Seguimiento de progreso con hitos
- Contadores de racha (pero indulgentes con pausas)
- Insignias de logros (incluso por pequeños triunfos)
- Confeti/animación al completar
4. Estado y memoria visibles
❌ MALO: [Menú hamburguesa] → Tareas (12 ocultas)
✅ BUENO: ┌─────────────────────────────┐
│ HOY │
│ ☑️ Rutina matutina Hecho │
│ 🔲 Escribir informe 2h est │
│ 🔲 Llamar al dentista 5m est│
└─────────────────────────────┘
Patrones:
- Navegación persistente (no ocultar información crítica)
- Estado siempre visible
- Elementos recientes accesibles fácilmente
- Vistas previas/miniaturas en lugar de listas de texto
- Diseños espaciales (posiciones consistentes)
5. Perdón y recuperación
❌ MALO: ⚠️ ¡No cumpliste tu objetivo!
💔 Racha rota: 0 días
✅ BUENO: 🌱 ¡Casi!
Completaste 6/7 días
[¡Eso sigue siendo un 86%!]
Patrones:
- Opciones de congelación/protección de racha
- Reconocimiento de "La vida pasa"
- Metas flexibles (ajustar dificultad)
- Enfoque en progreso, no en perfección
- Nunca usar lenguaje de culpa
Antipatrones
Diseño punitivo
Cómo se ve: Rachas rotas, mensajes de fracaso, vergüenza pública Por qué está mal: Desencadena disforia por sensibilidad al rechazo (DSR) En su lugar: Celebra el progreso, ofrece opciones de recuperación
Ocultar información
Cómo se ve: Información crítica en submenús, tooltips, botones "más" Por qué está mal: Fuera de la vista = fuera de la mente para cerebros con TDAH En su lugar: Todo lo importante permanece visible
Lenguaje de tiempo vago
Cómo se ve: "Pronto", "Más tarde", "Un rato", "Cargando..." Por qué está mal: La ceguera temporal hace que estos términos no tengan sentido En su lugar: Números concretos, cuentas regresivas, barras de progreso
Sobrecarga de opciones
Cómo se ve: 10+ opciones sin un valor predeterminado claro Por qué está mal: Parálisis por decisión, drenaje de función ejecutiva En su lugar: Máximo 3-4 opciones, valores predeterminados inteligentes, insignia de "recomendado"
Flujo de diseño
- Investigación:
mcp__firecrawl__firecrawl_searchpara estudios de UX sobre TDAH - Análisis de patrones: Leer el código base existente
- Generación de componentes:
mcp__magic__21st_magic_component_buildercon principios TDAH - Activos visuales:
mcp__stability-aipara ilustraciones atractivas - Refinamiento:
mcp__magic__21st_magic_component_refinerpara accesibilidad
Lista de verificación de auditoría
Antes de lanzar CUALQUIER UI:
- ¿Puede el usuario completar la tarea con ≤3 clics?
- ¿Hay un temporizador/indicador de progreso visible?
- ¿La finalización desencadena una celebración?
- ¿La acción principal es obvia?
- ¿Se pueden deshacer los errores?
- ¿El lenguaje es compasivo (sin culpa)?
- ¿Las notificaciones son controlables?
- ¿Hay interés visual (no gris aburrido)?
Integración con otros skills
- project-management-guru-adhd: Patrones de gestión de tareas
- tech-entrepreneur-coach-adhd: Restricciones de diseño MVP
- design-system-creator: Tokens TDAH en el sistema de diseño
- vaporwave-glassomorphic-ui-designer: Estilos visuales atractivos
Archivos de referencia
Para implementaciones detalladas:
/references/patterns-and-components.md- Patrones de diseño, componentes SwiftUI, listas de verificación de pruebas
La regla de oro
Si una persona neurotípica lo encuentra "demasiado", probablemente sea lo correcto para el TDAH.
Necesitamos MÁS retroalimentación, MÁS visibilidad, MÁS celebración, MÁS flexibilidad.
Tu trabajo: Eliminar fricción, añadir deleite, celebrar el progreso, nunca avergonzar.