El Movimiento Como Clave del Diseño: Explorando Motion UX/UI en 2Brains Academy

Con esta misión en mente, 2Brains Academy presentó una serie de clases de Motion UX/UI dirigidas por Sebastián Bascuñán, UI Lead del equipo de Consultoría UX y Experiencia Digital de 2Brains. 

¿Qué es Motion UX/UI y por qué es importante?

El Motion UX/UI combina la funcionalidad con el dinamismo visual para crear experiencias más intuitivas y memorables. Desde microinteracciones sutiles hasta transiciones complejas, el movimiento puede guiar al usuario, reducir la carga cognitiva y fortalecer la conexión emocional con una marca.

Como lo mencionó Donald Norman, pionero del diseño centrado en el usuario: “Los detalles marcan la diferencia entre una experiencia amigable y una traumática”. Con esto en mente, el curso de Motion UX/UI exploró cómo aplicar principios de animación en interfaces para mejorar la usabilidad y el impacto visual, además de basarse en los principios de animación de Issara Willenskomer y Val Head, ambos referentes en el ámbito del movimiento en interfaces.

Un Viaje en Tres Clases: Principios, Herramientas y Creación

Clase 1: Introducción y Principios de Animación UX

La primera sesión fue una inmersión teórica en el mundo del Motion UX/UI. Sebastián Bascuñán explicó la importancia del movimiento en las interfaces, destacando principios fundamentales como el timing, el easing y el staging. Los asistentesfinalizaron la clase analizando las diferencias entre una microinteracción, una animación y una transición.  

Clase 2: Herramientas y Técnicas en Figma

La segunda clase llevó el conocimiento a la práctica. Los participantes aprendieron a usar herramientas como Figma para prototipar transiciones y microinteracciones. Este enfoque práctico incluyó el uso de Smart Animate y el Plugin de Lottie para construir prototipos dinámicos, enfatizando la importancia de iterar ideas en etapas tempranas del diseño.

Clase 3: Creación de Microinteracciones y Transiciones Complejas

En la última sesión, se abordaron técnicas avanzadas para desarrollar microinteracciones y transiciones complejas. Además, se discutió la integración del Motion UX en sistemas de diseño, resaltando temas cruciales como la accesibilidad y las especificaciones de movimiento. Este enfoque permite que las animaciones no solo sean estéticamente agradables, sino también funcionales y respetuosas con los usuarios​.

Impacto en el Diseño y Más Allá

El curso de Motion UX/UI de 2Brains Academy no solo enseñó habilidades técnicas, sino que también inspiró a los asistentes a integrar el movimiento como una herramienta estratégica en sus proyectos. 

Desde la mejora de la usabilidad hasta la creación de experiencias más humanas y significativas, el Motion UX/UI demuestra ser una tendencia esencial en el diseño moderno.

¿Te interesa aprender más?

2Brains Academy continúa desarrollando contenido y experiencias educativas para profesionales del diseño y la tecnología. ¡Mantente conectado para futuros cursos y eventos que te ayudarán a llevar tus habilidades al siguiente nivel!