UX design para notavos y experimentados

La funcionalidad de blacklisting es disponible desde hace 2 meses, con esa, Spotify deja al usuario el superpoder de realmente escuchar la música que quiere al dejarle la posibilidad de bloquear la reproducción de cierta música, es buena idea pero el UX y UI son mejorables

En un mundo sacudido por el hashtag #metoo, sospecho los equipos de Spotify de haber sido inspirado por el movimiento. Al nivel de negocio, este caso de estudio destaca claramente:

1. la detección de un problema,
2. la acción tomada como respuesta a este problema,
3. la formulación de una user story entendible para todos los involucrados,
4. la implementación del user story por el equipo de desarrolladores.

Al escribir este artículo detecte oportunidades de mejoras del UI, así como otras acciones posibles para completar la respuesta desarrollada por Spotify. Encontrarás mi propuesta UI en la descripción de la feature, aquí mismo, y mis propuestas de acciones, con sus users stories, user flow, user testing y prototipo interactivo, en mi portafolio.

¿Cómo funciona la feature?

La funcionalidad para bloquear un artista es disponible desde de la vista del artista, dentro del menú, seleccionando la opción “No escuchar a este artista”.

Aquí les enseño el flujo

1. El acceso a la opción “no escuchar a este artista” se hace desde la landing del artista.
2. Spotify me confirma la acción al disparar un popup que me indica lo que acaba de suceder, y observamos que el botón seguir ya no está disponible al lado del menú.

He estado feliz de aplicar la restricción a R Kelly, artista que soy susceptible de escuchar contra mi voluntad ya que hace parte de playlist auto generadas por Spotify (el Autoplay), las playlists de RnB, y otros…

¿Cómo se aplica la restricción?

A pesar de la restricción, el artista y todo su catálogo musical sigue visible tanto en vistas de contenido dedicado como en resultados de busqueda. ¡Una lastima!, me hubiera gustado no ser obligada de ver su nombre o su retrato en el artwork de sus discos… Pero no represento todos los usuarios y seguramente eso tiene sentido (¿quizás porque aún no existe la posibilidad de gestionar desde una misma vista todo el contenido bloqueado?).

La música del artista bloqueado es accesible en toda la app (salvo en las playlists “Radio” a donde desaparecen del listado aunque la radio lleva el nombre del artista) pero su selección con click o tap no dispara la lectura. Claro, con la configuración activada, buscamos no escuchar esa música.

El problema de eso es que no existe un elemento gráfico de diferenciación para identificar el contenido bloqueado del resto. Es seguro que este olvido se vuelve una fuente de frustración para unos usuarios quienes no se acordaran haber aplicado la restricción, fustración formulada a través de la pregunta ¿Por qué no se reproduce esa música si es presente en la playlist?

Este comportamiento es aplicado a todas las canciones de la discografía del artista, significa que no aplica a los featurings que hace en los discos de otros artistas.
Eso lo descubre el usuario con la experiencia ya que nunca le es explicado (es una de las propuestas que trabaje en el caso de estudio próximamente públicado en mi portafolio).

Propongo aquí una solución UI para distinguir el contenido bloqueado

Me acuerdo haber visto a varias ocasiones un disable surgerido por la aplicación de una opacidad de 40% a la música no disponible por cuestion de derechos de autor. Aplicando este subterfugio, seguiríamos un pattern ya utilizado por Spotify para indicar música no reproducible.
Necesitaríamos ahora diferenciar los dos tipos de disable. En efecto, no olvidemos nuestro objetivo: como usuario quiero ser capaz de controlar mi catálogo. Así, para el contenido bloqueado, podríamos añadir a la solución disable el icono elegido por spotify para significar la restricción. Colocamos el icono a la derecha de cada título bloqueado :

Y en las vistas del artista y de un disco, podemos utilizar un banner arriba de las vistas. Ese daría más información sobre el estatus del contenido, gracias al texto informativo: “has bloqueado la música de este artista” y un botón para reabilitar la lectura de la música del artista.

¿Cómo reestablecer la configuración inicial?

Si por inadevertencia mi dedo dio un tap en “no escuchar a este artista” en vez de “compartir”, cuando mi intención era de publicar una música de Sampha en mi Insta.
Ningún problema, tengo la posibilidad de reestablecer el estado anterior al seleccionar “Retirar”. Al hacerlo, el contenido es de nuevo accesible así como la opción “No escuchar a este artista”.

Aquí veo una oportunidad de mejorar la experiencia de usuario, al elegir una sintaxis más precisa.

En efecto Retirar da a entender que vamos a eliminar el artista de la biblioteca, sin embargo es exactamente lo opuesto que buscamos hacer. Sugiero “Quitar la restricción y escuchar”.

Caso de uso alternativo:
¿Qué pasa si el usuario aplica la restricción mientras escucha un título del artista que está bloqueando?

Mientras estaba realizando el análisis de la funcionalidad de restricción, llegue a escuchar un título de XXXtentation sin querer. Este título era parte del autoplay de Spotify, que se activa después de haber escuchado la lista completa de música la más popular de un artista, en este caso, estaba escuchando a Joey Bada$$:

Ocurre que Joey hizo un featuring sobre el disco de XXX que aparece primero en el autoplay.

Aquí puedes ver el flujo de usuario para eliminar XXX:

Mientras escuchaba infinify (888) bloquee XXX, es cuando, automáticamente, el lector de música paso al título siguiente, omitiendo él que estaba tocando milisecundo antes.
En efecto observamos ahora que el player toca 1Train de A$AP Rocky (5). En (6) vemos que infinify (888) sigue visible aunque no escuchable.

Conclusión

Con la user story siguiente “Como usuario quiero ser capaz de bloquear un artista para no escuchar la música de sus discos“, Spotify solucionar el valor añadido siguiente: un usuario (premium y básico), puede refinar su catálogo de música con más control.

Con mi propuesta UI resolví la nueva user story: “Como usuario quiero ser capaz de distinguir el contenido bloqueado para diferenciarlo del contenido normal“.

Al realizar este analísis se me ocurrieron otras respuestas para llegar a optimizar el objetivo de refinamiento, las formulo en las user stories siguientes:

• Como usuario quiero acceder a la lista de contenido bloqueado para gestionarlo.
• Como usuario quiero ser capaz de bloquear todo el contenido en el cual canta el artista para no tener que escuchar su voz (sus featurings).
• Como usuario quiero ser capaz de bloquear una canción para no tener que escucharla nunca.

Enseño el trabajo realizado a partir de esas user stories en mi portafolio.