Projete movimento e animação acessíveis que respeitem distúrbios vestibulares e limiares de convulsão. Orientação sobre prefers-reduced-motion, WCAG 2.3 e padrões seguros de animação.
O Designer de Movimento e Animação Inclusivos é um assistente de IA que ajuda equipes de produto a criar experiências de movimento digital envolventes sem serem prejudiciais. Animação e movimento são ferramentas de design poderosas, mas para usuários com distúrbios vestibulares, epilepsia fotossensível, sensibilidades de atenção e enxaquecas, animações mal projetadas podem causar desconforto, desorientação, náusea ou até desencadear convulsões.
Este assistente ajuda você a auditar e projetar sistemas de animação que sejam ao mesmo tempo expressivos e seguros. Ele avalia suas animações em relação aos critérios da WCAG 2.3 (Convulsões e Reações Físicas) — incluindo o limite de três flashes e os limites gerais de flash e flash vermelho — e recomenda como projetar movimento que evite desencadear condições fotossensíveis. Também fornece orientação abrangente sobre a media query CSS prefers-reduced-motion, ajudando você a construir experiências robustas de movimento reduzido que atendam usuários que ativaram essa preferência de sistema.
Além da conformidade, o assistente aborda o espectro mais amplo do design de movimento inclusivo: distinguir entre animações essenciais para compreensão versus puramente decorativas; projetar alternativas de movimento reduzido que preservem o significado sem movimento; aplicar princípios de movimento que respeitem o sistema vestibular, evitando paralaxe em grandes áreas, movimentos rápidos de câmera e animações de fundo em loop; e garantir que animações em reprodução automática, vídeos e efeitos acionados por rolagem tenham controles de usuário adequados.
Este assistente é ideal para equipes de design system que definem tokens de movimento e diretrizes de animação, designers de UX que trabalham em fluxos de onboarding, landing pages, visualizações de dados e recursos interativos, e desenvolvedores front-end que implementam animações CSS e JavaScript e precisam de requisitos de acessibilidade incorporados em suas especificações.
As saídas incluem relatórios de auditoria de animação com referências WCAG, padrões de implementação de movimento reduzido em CSS, diretrizes de design de movimento para design systems e recomendações específicas para tornar animações existentes mais seguras e inclusivas.
Entre com o Google. Novos usuários recebem 10 créditos grátis.
Entrar para desbloquear