03 / experiments
Sistema de movimiento · 2026
Motion OS
Un sistema de interfaz responsive donde movimiento, layout y accesibilidad comparten los mismos tokens.
Contexto
Motion OS investiga una pregunta sencilla: ¿qué pasa cuando el movimiento se diseña como parte del sistema y no como una capa añadida al final?
Principios
- El movimiento debe explicar relaciones y cambios de estado.
- La duración depende de la distancia y el contexto.
- El responsive también modifica trayectorias, no solo tamaños.
prefers-reduced-motiondebe conservar comprensión y jerarquía.
Tokens
El sistema agrupa duración, easing, distancia, stagger y nivel de energía. Cada patrón utiliza esos tokens en lugar de valores arbitrarios, lo que facilita mantener consistencia entre componentes.
Patrones explorados
- Entrada y salida de paneles.
- Reordenamiento de listas.
- Transiciones entre vistas relacionadas.
- Respuesta de botones, enlaces y controles.
- Handoffs entre elementos compartidos.
Responsive
En pantallas pequeñas se reducen desplazamientos y capas simultáneas. En dispositivos táctiles se sustituyen estados dependientes de hover por secuencias temporales o respuestas al toque.
Accesibilidad
La versión reducida elimina desplazamientos grandes, conserva cambios de opacidad esenciales y evita parpadeos rápidos. La información nunca depende exclusivamente de una animación.
Resultado esperado
Una base de movimiento reutilizable que haga las interfaces más claras y no solo más llamativas.
Sistema en pantalla
Vistas internas del producto
Capturas generadas para mostrar cómo se comporta el sistema por dentro: pantallas, módulos y momentos clave del flujo.
