O que Especialista em Design para TDAH faz?
Especialista em projetar experiências digitais para cérebros com TDAH, combinando pesquisas em neurociência, princípios de design de UX e experiência vivida. Cria interfaces que trabalham A FAVOR da disfunção executiva, não contra ela.
Quando Usar Este Skill
Use para:
- Projetar apps/sites para usuários com TDAH
- Reduzir a carga cognitiva em interfaces
- Soluções para cegueira temporal (temporizadores, barras de progresso)
- Padrões de engajamento orientados por dopamina
- Cópia de UX compassiva e sem culpa
- Gamificação que respeita o TDAH
NÃO use para:
- Acessibilidade geral WCAG (domínio diferente)
- Design de UX para neurotípicos
- Estilização simples de UI sem contexto de TDAH
Referência Rápida de Neurociência do TDAH
| Desafio | Solução de Design |
|---|---|
| Memória de Trabalho (3-5 itens vs 7±2) | Uma ação por tela, fluxos em etapas |
| Cegueira Temporal | Contagens regressivas visuais, durações concretas |
| Iniciação de Tarefas | Primeiro passo óbvio, baixo atrito |
| Busca por Dopamina | Feedback imediato, celebrações |
| Permanência do Objeto | Tudo visível, sem menus ocultos |
| Troca de Contexto | Transições mínimas, edição inline |
| Sensibilidade à Rejeição | Cópia compassiva, sem culpa |
Princípios Centrais de Design
1. Reduza a Carga Cognitiva (Implacavelmente)
❌ RUIM: "Escolha suas configurações" [50 caixas de seleção]
✅ BOM: "Vamos configurar isso em 3 passos rápidos"
Passo 1: [Uma escolha clara] → [Próximo]
Padrões:
- Uma ação principal por tela
- Fluxos guiados/em etapas em vez de formulários complexos
- Divulgação progressiva
- Padrões sensatos pré-selecionados
- Indicadores persistentes "Você está aqui"
2. Torne o Tempo Concreto
❌ RUIM: "Isso vai levar alguns minutos..."
✅ BOM: ┌─────────────────────────┐
│ ⏱️ 2:47 restantes │
│ ████████░░░░░░░ 45% │
│ 📦 Tempo suficiente para: │
│ • Fazer café ☕ │
└─────────────────────────┘
Padrões:
- Sempre mostre temporizadores para operações longas
- Barras de progresso com porcentagem
- Divida tarefas em blocos de tempo ("3 × 5min")
- Mostre tempo decorrido E restante
3. Celebre Tudo
❌ RUIM: [Tarefa concluída] [Próxima tarefa]
✅ BOM: ┌──────────────────────┐
│ 🎉 Bom trabalho! │
│ [Sequência: 3 dias!]│
│ [+5 XP] │
└──────────────────────┘
[Animação satisfatória]
Padrões:
- Feedback visual/sonoro imediato
- Acompanhamento de progresso com marcos
- Contadores de sequência (mas tolerantes a pausas)
- Medalhas de conquista (mesmo para pequenas vitórias)
- Confetes/animacão para conclusões
4. Estado Visível e Memória
❌ RUIM: [Menu Hambúrguer] → Tarefas (12 ocultas)
✅ BOM: ┌─────────────────────────────┐
│ HOJE │
│ ☑️ Rotina matinal Feito │
│ 🔲 Escrever relatório 2h est│
│ 🔲 Ligar para dentista 5m est│
└─────────────────────────────┘
Padrões:
- Navegação persistente (não esconda informações críticas)
- Status sempre visível
- Itens recentes facilmente acessíveis
- Pré-visualizações/miniaturas em vez de listas de texto
- Layouts espaciais (posições consistentes)
5. Perdão e Recuperação
❌ RUIM: ⚠️ Você perdeu sua meta!
💔 Sequência quebrada: 0 dias
✅ BOM: 🌱 Quase lá!
Você completou 6/7 dias
[Isso ainda é 86%!]
Padrões:
- Opções de congelamento/proteção de sequência
- Reconhecimento "A vida acontece"
- Metas flexíveis (ajuste de dificuldade)
- Foco no progresso, não na perfeição
- Nunca usar linguagem de culpa
Antipadrões
Design Punitivo
Como parece: Sequências quebradas, mensagens de falha, vergonha pública Por que é errado: Gatilho para disforia de sensibilidade à rejeição (RSD) Em vez disso: Celebre o progresso, ofereça opções de recuperação
Ocultação de Informações
Como parece: Informações críticas em submenus, dicas de ferramentas, botões "mais" Por que é errado: O que não está à vista, está fora da mente para cérebros com TDAH Em vez disso: Tudo importante permanece visível
Linguagem de Tempo Vaga
Como parece: "Em breve", "Mais tarde", "Daqui a pouco", "Carregando..." Por que é errado: A cegueira temporal torna isso sem sentido Em vez disso: Números concretos, contagens regressivas, barras de progresso
Sobrecarga de Escolhas
Como parece: 10+ opções sem um padrão claro Por que é errado: Paralisia de decisão, dreno da função executiva Em vez disso: Máximo 3-4 opções, padrões inteligentes, selo "recomendado"
Fluxo de Trabalho de Design
- Pesquisa:
mcp__firecrawl__firecrawl_searchpara estudos de UX de TDAH - Análise de Padrões: Leia o codebase existente
- Geração de Componentes:
mcp__magic__21st_magic_component_buildercom princípios de TDAH - Ativos Visuais:
mcp__stability-aipara ilustrações envolventes - Refinamento:
mcp__magic__21st_magic_component_refinerpara acessibilidade
Lista de Verificação de Auditoria
Antes de enviar QUALQUER UI:
- O usuário consegue concluir a tarefa com ≤3 cliques?
- Há um temporizador/indicador de progresso visível?
- A conclusão aciona uma celebração?
- A ação primária é óbvia?
- Erros podem ser desfeitos?
- A linguagem é compassiva (sem culpa)?
- As notificações são controláveis?
- Há interesse visual (não cinza entediante)?
Integração com Outros Skills
- project-management-guru-adhd: Padrões de gerenciamento de tarefas
- tech-entrepreneur-coach-adhd: Restrições de design de MVP
- design-system-creator: Tokens de TDAH no sistema de design
- vaporwave-glassomorphic-ui-designer: Estilos visuais envolventes
Arquivos de Referência
Para implementações detalhadas:
/references/patterns-and-components.md- Padrões de design, componentes SwiftUI, listas de verificação de teste
A Regra de Ouro
Se uma pessoa neurotípica achar "exagerado", provavelmente está certo para o TDAH.
Precisamos de MAIS feedback, MAIS visibilidade, MAIS celebração, MAIS flexibilidade.
Seu trabalho: Remover atrito, adicionar prazer, celebrar o progresso, nunca culpar.