Meus amigos odeiam SoundCloud iOS, então eu o redesenhei para eles

O que começou como uma conversa casual com meus amigos se tornou uma exploração séria. Em parte porque adoro o SoundCloud, e em parte porque precisava me desafiar para seguir em frente em minha carreira.

Comecei a usar o SoundCloud obsessivamente em 2013 e, desde então, comecei a usar outros aplicativos de streaming também. SoundCloud é incrível. Sempre que passo por sua comunidade, posso esperar descobrir muitos novos talentos.

Então, comecei a redesenhar o aplicativo iOS do SoundCloud do zero, do jeito que eu e meus amigos gostaríamos que fosse.

Parte I - Começando do zero

Iteração I

Nos últimos seis meses, não pude lutar contra a sensação de que o SoundCloud havia mudado desde que lançaram sua plataforma móvel. E não no bom sentido. Quando eu perguntava a meus amigos como eles se sentiam, eles ficavam muito agitados. Discutíamos sobre o que ainda amamos e o que estava errado; Eu tinha conversas profundas com meus motoristas Lyft; Eu discretamente colocaria perguntas sobre o SoundCloud em discussões aleatórias.

Veja, descobri que a maioria de nós evitava usá-lo.

Então, fiquei cada vez mais curioso ...?

O que tornou outros aplicativos de streaming móvel mais fortes ou mais fracos do que o SoundCloud? Quais foram os detalhes de nossa infelicidade? O que precisava mudar? Para ter uma ideia, expandi minha experiência de streaming e comecei a usar o Spotify e o Apple Music, comparando e contrastando seus pontos fortes, fracos e padrões. Quais elementos e termos eram universais nessas plataformas de streaming?

Depois de compilar mentalmente uma lista de sugestões e melhorias para o SoundCloud (de conversas informais etc.), percebi o inevitável.

Se eu quisesse redesenhar o SoundCloud, teria que começar do zero .

Eu tive que começar no marco zero.

Situação

Em 2016, o mercado global de música gravada cresceu 5,9% devido ao streaming (IFPI Facts and Stats 2016). 59% das receitas digitais naquele mesmo ano vieram apenas de streaming. Como uma das plataformas de streaming mais populares, o SoundCloud enfatiza fortemente sua comunidade, gravando 847 milhões de conexões eletrônicas feitas em 2015. Ele possui uma das maiores comunidades digitais de base de música eletrônica estimada em mais de 10 milhões.

Hipóteses

SoundCloud se tornou um concorrente de streaming de música em 2016, depois de lançar seu serviço de assinatura SoundCloud Go. A imprensa expressou críticas menos do que satisfeitas após seu lançamento; O SoundCloud respondeu lançando uma nova camada chamada SoundCloud Go + em 2017. Enquanto a plataforma lutava para conquistar usuários em relação ao Spotify Premium, comecei a formar hipóteses.

1. O streaming e a descoberta de músicas são atividades muito sociais

2. Fazer playlists é crucial para a experiência de escuta de alguém

3. A descoberta de novas músicas deve ser conveniente

Pesquisa de Mercado I

Globalmente, as maiores participações de música eletrônica são mantidas na Europa e na Ásia, e os maiores fluxos de música eletrônica estão na América, Grã-Bretanha, Dinamarca e México. (IMS Summit Business Report 2017)

“A geração do milênio tem 40% mais chances de participar de um evento de clube nos EUA e totaliza 2 bilhões globalmente” - Relatório de negócios do International Music Summit 2017

Pesquisa I

Acionistas

Eu dividi os stakeholders em duas categorias: amadores e profissionais. Para atender a uma necessidade compartilhada por todos, examinei sua função abrangente.

Cada parte interessada era, em última análise, um ouvinte.

Na verdade, concentrei minhas perguntas nos hábitos dos ouvintes e dos streamers. Para esta rodada, coletei respostas de 23 participantes com idades entre 18 e 28 anos. 82% eram homens e 80% estavam na faculdade.

Descobri que meus participantes tinham mais probabilidade de ver repetidamente faixas repostadas em seu feed do mesmo grupo de artistas. Eles se viram em um loop de feedback, onde as mesmas faixas circulavam dos mesmos usuários. Os usuários eram menos propensos a encontrar novas músicas e eram influenciados por recursos como contagem de 'curtir' e 'repostagem'. Alguns deles disseram que iriam rolar por 3 ou 5 faixas em seu feed, perder o interesse e ir para outra coisa.

Mais perguntas começaram a se formar. Qual a importância da conexão de um usuário com a comunidade musical online? Com que frequência os ouvintes ouvem a música de seus amigos? Como eles são influenciados por faixas repostadas e como contagem?

Entrevistas

Tive 5 entrevistas, cada uma das quais durou cerca de 30 minutos. Eu fiz mais de 20 perguntas, com o objetivo de descobrir o que cada indivíduo acreditava ser os pontos fortes e fracos do SoundCloud iOS. Minhas entrevistas expuseram uma falta de confiança nas recomendações do SoundCloud como uma plataforma de descoberta. O SoundCloud não era tão polido quanto o Spotify e o Apple Music. Em vez disso, era visto como um portfólio para desenvolver artistas, em vez de uma discografia profissional. Todos os meus resultados são compilados aqui.

Com meus dados coletados, eu poderia pintar um quadro melhor. Ilustrei o tipo de comportamento que projetaria para personas e cenários. O primeiro cenário é a história de uma amiga cuja experiência auditiva a estimulou a compartilhar uma faixa com um amigo. A segunda fala de um jovem adulto que trabalha e deseja ter uma nova experiência auditiva enquanto dirige para o trabalho no trânsito.

100% dos participantes da pesquisa e das entrevistas ouviram variações da música eletrônica. Isso incluiu uma ampla variedade de subgêneros, incluindo trap, música eletrônica e pop. 60% dos entrevistados afirmaram ouvir podcasts, sets ou mixagens, podendo durar de 30 minutos a 3 horas. O feedback deles apoiou minha compreensão do SoundCloud como uma plataforma para música eletrônica, seja na forma de produção de rap ou subgêneros.

Para revisitar minhas hipóteses:

1. Minhas entrevistas mostraram que o streaming e a descoberta de música não são atividades muito sociais, mas explorações pessoais. O gosto individual é extremamente único.2. Nem todo mundo faz playlists porque exige muito mais esforço do que o usuário médio pode pagar.3. A solução? Dê aos ouvintes a música que eles nunca souberam que queriam. Ou em outras palavras, os humanos são preguiçosos, então temos que fazer todo o trabalho.

Mais importante, a comunidade e o repositório de música eletrônica do SoundCloud devem estar na superfície. Isso significaria curar conteúdo (conjuntos gravados, influenciadores, mixagens ao vivo) e organizar bibliotecas de música para envolver os hábitos da comunidade de música eletrônica. Para atender às necessidades dos meus assuntos, fiz as seguintes propostas:

Propostas

1. Uma nova página dedicada a Eventos e Mixes2. Organize e categorize a coleção de music3 salva. Uma nova página dedicada aos Curadores4. Um módulo separado para trilhas populares repostadas5. Concentre-se exclusivamente na comunidade de música eletrônica e dance

Prototipagem

Fluxos do usuário

Depois de estudar os aplicativos comuns de streaming de música e digerir os caminhos móveis do SoundCloud, visualizei aproximadamente seus recursos mais importantes. Esses recursos orientaram quais fluxos e caminhos do usuário eu acreditava que os usuários provavelmente seguiriam ao usar o SoundCloud.

Baixa fidelidade

Pegando as informações organizadas por meio de mapas de sites e fluxos de usuários, criei wireframes de baixa fidelidade para Profile ou Home, Library e Discovery usando protótipos de papel. Mudei para wireframes digitais depois e desenhei mapas básicos de wireframes para agrupar telas.

Mid Fidelity

De baixa fidelidade, observei o significado e o propósito de cada elemento e página. Novamente, os itens a seguir são organizados pelas ramificações principais do aplicativo: Perfil ou Home, Descobrir e Biblioteca.

Eventos e misturas

Descubra> Mixe s>

1. Apresentado - colaboradores, artistas sugeridos etc.

2. Eventos - festivais, apresentações

3. Localização - principais cidades e cenários

4. Podcasts - residentes, misturas diárias

Curadores

Descubra> Mixe s>

1. Gravadoras - distribuidores profissionais

2. Self-made - canais do YouTube

3. Coletivos de música - grupos, colaboradores

Imprensa - revistas e música de estreia de relações públicas

Alta fidelidade

Protótipo Online

Deixe-me saber sua opinião sobre como a infraestrutura funciona para você, o que poderia ser melhor na interface e sua experiência geral.

Parte I foi minha primeira execução no Adobe XD, e estou impressionado com a facilidade de usar o recurso de prototipagem. A Parte I também cobre os resultados da pesquisa inicial e a primeira maquete interativa. Para a Parte II , vou me concentrar em design visual e microinterações usando Sketch e Principle, suavizando as arestas do primeiro modelo para uma segunda iteração melhor.

Parte II - Dando um passo para trás

Iteração II

Obrigado por ler até agora! As partes finais deste projeto me deixaram mais entusiasmado com o design de interação como um todo. Encontrei esses gifs para mostrar a vcs como me sinto sobre o progresso?

Antes de passar para a última metade deste projeto, observei como o SoundCloud mudou nos últimos meses. Revisei os dados que havia coletado alguns meses antes e peneirei as atividades atuais do SoundCloud. Artistas como Lil Uzi Vert , Post Malone e Travis Scott estiveram no topo das paradas do SoundCloud, tornando o hip-hop tão popular quanto (senão mais que) eletrônico. Depois de basear este projeto em pessoas que ouviam principalmente música eletrônica, pensei que deveria seguir uma direção totalmente nova.

Eu dei um passo para trás.

Se a base do SoundCloud tivesse mudado, eu sabia que precisava de mais evidências. Concentrei-me em um pequeno tamanho de amostra em minha própria rede e precisava expandir. Por que não coletar mais dados sobre streaming de música?

Pesquisa de Mercado II

Compilado por meio de uma série de artigos, comunicados à imprensa e pesquisas do NYTimes, Forbes, WMagazine e outros, percebi que a tendência do hip-hop por meio do SoundCloud surgiu nos últimos anos. Os 3 principais artistas no SoundCloud em 2015 foram Drake , Major Lazer e G-Eazy (Forbes 2015). Em 2016, o álbum top foi Coloring Book de Chance the Rapper , a faixa mais favorita Panda de Desiigner , e a mais seguida: Lil Uzi Vert .

Pesquisa II

Fiz outra pesquisa mais concisa e focada em dados quantitativos. Composto por quatro questões de múltipla escolha, reuni respostas de 167 participantes.

Os resultados são os seguintes: Música eletrônica e hip-hop empatados no gênero mais ouvido. A maioria dos streamers de música tinha idades entre 16 e 27, com média de 21 anos . O Spotify lidera contra o SoundCloud como a plataforma de streaming móvel preferida. O streaming era considerado a atividade mais importante, depois a descoberta e a criação de playlists.

Para revisitar minhas propostas:

1. Organize e categorize a coleção de músicas salvas2. Um módulo separado para faixas populares repostadas3. Concentre-se na comunidade de música eletrônica, dança e hip-hop4. Estruture as páginas do Discover para se moldar aos gêneros e à comunidade

A maioria dos resultados da segunda rodada refletiu os dados que eu havia coletado alguns meses atrás, mas aprendi algo novo:

Um dos pontos fortes do SoundCloud como plataforma é sua versatilidade e capacidade de evoluir com seu público.

A fim de se transformar com sua comunidade, o design deve ser imparcial, favorecer todos os gêneros musicais e desenvolver as características da marca atual do SoundCloud: austera e neutra.

Ícones

Tentei fazer ícones para ter uma ideia de como aperfeiçoar os pixels. Dado que esta é a minha primeira vez e há muito espaço para melhorias, pude ver como a minha atenção aos detalhes pode se deixar levar.

Design Visual e Microinterações

Casa

Para o SoundCloud iOS, o objetivo (e único objetivo) do Home é mostrar a atividade das pessoas que você segue. Todas as postagens são despejadas no feed em ordem cronológica. Os elementos mais salientes do feed são a arte de cada postagem e a contagem de curtidas e repostagens.

Popular em seu feed permite que os ouvintes vejam a atividade dos usuários que eles seguem. A primeira faixa neste módulo mostra que 35 pessoas que Mary segue gostaram de uma postagem do Paramore. O módulo compila a atividade em uma notificação e contabiliza as duplicatas. Se as pessoas que Mary segue refletem facetas de seu próprio gosto musical, Mary pode gostar da faixa também.

Digamos que uma postagem tenha menos de 10 curtidas e uma capa de álbum não atraente. Você ouviria isso?Se formos honestos, é menos provável que você desempenhe um cargo que pareça menos profissional e os números sempre influenciam suas expectativas.

Retirei o gosto e repasse as contagens para diminuir o julgamento e o preconceito. Os ícones do lado direito categorizam as postagens em tipos: estações, mixes, lista de reprodução, álbuns ou faixas. Para focar na audição em vez da aparência, Seu Feed enfatiza o título, artista e tipo.

Pesquisa

No SoundCloud iOS, pressionar a guia Pesquisar leva você à versão do Discover. Pressionar a barra de pesquisa no topo da página muda para Pesquisar. Separei a Pesquisa e a Descoberta em duas guias separadas para navegação. Se o ouvinte quiser apenas pesquisar, ele deve pressionar o botão Pesquisar. Aqui está um exemplo da minha primeira iteração.

A pesquisa contém pesquisas recentes e os resultados são divididos em visualizações de cada classificação, ou seja, faixas, álbuns, pessoas.

Tirei a barra de filtro que rolava horizontalmente, usando apenas uma única rolagem vertical para eliminar o tempo que levaria para se mover para cima, para baixo e para os lados. O redesenho da Pesquisa otimiza os resultados, encontrando o item mais relevante como o Resultado Principal e fornecendo trechos dos tipos de resultados existentes.

Para aplicar gêneros às trilhas, o SoundCloud permite que os usuários rotulem seus uploads usando hashtags. Achei que as hashtags precisariam de um pouco mais de vida para chamar a atenção para elas.

Descobrir

A página Descobrir da primeira iteração se concentrou mais em dividir o SoundCloud por tipos, como faixas, listas de reprodução e álbuns. O que percebi foi que navegar por esses itens tornou-se repetitivo (faixas, listas de reprodução e álbuns todos teriam módulos para quente, novo e sugerido). Não havia um tema por trás de cada item do menu.

Para tornar os itens do menu menos arbitrários, revisei o mapa do site do Discover para se ajustar à faixa etária do SoundCloud de ávidos participantes do festival. Também tentei manter um nível de flexibilidade para os módulos apresentados em cada página. Devido aos diferentes focos do projeto, deixei de lado os gráficos ao fazer o brainstorming dos recursos do Discover e enfatizei Sua nuvem, pelo mundo, jogo estendido e curadoria .

Discover> Featur ed

A mais recente adição do SoundCloud ao Discover é o The Upload. Como uma prévia para os melhores artistas ou playlists com curadoria do SoundCloud, criei uma janela vermelha do Featu que permite aos usuários navegar por novas músicas e talentos.

Descubra> Seu Cl oud

Seus seguidores e seguidores constituem sua classe, que é onde reside o seu gosto musical. Sua nuvem é composta por seus pares imediatos, bem como conteúdo sugerido de que você pode gostar. Com todas essas informações girando em torno da (Sou nd) Cl oud (entendi), esse recurso captura o material relevante para fortalecer e expandir sua experiência auditiva.

Descubra> Pelo Mundo

Como uma plataforma global para artistas independentes em tantas partes diferentes do mundo, o SoundCloud se tornou uma voz para as principais cidades e cenários . Around the World cobre eventos de grande escala, sets ao vivo e movimentos. Esta página tem como objetivo trazer a atividade global para a superfície do SoundCloud.

Descubra> Hot & New

Isso já existe no SoundCloud Desktop (mas não no celular) em Gráficos. Hot & New identifica lançamentos virais e notáveis ​​de artistas promissores, o que é perfeito para artistas e rappers de hip-hop quentes.

Descubra> Extended P lay

A música eletrônica é conhecida por sets e performances mais longas . Extended Pl ay compila uploads que são classificados como mixagens ou estações para que os usuários possam ouvir música por horas.

Descubra> Cura ted

Como os humanos são preguiçosos por natureza , Cura ted é a maneira do SoundCloud de retribuir ao ouvinte com playlists escolhidas a dedo. Essas listas de reprodução podem variar de subgêneros a movimentos na cena musical.

Jogando agora

Eu mantive a guia de navegação e a forma de onda do SoundCloud para Reproduzindo Agora, mas tornei os controles como pausar, avançar e repetir mais óbvios para o usuário. Eu me concentrei menos na arte para trazer à tona a sensação de um reprodutor de mídia. Também coloquei a opção de repassar faixas na tela Reproduzindo Agora para encorajar os ouvintes a reproduzir as faixas antes de repassar para seus perfis.

Biblioteca

Se o SoundCloud fosse mais voltado para colecionadores e spinners de vinil, eu poderia ver como Collection seria um grande nome para a biblioteca de música. Mas como o SoundCloud cobre um grupo tão vasto de ouvintes, eu queria usar a Biblioteca porque é um título mais comum.

Eu coloquei um recurso que poderia filtrar as faixas não apenas por quando foram curtidas, mas por artista, gênero ou título. Aqui está um exemplo de como eu pensei que seria.

No SoundCloud, curtir algo irá aumentar a contagem de curtidas e adicioná-lo à Biblioteca, mas não há feedback para mostrar que 'adicionado à Biblioteca' foi executado. Semelhante a como o Apple Music ou Spotify notifica o usuário quando uma faixa é adicionada à biblioteca, ilustrei a ação para SoundCloud.

Perfil

Por último, mas não menos importante, o perfil! Algumas das sugestões que meus entrevistados pediram foi mostrar e acessar a descrição, links e seguidores / contagem de seguidores. Eu espelhei a maneira como as postagens são listadas no Discover no perfil deste artista.

Qualquer descrição relacionada vem de cima para baixo. Para mais opções, como seguir, postar novamente ou acessar as faixas de um artista, o menu vem de baixo para cima.

Refletindo sobre o que foi feito

O que começou como uma conversa casual com meus amigos se transformou em uma investigação profunda sobre nossos hábitos como humanos e necessidades como ouvintes. Nos últimos 4 meses, explorei cada faceta do design de experiência do usuário e descobri que meu fascínio pela interação humano-computador derivava de minha compaixão pelas pessoas.

Encarei esse projeto como um desafio para mim mesmo, para ver o que eu realmente poderia fazer. Sem dúvidas, sem retoma. Eu enfrentei julgamentos, expectativas e minha maior barreira: eu mesmo. Ao longo de toda essa empreitada, exercitei minhas forças e construí minhas fraquezas. Algumas coisas importantes que aprendi foram saber como lidar com a mudança, como a iteração é crucial e ser meticuloso. E o mais importante: há muito mais a aprender em design e pesquisa.

Então, para onde? Não posso te dizer isso, visto que não tenho uma resposta sólida (alguns de nós não e isso está perfeitamente ok). Mas posso lhe dizer uma coisa: estou caminhando para uma vida inteira de aprendizado; tornar-se um designer de produto; e atirando para a lua e além!

Sinta-se à vontade para me visitar em meu site se quiser saber mais.

Obrigado por assistir !! ?