Funcionalidade de rede social para o Spotify
1. Conceito
O objetivo do projeto foi o de criar uma funcionalidade para conectar pessoas no Spotify. O desenvolvimento partiu do conceito de possibilitar a comunicação e o compartilhamento de músicas e gostos pessoais entre os usuários.
Para compreender melhor a necessidade de adicionar essa funcionalidade ao Spotify, foram considerados sentimentos relacionados à experiência de utilizar uma rede social, de compartilhar músicas e de se conectar com outras pessoas através desse canal.
2. Funcionalidades
Para mapear os requisitos necessários, foi feita uma pesquisa para descobrir o que caracteriza uma rede social e quais são as principais utilizadas no Brasil e no mundo. Além do próprio Spotify, que ainda não possui tal funcionalidade, foram analisados os recursos disponíveis nessas redes, com o objetivo de listar quais eram os mais recorrentes e que tivessem maior valor de acordo com o conceito desejado para este projeto.
2.1 Especificação
O Spotify é um streaming de música, podcast e vídeos. Ele conecta pessoas aos seus artistas e músicas favoritos, possibilita que o usuário compartilhe músicas em outras redes sociais, e também permite ter um perfil de acordo com o gosto musical, através de recursos como seguir artistas, sua rádio e acompanhar novidades e calendário de eventos.
Então, considerando as funcionalidades já existentes, foi feito um levantamento de outras que seriam fundamentais para acrescentar a função de rede social ao Spotify.
3. Fluxos de navegação
Com as funcionalidades listadas, iniciou-se a etapa de desenho de fluxos, partindo da tela de dashboard, que é a área que agrupa as informações gerais do perfil do usuário. Dessa tela partem as interações para as funcionalidades que foram adicionadas.
No fluxo, foram considerados quatro principais:
1. Grupos: o usuário pode seguir um grupo e acompanhar o que outras pessoas estão discutindo. É possível acrescentar tópicos, curtir e compartilhar.
2. Perfil do usuário: é possível visualizar os artistas mais ouvidos, pessoas, artistas e grupos seguidos pela pessoa, além de acompanhar eventos em que ela demonstra interesse.
3. Eventos: tem o calendário de eventos dos artistas que são seguidos, onde é possível visualizar amigos que tem interesse ou confirmaram presença.
4. Notificações: mostra as atividades dos amigos e artistas seguidos, possibilitando que o usuário escolha o que quer ver.
4. Wireframes
Como o projeto tratava-se da adição de uma funcionalidade, optou-se por manter o mesmo grid e estrutura já pré-definidos no Design System do Spotify. Assim, foi utilizada uma base que considera duas colunas laterais: a da direita, onde é possível navegar por um menu com links para diversas áreas; e a coluna esquerda, onde é possível visualizar as músicas que os amigos estão ouvindo, e ver ter acesso também às notificações.
A navegação pela área central do dashboard é através dos cards, que conecta as demais área do perfil do usuário.
5. Guia de estilos
Para manter a consistência do Design System do Spotify, as cores, fontes e estilo de botões e ícones foram mantidos. Os ícones acrescentados seguem o mesmo padrão pré-definido, onde o ícone sem seleção é a traço, e quando é selecionado fica preenchido.
6. Componentes
Foram acrescentados alguns componentes relacionados com o compartilhamento de ideias e de conteúdos. Pela timeline, por exemplo, foi adicionado o box de diálogo, onde o usuário pode fazer postagens e ver também o que outros usuários comentaram.
7. Aplicação de UI
Abaixo, as telas principais da funcionalidade rede social: dashboard, mostrando além das músicas, os grupos e eventos. A tela de grupos, com tópicos de discussão. A tela de notificações, onde é possível marcar uma postagem, excluir ou até ouvir a música compartilhada pelos amigos. E o perfil, que tem uma timeline com as atividades do usuário, além de um menu que contém link para acessar os eventos, os grupos e a lista de pessoas que são seguidas.
