Mis amigos odian SoundCloud iOS, así que lo rediseñé para ellos

Lo que comenzó como una conversación informal con mis amigos se convirtió en una exploración seria. Esto se debió en parte a que amo SoundCloud y en parte a que necesitaba desafiarme a mí mismo para seguir adelante en mi carrera.

Comencé a usar SoundCloud de manera obsesiva en 2013 y desde entonces también comencé a usar otras aplicaciones de transmisión. SoundCloud es asombroso. Cada vez que paso por su comunidad, puedo esperar descubrir tantos talentos nuevos.

Así que me propuse rediseñar la aplicación iOS de SoundCloud desde cero, como a mí y a mis amigos nos gustaría que fuera.

Parte I - Empezando desde cero

Iteración I

Durante los últimos seis meses, no pude luchar contra la sensación de que SoundCloud había cambiado desde que lanzaron su plataforma móvil. Y no en el buen sentido. Cuando les preguntaba a mis amigos cómo se sentían al respecto, se ponían nerviosos. Debatíamos sobre lo que todavía nos gustaba y lo que estaba saliendo mal; Me metía en conversaciones profundas con mis conductores de Lyft; Deslizaría discretamente preguntas sobre SoundCloud en discusiones aleatorias.

He aquí, descubrí que la mayoría de nosotros evitamos usarlo.

Entonces, ¿me volví más y más curioso…?

¿Qué hizo que otras aplicaciones de transmisión móvil fueran más fuertes o más débiles que SoundCloud? ¿Cuáles fueron los detalles de nuestra infelicidad? ¿Qué necesitaba cambiar? Para obtener información, amplié mi experiencia de transmisión y comencé a usar Spotify y Apple Music, comparando y contrastando sus fortalezas, debilidades y patrones. ¿Qué elementos y términos fueron universales en estas plataformas de transmisión?

Después de compilar mentalmente una lista de sugerencias y mejoras para SoundCloud (de conversaciones informales, etc.), me di cuenta de lo inevitable.

Si quería rediseñar SoundCloud, tenía que empezar desde cero .

Tuve que empezar en la zona cero.

Situación

En 2016, el mercado mundial de música grabada creció un 5,9% debido a la transmisión (IFPI Facts and Stats 2016). El 59% de los ingresos digitales ese mismo año provino únicamente de la transmisión. Como una de las plataformas de transmisión más populares, SoundCloud enfatiza fuertemente su comunidad, registrando 847 millones de conexiones electrónicas realizadas en 2015. Cuenta con una de las comunidades digitales de base más grandes de música electrónica estimada en más de 10 millones.

Hipótesis

SoundCloud se convirtió en un competidor de transmisión de música en 2016 después de debutar con su servicio de suscripción SoundCloud Go. La prensa expresó críticas menos que satisfechas sobre su lanzamiento; SoundCloud respondió lanzando un nuevo nivel llamado SoundCloud Go + en 2017. A medida que la plataforma lucha por ganar usuarios sobre Spotify Premium, comencé a formular hipótesis.

1. La transmisión y el descubrimiento de música es una actividad muy social

2. Hacer listas de reproducción es fundamental para la experiencia auditiva.

3. Descubrir nueva música debe ser conveniente

Investigación de mercado I

A nivel mundial, las mayores cuotas de música electrónica se encuentran en Europa y Asia, y las mayores corrientes de música electrónica se encuentran en Estados Unidos, Gran Bretaña, Dinamarca y México. (Informe empresarial de la Cumbre IMS 2017)

"Los millennials tienen un 40% más de probabilidades de asistir a un evento de club en los EE. UU. Y suman un total de 2 mil millones en todo el mundo" - International Music Summit Business Report 2017

Investigación I

Interesados

Dividí a las partes interesadas en dos categorías: aficionados y profesionales. Para abordar una necesidad que todos compartían, analicé su papel principal.

Cada actor era, en última instancia, un oyente.

De hecho, centré mis preguntas en los hábitos de los oyentes y los streamers. Para esta ronda, recopilé respuestas de 23 participantes que tenían entre 18 y 28 años. El 82% eran hombres y el 80% estaban en la universidad.

Descubrí que era más probable que mis participantes vieran repetidamente las pistas publicadas en su feed del mismo grupo de artistas. Se encontraron en un circuito de retroalimentación, donde las mismas pistas circularían de los mismos usuarios. Los usuarios tenían menos probabilidades de encontrar música nueva y estaban influenciados por características como el recuento de "me gusta" y "reenviar". Algunos de ellos dijeron que se desplazarían por 3 o 5 pistas en su feed, perderían interés y pasarían a otra cosa.

Comenzaron a formarse más preguntas. ¿Qué importancia tiene la conexión de un usuario con la comunidad musical en línea? ¿Con qué frecuencia escuchan los oyentes la música de sus amigos? ¿Cómo se ven influenciados por las pistas publicadas y el recuento de me gusta?

Entrevistas

Tuve 5 entrevistas, cada una de las cuales duró aproximadamente 30 minutos. Hice más de 20 preguntas, con el objetivo de descubrir cuáles eran las fortalezas y debilidades de SoundCloud iOS para cada individuo. Mis entrevistas expusieron una falta de confianza en las recomendaciones de SoundCloud como plataforma de descubrimiento. No se pensaba que SoundCloud fuera tan pulido como Spotify y Apple Music. Más bien, fue visto como un portafolio para artistas en desarrollo en lugar de una discografía profesional. Todos mis resultados se compilan aquí.

A partir de mis datos recopilados, podría pintar una imagen mejor. Ilustré el tipo de comportamientos para los que estaría diseñando con personajes y escenarios. El primer escenario es una historia sobre una amiga cuya experiencia auditiva la impulsó a compartir una pista con una amiga. El segundo habla de un adulto joven y trabajador que desea tener una nueva experiencia auditiva mientras conduce al trabajo en medio del tráfico.

El 100% de los participantes de la encuesta y la entrevista escuchó variaciones de música electrónica. Esto incluyó una amplia gama de subgéneros, incluidos trap, electrónica y pop. El 60% de los entrevistados afirmó haber escuchado podcasts, sets o mezclas, todos los cuales podían durar entre 30 minutos y 3 horas. Sus comentarios apoyaron mi comprensión de SoundCloud como plataforma para la música electrónica, ya sea en forma de producción de rap o subgéneros.

Para revisar mis hipótesis:

1. Mis entrevistas finalmente demostraron que la transmisión y el descubrimiento de música no son actividades fuertemente sociales, sino exploraciones personales. El gusto individual es extremadamente único 2. No todo el mundo hace listas de reproducción porque requiere mucho más esfuerzo del que el usuario medio puede pagar. ¿La solución? Ofrezca a los oyentes la música que nunca supieron que querían. O en otras palabras, los humanos somos vagos, así que tenemos que hacer todo el trabajo.

Lo más importante es que la comunidad y el repositorio de música electrónica de SoundCloud deben estar en la superficie. Esto significaría curar contenido (sets grabados, influencers, mezclas en vivo) y organizar bibliotecas de música para involucrar los hábitos de la comunidad de música electrónica. Para atender las necesidades de mis sujetos, hice las siguientes propuestas:

Propuestas

1. Una nueva página dedicada a Eventos y Mixes2. Organizar y categorizar la colección de música guardada 3. Una nueva página dedicada a Curators4. Un módulo separado para las pistas populares reenviadas 5. Centrarse únicamente en la comunidad de música electrónica y de baile.

Creación de prototipos

Flujos de usuario

Después de estudiar aplicaciones comunes de transmisión de música y digerir las rutas móviles de SoundCloud, visualicé aproximadamente sus características más importantes. Estas características guiaron qué flujos de usuario y rutas que creía que los usuarios seguirían con mayor probabilidad al usar SoundCloud.

Baja fidelidad

Tomando la información organizada a través de mapas del sitio y flujos de usuarios, creé wireframes de baja fidelidad para Profile o Home, Library y Discovery utilizando prototipos en papel. Luego pasé a los wireframes digitales y dibujé mapas básicos de wireframes para agrupar pantallas.

Media Fidelidad

Desde baja fidelidad, tomé nota del significado y propósito de cada elemento y página. Nuevamente, los siguientes están organizados por las ramas principales de la aplicación: Perfil o Inicio, Descubrir y Biblioteca.

Eventos y mezclas

Descubrir> Mixe s>

1. Destacados: colaboradores, artistas sugeridos, etc.

2. Eventos: festivales, espectáculos

3. Ubicación: principales ciudades y escenarios

4. Podcasts: residentes, mezclas diarias

Curadores

Descubrir> Mixe s>

1. Sello discográfico: distribuidores profesionales

2. Elaboración propia: canales de YouTube

3. Colectivos de música: grupos, colaboradores

Prensa - revistas y relaciones públicas de música de estreno

Alta fidelidad

Prototipo online

Déjeme saber lo que piensa sobre cómo funciona la infraestructura para usted, qué podría ser mejor acerca de la interfaz y su experiencia general.

Parte I fue mi primera ejecución en Adobe XD, y estoy impresionado por lo fácil que fue usar la función de creación de prototipos. La Parte I también cubre los hallazgos de la investigación inicial y la primera maqueta interactiva. Para la Parte II , me enfocaré en el diseño visual y las microinteracciones usando Sketch and Principle, suavizando los bordes del primer modelo para una mejor segunda iteración.

Parte II - Dando un paso atrás

Iteración II

¡Gracias por leer hasta ahora! Las partes finales de este proyecto me han entusiasmado más con el diseño de interacción en su conjunto. Encontré estos gifs para mostrarles lo que siento por el progreso.

Antes de pasar a la última mitad de este proyecto, observé cómo SoundCloud ha cambiado en los últimos meses. Revisé los datos que había recopilado unos meses antes y examiné la actividad actual de SoundCloud. Artistas como Lil Uzi Vert , Post Malone y Travis Scott han estado en la cima de las listas de SoundCloud, haciendo que el hip-hop sea tan popular como (si no más) electrónico. Después de basar este proyecto en sujetos que en su mayoría escuchaban música electrónica, pensé que tenía que girar en una dirección totalmente nueva.

Di un paso atrás.

Si la base de SoundCloud había cambiado, sabía que necesitaba más pruebas. Me había centrado en un tamaño de muestra pequeño en mi propia red y necesitaba expandirme. ¿Por qué no recopilar más datos sobre la transmisión de música?

Investigación de mercado II

Compilado a través de una serie de artículos, comunicados de prensa e investigaciones de NYTimes, Forbes, WMagazine y más, me di cuenta de que la tendencia del hip-hop a través de SoundCloud surgió en los últimos años. Los 3 mejores artistas en SoundCloud en 2015 fueron Drake , Major Lazer y G-Eazy (Forbes 2015). En 2016, el álbum principal fue Coloring Book de Chance the Rapper , la canción más favorita Panda de Desiigner , y la más seguida: Lil Uzi Vert .

Investigación II

Hice otra encuesta más concisa y centrada en datos cuantitativos. Con cuatro preguntas de opción múltiple, reuní las respuestas de 167 participantes.

Los siguientes son los resultados: Música electrónica y hip-hop empatados para el género más escuchado. La mayoría de los transmisores de música tenían entre 16 y 27 años, con un promedio de alrededor de 21 años . Spotify lidera contra SoundCloud como la plataforma de transmisión móvil más preferida. La transmisión se consideró la actividad más importante, luego el descubrimiento y luego la creación de listas de reproducción.

Para volver a visitar mis propuestas:

1. Organice y categorice la colección de música guardada2. Un módulo separado para las pistas populares reenviadas 3. Centrarse en la comunidad de música electrónica, dance y hip-hop4. Estructura las páginas de Discover para adaptarlas a los géneros y la comunidad.

La mayoría de los resultados de la ronda 2 reflejaron los de los datos que había recopilado hace unos meses, pero aprendí algo nuevo:

Uno de los puntos más fuertes de SoundCloud como plataforma es su versatilidad y capacidad para evolucionar con su audiencia.

Para transformarse con su comunidad, el diseño debe ser imparcial, favorecer todos los géneros de música y basarse en las características de la marca actual de SoundCloud: austero y neutral.

Iconos

Intenté crear iconos para familiarizarme con el perfeccionamiento de píxeles. Por supuesto que esta fue mi primera vez y hay mucho margen de mejora, pude ver cómo mi atención al detalle podría dejarse llevar.

Diseño visual y microinteracciones

Casa

Para SoundCloud iOS, el propósito (y único propósito) de Home es mostrar la actividad de las personas que sigues. Todas las publicaciones se colocan en el feed en orden cronológico. Los elementos más destacados del feed son el arte de cada publicación y el recuento de me gusta y reenvío.

Popular in Your Feed permite a los oyentes ver la actividad de los usuarios que siguen. La primera pista de este módulo muestra que a 35 personas a las que Mary sigue les gustó una publicación de Paramore. El módulo compila la actividad en una notificación y tiene en cuenta los duplicados. Si las personas que sigue Mary reflejan facetas de su propio gusto musical, a Mary también le podría gustar la pista.

Digamos que una publicación tiene menos de 10 me gusta y una portada de álbum poco atractiva. ¿Lo escucharías?Si somos honestos, es menos probable que interpretes una publicación que parezca menos profesional y los números siempre influyen en tus expectativas.

Eliminé los me gusta y volví a publicar los recuentos para disminuir el juicio y el sesgo. Los iconos del lado derecho clasifican las publicaciones en tipos: estaciones, mezclas, listas de reproducción, álbumes o pistas. Para centrarse en escuchar en lugar de en la apariencia, Your Feed enfatiza el título, el artista y el tipo.

Buscar

En SoundCloud iOS, presionar en la pestaña Buscar lo lleva a su versión de Discover. Al presionar en la barra de búsqueda en la parte superior de la página, se cambia a Buscar. Separé Buscar y Descubrir en 2 pestañas separadas para la navegación. Si el oyente solo quisiera buscar, presionaría el botón Buscar. Aquí hay un ejemplo de mi primera iteración.

La búsqueda contiene búsquedas recientes y los resultados se dividen en vistas previas de cada clasificación, es decir, pistas, álbumes, personas.

Quité la barra de filtro que se desplazaba horizontalmente, usando solo un desplazamiento vertical para eliminar el tiempo que tardaría uno en moverse hacia arriba, hacia abajo y hacia los lados. El rediseño de la Búsqueda optimiza los resultados al encontrar el elemento más relevante como Resultado principal y proporcionar fragmentos de los tipos de resultados que existen.

Para aplicar géneros a las pistas, SoundCloud permite a los usuarios etiquetar sus cargas usando hashtags. Pensé que a los hashtags les vendría bien un poco más de vida para llamar la atención sobre ellos.

Descubrir

La página Discover de la primera iteración se centró más en desglosar SoundCloud por tipos como pistas, listas de reproducción y álbumes. Lo que noté fue que navegar a través de estos elementos se volvió repetitivo (las pistas, las listas de reproducción y los álbumes tendrían todos módulos para lo nuevo y lo sugerido). No había un tema detrás de cada elemento del menú.

Para que los elementos del menú sean menos arbitrarios, revisé el mapa del sitio de Discover para adaptarlo a la edad demográfica de SoundCloud de ávidos asistentes al festival. También intenté mantener un nivel de flexibilidad en los módulos que aparecen en cada página. Debido a los diferentes enfoques del proyecto, dejé de lado los Gráficos cuando hice una lluvia de ideas sobre las características de Discover y enfaticé Your Cloud, Around the World, Extended Play y Curated .

Descubrir> Featur ed

La última incorporación de SoundCloud a Discover es The Upload. Como vista previa para artistas populares o listas de reproducción seleccionadas por SoundCloud, creé una ventana roja de Featu que permite a los usuarios navegar a través de música y talento nuevos y frescos.

Descubrir> Tu Nube

Tus seguidores y seguidores forman tu nube, que es donde reside tu gusto musical. Su nube se compone de sus pares inmediatos, así como de contenido sugerido que podría gustarle. Con toda esta información girando alrededor de la (Sou nd) Nube (lo tengo), esta función captura las cosas relevantes para fortalecer y expandir su experiencia auditiva.

Descubrir> Alrededor del Wo RLD

Como plataforma global para artistas independientes en tantas partes diferentes del mundo, SoundCloud se ha convertido en la voz de las principales ciudades y escenarios . Around the World cubre eventos a gran escala, sets en vivo y movimientos. Esta página está destinada a llevar la actividad global a la superficie de SoundCloud.

Descubrir> Caliente y nuevo

Esto ya existe en SoundCloud Desktop (pero no en dispositivos móviles) en Gráficos. Hot & New identifica lanzamientos virales y notables de artistas emergentes, lo cual es perfecto para artistas de hip-hop y raperos calientes.

Descubrir> P extendido laico

La música electrónica es conocida por sus sets y actuaciones más largas . Extended Play compila cargas que se clasifican como mezclas o estaciones para que los usuarios puedan escuchar música durante horas.

Descubrir> Cura ted

Dado que los humanos somos vagos por naturaleza , Cura ted es la forma en que SoundCloud retribuye al oyente con listas de reproducción cuidadosamente seleccionadas. Estas listas de reproducción pueden variar desde subgéneros hasta movimientos en la escena musical.

Jugando ahora

Mantuve la pestaña de navegación y la forma de onda de SoundCloud para Now Playing, pero hice controles como pausa, siguiente y repetición más obvios para el usuario. Me concentré menos en la obra de arte para resaltar la sensación de un reproductor multimedia. También coloqué la opción de volver a publicar pistas dentro de la pantalla Ahora suena para animar a los oyentes a reproducir pistas antes de volver a publicarlas en su perfil.

Biblioteca

Si SoundCloud estuviera dirigido más a los coleccionistas de vinilos y a los hilanderos, podría ver cómo Collection sería un gran nombre para la biblioteca de música. Pero dado que SoundCloud cubre un grupo tan amplio de oyentes, quería usar Library porque es un título más común.

Puse una función que podía filtrar pistas no solo por cuando les gustaba, sino por artista, género o título. Aquí hay un ejemplo de cómo pensé que se vería.

En SoundCloud, dar me gusta a algo aumentará el recuento de Me gusta y lo agregará a la biblioteca, pero no hay comentarios que muestren que se ha realizado "agregado a la biblioteca". De forma similar a cómo Apple Music o Spotify notifican al usuario cuando se agrega una pista a la biblioteca, ilustré la acción para SoundCloud.

Perfil

Por último, pero no menos importante, ¡el perfil! Algunas de las sugerencias que me pidieron mis entrevistados fue mostrar y acceder a la descripción, enlaces y número de seguidores / seguidores. Reflejé la forma en que se enumeran las publicaciones en Discover en el perfil de este artista.

Cualquier descripción relacionada viene de arriba hacia abajo. Para más opciones como seguir, volver a publicar o acceder a las pistas de un artista, el menú viene de abajo hacia arriba.

Reflexionando sobre lo que se hizo

Lo que comenzó como una conversación informal con mis amigos se convirtió en una investigación profunda sobre nuestros hábitos como humanos y nuestras necesidades como oyentes. Durante los últimos 4 meses, exploré cada faceta del diseño de la experiencia del usuario y descubrí que mi fascinación por la interacción humano-computadora provenía de mi compasión por las personas.

Acepté este proyecto como un desafío para mí mismo, para ver qué podía hacer realmente. Sin segundas conjeturas, sin devoluciones. Enfrenté juicios, expectativas y mi mayor barrera: yo mismo. A lo largo de este esfuerzo, ejercí mis fortalezas y construí sobre mis debilidades. Algunas cosas poderosas que aprendí fueron saber cómo manejar el cambio, cuán crucial es la iteración y ser minucioso. Lo más importante es que hay mucho más que aprender en diseño e investigación.

Entonces, ¿adónde? No puedo decirte eso, ya que no tengo una respuesta sólida (algunos de nosotros no y eso está perfectamente bien). Pero puedo decirles esto: me dirijo a toda una vida de aprendizaje; convertirse en diseñador de productos; y disparar a la luna y más allá.

No dude en visitarme en mi sitio web si desea obtener más información.

¡¡Gracias por ver!! ?