Apple Music me rechazó ... así que lo rediseñé

Me gustaría comenzar este estudio de caso afirmando que mis intenciones detrás del rediseño de Apple Music no fueron impulsadas por la indignación o el rencor.

A principios de este año, solicité y me entrevisté para una pasantía de diseño gráfico en Apple Music (una oportunidad única en la vida), y me rechazaron con una carta muy amable que decía que aunque les gustaba mi trabajo, querían ver más crecimiento y capacitación.

Al principio, me sentí frustrado: la Universidad Northwestern no ofrece ningún tipo de programa de diseño gráfico para estudiantes universitarios, por lo que cualquier crecimiento que buscaran tendría que ser autodidacta ...

... pero tan pronto como llegué a esta conclusión, me inspiré para embarcarme en lo que se convirtió en un viaje de tres meses al Santo Grial: la aplicación de iOS que Apple Music merece.

Para mí, esta fue una oportunidad para profundizar en la investigación y el diseño de UX, una excusa para pasar demasiado tiempo en Sketch and Principle, una razón para aburrir a todos a mi alrededor con mi cuaderno de alambres crudamente dibujados ...

Lo que encontrará a continuación es un estudio de caso que ofrece soluciones potenciales para abordar algunos de los problemas de Apple Music, así como ideas para el desarrollo futuro. Mi proceso fue guiado por la investigación cualitativa de los usuarios, los Principios de diseño oficiales de Apple y mi propia intuición de diseñador.

Introducción

Como diseñador con experiencia en composición musical y performance, siempre me han apasionado las experiencias que combinan música y tecnología. A través del diseño, espero algún día hacer que la experiencia de la música sea más accesible y agradable.

Sin embargo, Apple Music siempre me ha frustrado. Lo que se suponía que era el servicio para convertir a todos en el mundo a la transmisión está pasando por la pubertad, una frase que aquí significa maduración constante pero poco atractiva en comparación con los adultos en el juego (también conocido como Spotify).

Para comprender mejor Apple Music, hice un viaje por el carril de la memoria y volví a visitar su inicio. Plagado de una interfaz notoriamente confusa y una identidad visual a medias, la primera identidad de Apple Music fue la culpable de muchos dolores de cabeza.

Gracias, Lana Del Rey y Wayback Machine

Con iOS10, Apple lanzó una actualización muy necesaria basada en los principios de Reducción de complexión.

Mire esa increíble obra de arte de Pentatonix de mi querida amiga y mentora Annie Stoll

Si bien esta nueva interfaz era mucho más fácil de navegar, todavía sentía que había margen de mejora. A pesar de su paleta de colores simplificada y su tipografía ampliada, la interfaz parecía desordenada e incluso claustrofóbica, muy lejos de la elegancia habitual de Apple.

Me acerqué a mi rediseño en tres pasos, mientras realizaba investigaciones en todo momento:

  • Experiencia central
  • Identidad de la marca
  • Interfaz visual

1. Experiencia central: descubrimiento de música

Una de las primeras cosas que descubrí fue que los usuarios de servicios de transmisión generalmente cayeron en algún lugar del siguiente espectro:

Etiquétate; Soy la ambigua zona greige

Acumuladores:

  • Tener una gran biblioteca a la que agregan de vez en cuando
  • Son más selectivos sobre lo que escuchan

Nómadas:

  • Confíe en listas de reproducción / contenido seleccionado
  • Probablemente ya estén usando Spotify

Apple Music se encuentra en el lado Hoarder del espectro. Abra una lista de reproducción de Apple Music y probablemente encontrará esto en la descripción:

Si escucha algo que le gusta, agréguelo a su biblioteca.

Tratar las listas de reproducción como herramientas para descubrir nueva música es un enfoque que tiene sentido dada la vida pasada de Apple Music como iTunes. Sin embargo, la forma en que las listas de reproducción se implementan actualmente parece muy complicada. Descubrí que los usuarios no se sentían cómodos agregando listas de reproducción completas a sus bibliotecas personales, especialmente si dichas listas de reproducción se actualizaban constantemente.

Si Apple Music quiere expandirse al lado nómada del espectro, tienen que hacerlo de una manera que combine con su base de usuarios existente. Esto significa crear una experiencia de descubrimiento de música centrada en artistas y álbumes en lugar de listas de reproducción. Entra ... Mi Muestra

Mi muestra

My Sampler es una nueva experiencia hecha para cerrar la brecha entre Hoarders y Nomads, reemplazando la actual "New Music Mix". Nació de la comprensión de que los usuarios que son exigentes con lo que entra en su biblioteca también serían más reacios a sentarse a través de una lista de reproducción completa llena de música nueva. Una mejor experiencia sería presentar fragmentos (o muestras) de curaciones que le brinden al usuario la información suficiente para decidir si lo agrega o no a su biblioteca y lista de reproducción semanal.

Al ingresar al Sampler, se le presenta al usuario una serie de disparos en la cabeza del artista que corresponden a una canción seleccionada. El usuario puede tocar y mantener presionado para obtener una vista previa de 15 segundos de cada canción, antes de deslizar hacia arriba para rechazar la canción o deslizar hacia abajo para agregar la canción a su biblioteca.

Música para la generación Tinder

Elegí usar la interacción gestual para que los usuarios puedan usar el Sampler incluso si no están mirando la pantalla. Una vez que el usuario ha finalizado el muestreo, sus selecciones se utilizan para crear una Nueva mezcla de música que el usuario puede escuchar.

La mecánica detrás de esta experiencia se inspiró en la siguiente cita capturada en una entrevista:

"Apple está subestimando el poder de la gamificación".
- Diseñador de UX y usuario de Apple Music que entrevisté en LA

He llegado a comprender que, a través de una experiencia gamificada, el usuario puede establecer una conexión inmediata con la música que descubre. Además, el Sampler tiene el potencial de proporcionar a Apple Music un flujo constante de información sobre las preferencias del oyente, lo que permite que la aplicación evolucione y crezca con el usuario.

2. Identidad de marca

Durante mi pasantía en Sony Music, aprendí que la presencia visual de una marca en un servicio de transmisión debe ser reconocible pero invisible al mismo tiempo. Spotify lo hace muy bien en su uso de la fotografía de medios tonos y "Bursts" en la portada de su álbum.

En comparación, la marca visual de Apple Music tiene en este momento está por todas partes:

Hay una combinación de símbolos, tipografía 3D y fotografía en blanco y negro.

Además, hay portadas con temas de collage que realmente no comunican nada sobre el estado de ánimo / sensación de la lista de reproducción.

...

El problema principal parece ser Apple Music arrojando todo a la pared para ver qué se pega, en lugar de desarrollar realmente un lenguaje visual consistente que signifique la presencia de Apple en la aplicación entre un mar de ilustraciones de álbumes.

Mi solución se basó en el siguiente principio:

Las ilustraciones del álbum deben tratarse como parte de la interfaz de usuario y no como un componente visual independiente.

Artista Destacado Obra:

Inspirado por la pantalla de bienvenida de Apple Music, elegí mostrar los disparos a la cabeza de los artistas con un motivo circular. La forma circular se inspiró en la rueda de clic del iPod, una parte icónica del legado musical de Apple. El motivo de "cara dentro de un círculo" también se ve en otros aspectos de iOS, especialmente en Contactos.

Además, elegí San Francisco para que la obra de arte de Artist Spotlight armonizara con la interfaz de usuario. Por último, limité la paleta de colores a diferentes tonos / tonos de azul, violeta y rojo para reflejar el ícono de Apple Music.

Focos de artistas

Ilustraciones de la lista de reproducción curada:

Para las listas de reproducción seleccionadas, quería que el aspecto fuera coherente con Artist Spotlights al tiempo que mostraba un aspecto del estado de ánimo / ambiente de la lista de reproducción mediante el uso del color. Se muestran imágenes más vibrantes sobre un fondo de la misma imagen con un filtro de desenfoque gaussiano (inspirado en los desenfoques de fondo de iOS). Para ciertas portadas, también agregué un gradiente sutil del rojo característico de Apple Music para agregar un sentido de dimensión.

Listas de reproducción curadas

Ilustraciones de la lista de reproducción principal:

Finalmente, actualicé los gráficos centrados para algunas de las listas de reproducción principales con la misma tipografía utilizada para Artist Spotlights and Curations.

Listas de reproducción principales

Creo que este nuevo esquema de marca armoniza bien con el resto de la interfaz de usuario, y tengo curiosidad por ver si este motivo circular también podría ser animado de alguna manera a la entrada del usuario ...

3. Interfaz visual

Mejoras generales

La queja principal que escuché sobre la interfaz actual fue que se sentía demasiado estéril y carecía de un elemento de deleite. Para comenzar a resolver esto, optimicé el espacio en blanco a través de ajustes sutiles en toda la aplicación como se muestra a continuación:

Arriba: publicidad descarada para EXID

Biblioteca

No pensé que fueran necesarias modificaciones importantes en la pestaña Biblioteca, por lo que limité los cambios al espacio en blanco estándar y los ajustes de tamaño. Eliminé la Música descargada como opción de menú predeterminada porque creo que la aplicación debería autoajustarse a qué música puede acceder el usuario en función de la disponibilidad de LTE / WiFi.

A continuación se presentan algunos detalles sutiles de animación (presentes en todas las pestañas) que agregué para que la aplicación se sienta menos estéril.

Las esquinas redondeadas de la aplicación ya hacen que parezca hinchable, ¿por qué no hacer que se sienta hinchable también?

Para ti

"For You" es el corazón de Apple Music. Es donde Apple Music llega a flexionar cuánto sabe sobre el usuario al seleccionar listas de reproducción y álbumes basados ​​en lo que el usuario ha "amado".

Recibí una gran cantidad de comentarios sobre cuán aleatorio se sentía el actual "For You", por lo que para mi rediseño pretendía reducir la cantidad de contenido lanzado al usuario al tiempo que aumentaba la relevancia de lo que quedaba ... como las "Publicaciones principales" de Facebook e Instagram.

El rediseñado "For You" comienza con "My Sampler" en lugar de "My Favorites Mix" y "My New Music Mix" actuales. "Recientemente jugado" se mantiene intacto, ya que los usuarios lo encuentran bastante útil.

Al desplazarse hacia abajo, encontrará que he cambiado el "Insertar el día de la semana aquí - Listas de reproducción" a un estado de ánimo específico que se ajustará en función de la ubicación, la hora y la actividad reciente de las redes sociales.

¿No sería genial si, inmediatamente después de registrarse en un café en Facebook, Apple Music actualiza esta sección de estado de ánimo a las listas de reproducción de Focus / Study?
Si compartimos toda nuestra vida en las redes sociales de todos modos, ¿podría sacar algo de eso, sientes?

Debajo está el Daily Stream, un ejemplo de cómo se puede enviar contenido de video exclusivo al usuario en función de sus preferencias. Por ejemplo, me gusta mucho Katy Perry, por lo que si se lanza un episodio de Katy Perry de Carpool Karaoke, la llamada a la acción se puede cambiar para poner el énfasis en la apariencia de Katy.

Técnicamente, esto aún no se ha lanzado, pero que esto sea cierto.

Luego, encontrará los clásicos Artist Spotlights, que guardé en esta demostración para mostrar cómo los nuevos esquemas de marca visual funcionan en armonía con el resto de la interfaz de usuario.

Y por último, pero no menos importante, los usuarios obtienen una vista previa de sus géneros más queridos / reproducidos para que tengan acceso rápido a más música si nada en el feed de For You despertó su interés.

No podría pensar en un buen instrumento para Pop, de ahí el chicle
¿Pero qué pasó con Connect?

Buena pregunta. La verdad es que no vi ningún dato de mi investigación que justificara mantener el feed de Connect en la aplicación tal como está. Los usuarios estaban más interesados ​​en conectarse con amigos y familiares a través de la música (a la Spotify) en lugar de con artistas a través de un Twitter diluido.

Creo que Apple debería centrarse en la integración de las redes sociales existentes con Apple Music en lugar de tratar de impulsar otra más en sus consumidores ya sobrecargados.

Crédito de imagen para Paramount Pictures / Mean Girls

Vistazo

La mayoría de los comentarios que recibí con respecto a la pantalla de exploración actual fue que se sentía demasiado estéril y poco atractivo. Algunos usuarios también expresaron confusión con respecto a las diferencias entre "For You" y "Browse".

Mi solución fue rediseñar las diapositivas de funciones al estilo del sitio web de Apple: diapositivas gigantes que llenan el ancho de la ventana gráfica, con un indicador horizontal de dónde está el usuario en la presentación de diapositivas. Creo que este cambio hace que el contenido destacado se sienta más atractivo y menos intrusivo / aleatorio.

También fusioné el menú Radio en el menú Examinar existente.

Esto convenientemente deja espacio para la pestaña Reloj ...

Reloj

A principios de este año, Apple confirmó que Apple Music se estaba expandiendo al contenido de transmisión de video en un esfuerzo por convertir Apple Music en una central de la cultura pop. Tenía curiosidad por cómo se desarrollará esto especialmente en el contexto de la aplicación móvil, por lo que creé una pestaña separada específicamente para explorar contenido de video exclusivo y videos musicales.

Una ventaja adicional de dedicar una pestaña al video es que

Eventualmente habrá suficiente contenido para justificar una pestaña dedicada, pero por ahora basé mis decisiones de diseño en la información filtrada, así como en el lenguaje visual existente de Apple Music.

Buscar

El principal problema con la forma en que Apple Music maneja la búsqueda en este momento es que se basa en un sistema de modo: donde puede buscar en Apple Music o en su biblioteca, pero no en ambos.

Dos años después de usar esta aplicación, todavía me siento frustrado por estar en el modo incorrecto, especialmente porque el modo Biblioteca maneja las palabras clave de manera diferente:

Esto es especialmente molesto porque existe un alto potencial de error de entrada, especialmente si el usuario está buscando una nueva canción o artista que aún no está en su biblioteca.

Mi solución fue fusionar los dos modos en una "búsqueda" general que muestra primero los resultados de la biblioteca del usuario, seguido de cualquier otra cosa que esté disponible en Apple Music.

¿Es obvio que soy un gran admirador de Lady Gaga?

La compatibilidad con palabras clave difusas debe extenderse al contenido de la Biblioteca del usuario. También será interesante ver si los resultados de palabras clave relacionadas con estados de ánimo o actividades se pueden implementar en el futuro.

Jugando ahora

Me gusta lo que Apple ha hecho con la pantalla Now Playing, y no pensé que fuera necesario ningún ajuste importante. Decidí mantener la mayor parte de la interfaz visual tal como está. Sin embargo, pensé que una excelente manera de construir sobre la experiencia existente sería incorporar algunas interacciones de gestos simples.

Para muchos usuarios, incluido yo mismo, la necesidad de "entrenar" a Apple Music a través de los comandos "Amor" y "No me gusta" no estaba clara. Esto se puede atribuir parcialmente a cuán bien están ocultos dichos comandos; El proceso de “amar” una canción en dispositivos móviles requiere que los usuarios abran un menú separado, un proceso tedioso que trivializa su impacto.

Mi solución fue implementar un gesto con el que la mayoría de los usuarios ya están familiarizados, el doble toque, en la experiencia Now Playing. Observé que muchos usuarios intentaron presionar la carátula del álbum "flotante" en el presente lanzamiento (se ve tan encantador) ... ¿por qué no agregar una respuesta?

Música para la generación de Instagram.

Además, agregué adelantos de pistas adyacentes que los usuarios pueden saltar a través de un deslizamiento horizontal. Creo que esto otorgará a los usuarios más control sobre su experiencia auditiva de una manera intuitiva.

Desliza hacia la derecha para ir de fiesta.

¿Que sigue?

Mirando hacia atrás a los garabatos iniciales que hice en mi cuaderno durante mis sesiones iniciales de lluvia de ideas, estoy felizmente sorprendido por la cantidad de progreso que pude hacer en tres meses.

Al entrar en este proceso, no tenía conocimiento práctico de Principio y apenas podía editar modos de mezcla en Sketch. Ahora ... para ser honesto, todavía me considero un novato en dichas aplicaciones de creación de prototipos, pero bueno, pude hacer que algo sucediera, y eso es lo mejor que podría haber esperado.

No espero que la buena gente de Apple Music tome nada de este estudio de caso. De hecho, podría tener un ataque al corazón si alguien que trabaja en Apple Music se topa con este artículo ... pero si estás ahí afuera, ¡espero que mi trabajo pueda darte algunas ideas y provocar algunas conversaciones!

A través de este proyecto, he llegado a comprender el valor de mi experiencia teatral en relación con el diseño UX: los diseñadores de experiencia y los artistas teatrales son iguales en su comprensión compartida de la empatía humana. ¡Toma eso, literalmente, todos los que ruedan sus ojos ante mi currículum!

Pronto, me embarcaré en mi próxima gran aventura: BFA Graphic Design en la Escuela de Diseño de Rhode Island. Aunque se siente extraño decir adiós a este proceso (y a la Universidad Northwestern), espero sinceramente que esto sea solo el comienzo de una carrera en diseño de experiencia ... una carrera para cambiar el mundo a través de la empatía.

Jason Yuan
Diseñador visual y de experiencia
Teatro / Comunicaciones Junior, Northwestern University
Twitter | Instagram | Portafolio | ¡Hablemos!