Modernos y tecnológicos
Motion-Driven UI
El movimiento como estructura narrativa: scroll, transiciones y micro-interacciones guían la lectura.
Descripción
Motion-Driven UI es una forma de describir interfaces donde el movimiento cumple una función esencial para explicar cambios de estado, continuidad, jerarquía o feedback. No es un movimiento artístico formal. Nielsen Norman Group señala que la animación útil en UX debe apoyar comprensión, navegación o respuesta del sistema, mientras Material Design utiliza motion para expresar relaciones entre elementos y mantener continuidad. El movimiento deja de ser decoración cuando permite entender qué ocurrió y de dónde procede un nuevo estado.
Características visuales
Transiciones entre vistas; morphing; expansión y contracción de componentes; animaciones de carga; microinteracciones; cambios de escala, posición u opacidad; feedback inmediato; trayectorias que conectan estado inicial y final. La duración y la curva de movimiento forman parte de la jerarquía: animaciones demasiado largas o gratuitas aumentan espera y distracción.
Cuándo usarlo
Valioso en aplicaciones móviles, onboarding, navegación compleja, editores, herramientas creativas y productos con muchos cambios de estado. Puede reducir la necesidad de mensajes adicionales al mostrar visualmente la relación entre acciones y resultados. Debe moderarse en software de uso intensivo, interfaces con mucha información y contextos donde los usuarios puedan ser sensibles al movimiento.
Referencias