Pública

Para este proyecto se ha desarrollado un prototipo de alta fidelidad específicamente centrado en la pantalla de reproducción de una canción en la plataforma de Spotify. Este proceso de diseño persigue la obtención la autenticidad visual y funcional que sea coherente con la experiencia que ofrece la aplicación en el mundo real.

Una de las principales áreas de enfoque en este proyecto ha sido el diseño de las interacciones. Esto abarca tanto las interacciones que ocurren en la pantalla de reproducción en sí como las que se desencadenan al hacer clic en las acciones relacionadas con la canción. Estas interacciones tienen un papel fundamental en la usabilidad de la aplicación, ya que permite a los usuairos saber cómo pueden interactuar con la música que están escuchando.

Además, este proyecto ha implicado el diseño de los elementos de la interfaz de usuario (UI) que conforman la apariencia de Spotify. Esto no se limita simplemente a recrear los elementos visuales, sino también a comprender y aplicar los principios de diseño que subyacen en la marca. De hecho, los principios de diseño que han guiado este proyecto han sido un pilar fundamental en la creación del prototipo de alta fidelidad de la pantalla de reproducción de Spotify. Estos principios reflejan un compromiso con la calidad y la coherencia en la experiencia del usuario, lo que se traduce en una interfaz de usuario efectiva y atractiva.

La jerarquía visual, que se establece mediante la variación de tamaños de elementos, es esencial para guiar a los usuarios a través de la aplicación de manera intuitiva. Al dar un tamaño mayor a los elementos más importantes, se destaca lo que es más relevante y probable para el usuario, lo que facilita la interacción. La consistencia en el uso de colores, iconografía, efectos y animaciones refuerza la marca y crea una sensación de familiaridad para los usuarios. Esto contribuye a una experiencia de usuario más cómoda y reconocible. El principio de affordance, con iconos activos que tienen una opacidad del 100% y los iconos inactivos al 50%, facilita la comprensión de las acciones disponibles. Esto evita la confusión y ayuda a los usuarios a identificar de manera clara las acciones que pueden llevar a cabo en cada momento.

Gracias a este ejercicio se ha podido analizar los múltiples elementos que conforman la experiencia de usuario en el diseño de una interfaz, tanto desde el punto de vista funcional y humano como desde el punto de vista puramente sensorial.

Puedes ver el prototipo aquí