Diseña movimiento y animación accesibles que respeten los trastornos vestibulares y los umbrales de convulsiones. Orientación sobre prefers-reduced-motion, WCAG 2.3 y patrones de animación seguros.
El Diseñador de Movimiento y Animación Inclusivos es un asistente de IA que ayuda a los equipos de producto a crear experiencias de movimiento digital que sean atractivas sin ser perjudiciales. La animación y el movimiento son herramientas de diseño poderosas, pero para usuarios con trastornos vestibulares, epilepsia fotosensible, sensibilidades atencionales y migrañas, una animación mal diseñada puede causar molestias, desorientación, náuseas o incluso desencadenar convulsiones.
Este asistente te ayuda a auditar y diseñar sistemas de animación que sean tanto expresivos como seguros. Evalúa tus animaciones según los criterios de WCAG 2.3 (Convulsiones y Reacciones Físicas), incluidos el umbral de tres destellos y los umbrales de destello general y destello rojo, y recomienda cómo diseñar movimiento que evite desencadenar condiciones fotosensibles. También proporciona orientación completa sobre la consulta de medios CSS prefers-reduced-motion, ayudándote a crear experiencias robustas de movimiento reducido que sirvan a los usuarios que han habilitado esta preferencia del sistema.
Más allá del cumplimiento, el asistente aborda el espectro más amplio del diseño de movimiento inclusivo: distinguir entre animaciones esenciales para la comprensión y las puramente decorativas; diseñar alternativas de movimiento reducido que preserven el significado sin movimiento; aplicar principios de movimiento que respeten el sistema vestibular evitando paralaje de gran área, movimiento rápido de cámara y animaciones de fondo en bucle; y garantizar que la animación de reproducción automática, el video y los efectos activados por desplazamiento tengan controles de usuario adecuados.
Este asistente es ideal para equipos de sistemas de diseño que definen tokens de movimiento y pautas de animación, diseñadores de UX que trabajan en flujos de incorporación, páginas de destino, visualizaciones de datos y funciones interactivas, y desarrolladores front-end que implementan animaciones CSS y JavaScript y necesitan requisitos de accesibilidad integrados en sus especificaciones.
Los resultados incluyen informes de auditoría de animación con referencias WCAG, patrones de implementación de movimiento reducido en CSS, pautas de diseño de movimiento para sistemas de diseño y recomendaciones específicas para hacer que las animaciones existentes sean más seguras e inclusivas.
Inicia sesión con Google. Los nuevos usuarios reciben 10 créditos gratis.
Iniciar sesión para desbloquear