El objetivo de este proyecto era a partir de un producto digital existente encontrar un problema y diseñar una funcionalidad que solucione este problema.
Escogí Spotify ya que es la app que más uso, decidí mejorar la funcionalidad del apartado de eventos en directo que tiene Spotify, dándole más visibilidad, creando avisos para que estés al día de los conciertos en tu ciudad y permitiendo que se puedan comprar entradas desde la propia app, así como acceder a tus entradas.
Duración
3 semanas
Herramientas
- Figma
Rol
Diseñadora UX/UI
Año
2022
Un poco de contexto
Plataforma líder en streaming de música y podcasts
Spotify es una plataforma líder en streaming de música y podcasts que tiene más de 460 millones de usuarios, de los cuales 188 son Premium. La empresa no fue rentable hasta 2019, cuando comenzó a obtener beneficios gracias a los podcasts, que le permiten ahorrar en royalties.
La empresa obtiene el 90% de sus ingresos de las suscripciones de usuarios Premium y el 10% restante de la publicidad. Los artistas son pagados por Spotify en base a las reproducciones de sus canciones en la plataforma.
Planteamiento del problema
¿Cómo podríamos solucionar el problema de…
los usuarios no están al día de si vienen los grupos que escuchan a dar un concierto a su ciudad? ¿La poca visibilidad y conocimientos que existe sobre el aparta de Eventos en directo que existe en Spotify?
Proceso
Teniendo en cuenta los recursos con los que contaba y la falta de tiempo, siguiendo una metodología lean, decidí investigar a la competencia, investigar sobre las páginas de venta y reventa de entradas, leer artículos que me dieron datos clave, hacer encuestas para obtener datos cuantitativos y hacer un par de preguntas abiertas que me han permitido obtener respuestas cualitativas y así poder profundizar un poco más. También empaticé con el usuario generando un User persona, User Journey y Mapa de empatía.
DESCUBRIR
Desk Research
Encuestas
Encuestas
DEFINIR
Insights
User Persona
User Journey
Mapa de empatía
IDEAR
MoSCoW
User Flow
Crazy 8
User Flow
Crazy 8
PROTOTIPAR
Low-Fi
Mid-Fi
Hi-Fi
Descubrimientos clave
La clave de mi propuesta de valor
Usa Spotify en el móvil.
Se entera de los conciertos fuera de Spotify.
Útil o muy útil la recomendación conciertos de su ciudad en Spotify y comprar las entradas desde la app.
Definición
¿Qué necesita Clara?
Después de una investigación inicial, donde sinteticé la información obtenida en busca de problemas y oportunidades y habiendo validado mi hipótesis; creo un User persona, un User journey y un Mapa de empatía que me van a ayudar a centrarme en resolver los puntos de fricción y frustraciones en funcionalidades que resuelvan estos problemas.
Ideación
Problemas y oportunidades
Priorización de funcionalidades
Feature creep
Para la priorización de funcionalidades utilicé el método MoSCoW, para definir y gestionar los requisitos y tareas con objetivo de obtener un MVP.
He tenido en cuenta el valor de negocio, la utilidad para el usuario y el coste de desarrollo.
Propuesta de valor
Convertir Spotify en el referente de recomendaciones y compra de conciertos, aprovechando el algoritmo existente en la app.
¿Qué necesita Clara?
¿Qué funcionalidades necesitamos solucionar sus problemas?
MVP
Por el momento, ya que la mayoría de los usuarios usan Spotify en el móvil, lo vamos a implementar en la app y cuando probemos el producto, si funciona, lo implementaremos en versión desktop.
Mayor visibilidad de los eventos
Una mejora de funcionalidad del apartado de eventos, acceso desde la home, desde varios puntos, dándole más valor y visibilidad, haciendo que los usuarios tengan Spotify como app de referencia para enterarse de los eventos musicales en su ciudad.
Compra de entradas desde Spotify
Con la tarjeta vinculada de spotify, de forma que no tengan que salir de la app, ni meter muchos datos para comprar la entradas.
Notificaciones de entradas
Avisos de cuando sacan las entradas para un concierto que te puede gustar: activando los avisos dentro de los eventos o cuando estás escuchando un grupo que viene.
Arquitectura de la información
Unos de los mayores problemas que surgió de las encuestas es que los usuarios desconocen la existencia del apartado de conciertos o no lo usan porque tiene un acceso difícil. En el site map puse énfasis en dar visibilidad a este apartado creando un acceso desde la home, aparte del acceso ya existente desde el buscador.
Primero realizamos en papel wireframes de baja fidelidad centrándome mucho en el proceso de compra, ya que no tenía muy claro qué incluir y cómo plantearlo, tuve que ponerme a investigar a fondo cómo funciona Spotify y apps con funcionalidades parecidas como Dice.
También di especial importancia en el proceso de compra de entradas y en la visualización de estas entradas.
Wireframes lo-fi
Test de usuarios
Pasé los wireframes a digital e hicimos 3 tests de usuario para comprobar la usabilidad de la nueva funcionalidad. Tras los test de usuarios tuve que iterar varias partes de las funcionalidades, aunque los usuarios pudieron cumplir las tareas pedidas sin problemas, sí propusieron mejoras, que implementé.
Diseño & prototipado
Diseñando una buena experiencia
La dificultad de la parte de diseño era conseguir replicar con exactitud el diseño existente en Spotify, tipografías, sistema de grid, iconos, botones, colores, patrones de diseño, cómo usan las imágenes… hice un pequeño UI audit y creé un sistema de diseño componetizado para dar coherencia y uniformidad a la interfaz.
Prototipado
FLUJO 1
Comprar entradas
Clara disfruta mucho de los conciertos, pero a menudo se pierde oportunidades debido a la falta de información sobre próximos conciertos. Spotify le permite personalizar recomendaciones y recibir notificaciones de próximos conciertos, lo que le permite disfrutar de la música en vivo sin preocuparse por perderse conciertos.
- Desde la home ve los conciertos que hay próximamente en su ciudad.
- Entra en la página de conciertos para verlos todos.
- Pincha en uno de los conciertos.
- Pincha en comprar entradas.
- Selecciona el número de entradas que quiere.
- Pasa a la pasarela de pago y paga.
- Termina el proceso de compra y ve el resumen de su compra.
- Accede a las entradas.
FLUJO 2
Aviso de disponibilidad de entradas
Clara ha encontrado muy útil activar las notificaciones en Spotify para que le avisen cuando las entradas de los conciertos estén disponibles. De esta manera, puede estar segura de no perderse la oportunidad de ver a sus artistas favoritos en vivo y disfrutar de su música en persona.
- Entra en la página de un concierto para comprar entradas, pero aún no están disponibles.
- Activa las notificaciones para que le avisen de cuándo salen las entradas para el concierto.
- Cuando salen a la venta recibe la notificación.
- Entra para comprar las entradas.
FLUJO 3
Ver mis entradas
Spotify ofrece la posibilidad de ver y gestionar sus entradas compradas de manera sencilla y cómoda. Para acceder a esta información, Clara puede hacer clic en el enlace «Entradas» que se encuentra en la sección «Para ti» de la página principal o en la pestaña «Tu biblioteca» del menú principal. De esta manera, puede ver todas sus entradas y obtener información detallada sobre cada concierto, así como gestionarlas si es necesario.
- Entra en Spotify.
- Accede a la pestaña de «Tu biblioteca».
- Entra en sus entradas.
- Selecciona el concierto de Bonobo.
- Ve los detalles de sus entradas.
Próximos pasos
- Un circuito cerrado de reventa de entradas dentro de spotify para evitar la reventa ilegal de entradas
- Recomendaciones en el momento que estás escuchando un grupo
- Mejora flujos e iterar según test usuarios
- Implementarlo en web si funciona
- Filtros para que te recomiende conciertos más de una ciudad
Conclusiones y aprendizajes
Añadir una funcionalidad nueva de UX/UI a una aplicación existente puede ser un desafío, especialmente cuando se trabaja de manera individual. Es importante tener en cuenta que, al partir de una aplicación con un diseño y patrones de diseño ya establecidos, es necesario asegurarse de que la nueva funcionalidad se integre de manera coherente y natural en la aplicación. Esto puede ayudar a evitar la confusión o la frustración de los usuarios y a mejorar la experiencia general de la aplicación.
Otros aspectos a considerar al añadir una nueva funcionalidad son comprender el contexto y la usabilidad actual de la aplicación, diseñar para una amplia variedad de dispositivos y considerar el impacto en el rendimiento y la escalabilidad de la aplicación. También es importante gestionar el cambio y la adopción por parte de los usuarios, ya sea a través de la documentación y la formación del personal o de la comunicación clara y efectiva de los beneficios de la nueva funcionalidad para los usuarios.
¡Gracias por leer hasta aquí, si tienes algún comentario o propuesta no dudes en contactar conmigo!