Motion UX /UI en 2Brains Academy: explorando el movimiento como clave del diseño

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

¿Qué es el Motion UX/UI y por qué es relevante hoy en México?

El Motion UX/UI une la funcionalidad con el dinamismo visual para crear experiencias más intuitivas, envolventes y fáciles de recordar. Desde microinteracciones hasta transiciones complejas, el movimiento puede guiar la navegación del usuario, reducir su carga cognitiva y fortalecer el vínculo emocional con una marca.

Como dijo Donald Norman, referente en diseño centrado en el usuario: “Los detalles marcan la diferencia entre una experiencia amigable y una traumática”. Con base en esta idea, el curso de Motion UX/UI profundizó en cómo aplicar principios de animación en interfaces para mejorar tanto la usabilidad como el impacto visual. El contenido también se basó en los lineamientos de Issara Willenskomer y Val Head, reconocidos especialistas del movimiento aplicado al diseño digital.

Un recorrido en tres sesiones: fundamentos, herramientas y práctica

Clase 1: Introducción y principios del Motion UX

La primera sesión fue una inmersión conceptual al mundo del Motion UX/UI. Sebastián Bascuñán abordó la importancia del movimiento en las interfaces, destacando principios esenciales como el timing, el easing y el staging. Los participantes concluyeron analizando las diferencias clave entre microinteracciones, animaciones y transiciones.

Clase 2: Técnicas y herramientas en Figma

La segunda clase fue 100% práctica. Quienes asistieron aprendieron a utilizar herramientas como Figma para prototipar transiciones y microinteracciones de manera efectiva. Se exploraron funcionalidades como Smart Animate y el plugin de Lottie, lo que permitió a los participantes construir prototipos dinámicos mientras comprendían la importancia de iterar ideas desde las primeras fases del diseño.

Clase 3: Desarrollo de Microinteracciones y Transiciones Complejas

En la última clase, se abordaron técnicas avanzadas para la creación de microinteracciones y transiciones más sofisticadas. También se discutió cómo incorporar el Motion UX en sistemas de diseño robustos, poniendo especial atención en temas como la accesibilidad y las guías de movimiento. Este enfoque asegura que las animaciones no solo sean estéticas, sino también funcionales y accesibles para todos los usuarios.

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

El curso de Motion UX/UI impartido por 2Brains Academy no solo brindó herramientas técnicas valiosas, sino que también motivó a los participantes a integrar el movimiento como un recurso estratégico en sus proyectos digitales.

Desde la mejora en la usabilidad hasta la creación de experiencias más humanas, el Motion UX/UI se posiciona como una tendencia clave para quienes diseñan experiencias digitales en México y en otros mercados latinoamericanos.

¿Quieres aprender más?

2Brains Academy sigue desarrollando contenido educativo para profesionales del diseño y la tecnología en México. Mantente atento a futuros cursos y actividades que te ayudarán a llevar tus habilid