En este primer ejercicio en el que teníamos que replicar el comportamiento 2 pantallas de Spotify, comprender los principios de diseño de interacción, y aplicarlos correctamente en Figma, más allá del reto de construir unos componentes escalables y coherentes (en estilo y apariencia), he aprovechado para aprender una nueva funcionalidad de Figma como son las «variables» con las que la gente ha llegado a construir incluso videojuegos enteros.

Así que, además la implementación de microinteracciones y asegurarme de que el flujo se podía realizar al 100% sin ningún tipo de bloqueo, he tratado de poner máxima atención al detalle y que se pareciera lo máximo posible a la aplicación real.

A pesar de que ha sido un trabajo de varios días (en algunos de los cuales no llegaba a avanzar casi nada), me siento satisfecho con el resultado final. Os dejo aquí un vídeo con el resultado final:

Enlace al prototipo en Figma aquí

Y sí, el botón de Pause no funciona, porque no he llegado a saber cómo implementarlo, pero he aplicado la interacción que debería realizar al pulsarlo… y además ¡suena música, la barra de tiempo avanza y el los segundos se actualizan! Si a alguien se le ocurre cómo hacer que el botón de Pause funcione, todo feedback será bien recibido =)

Un saludo a todo el mundo!!