Adicionando uma nova feature no aplicativo Netflix | Practicing

Gabriella Cadete
Nov 6 · 3 min read

Criando wireframes de alta fidelidade para uma nova função dentro do aplicativo do Netflix

fonte: https://unsplash.com/@casparrubin

Ironhack’s Project 4: Adding a feature

No quarto projeto do Bootcamp da Ironhack tivemos que escolher qualquer aplicativo da nossa escolha para que dessemos um “boost” adicionando uma nova funcionalidade. Ah, e dessa vez os wireframes passam a ser em alta fidelidade.

Feature escolhida: Spotlight. Uma nova aba dentro do aplcativo da Netflix onde é possível recomendar filmes, séries, documentários, etc. de forma que amigos e pessoas que te sigam dentro da plataforma possam ver sua lista de recomendações e assistir também, caso se interessem nas suas sugestões.

Diferente dos demais projetos dessa vez não comecei pela pesquisa com usuários — mas como assim???? — Como a feature a ser adicionada foi decidida por mim através de lembranças de conversas que tive com amigos e conhecidos, além de experiência própria, optei em assumir que a ideia estava validada e pela opção de fazer uma pesquisa apenas analisando como outros aplicativos lidavam com as características . Então o primeiro passo desse projeto foi o de realizar um benchmarking.

Como a ideia se baseou em pessoas indicando para outras pessoas, os aplicativos escolhidos nessa fase foram aqueles que possuiam opções de você seguir outros usuários, analisar o que eles estão recomendando, curtindo, interagindo, ter uma rede de amigos, etc. Os aplicativos analisados foram: Spotify, Pinterest e Instagram. E com base nas análises cheguei a algumas definições:

  1. Tem que existir a dinâmica de se ter um perfil individual, onde todas as sugestões do usuário estariam catalogadas
  2. A dinâmica de adicionar seguidores e ver quem segue quem tem que ter, para criar uma comunidade dentro do aplicativo
  3. Uma timeline das últimas sugestões adicionadas pelas pessoas que o usuário segue deveria ser obrigatória, para que as pessoas pudessem visualizar de forma mais “real time” o que os seus amigos estão assistindo/indicando

Em seguida, antes de começar a desenhar as novas telas, fui analisar o aplicativo do Netflix para entender como que essa nova feature seria adicionada de uma forma orgânica, mantendo a consistência do aplicativo e fazendo sentido para o usuário. Para isso desenhei o Sitemap do aplicativo identificando em qual local seria o melhor para a nova feature — e quais informações estariam presentes nessas novas telas- e também analisei o estilo visua utilizado dentro do aplicativo, observando os padrões visuais, fontes, cores, ícones, etc. para criação dos wireframes de alta fidelidade.

Sitemap do aplicativo do Netflix. Em vermelho visualização da nova feature a ser adicionada.

Com os padrões identificados e com as informações que iriam conter em cada tela da nova feature, os wireframes em alta fidelidade foram sendo criados, ficando assim:

Telas de demonstração da nova funcionalidade Spotlight
Vídeo do protótipo feito no Figma demonstrando o fluxo do usuário dentro do aplicativo interagindo com a nova feature Spotlight

O que ficaria para os próximos passos:

Adicionar novas maneiras dos usuários interagirem mais com a função Spotlight, de forma que não vire só mais uma função sem uso, tendo em vista que já existem outras redes sociais de maior engajamento. Outras maneiras seriam:

  • Mostrar quantos usuários interagiram com as recomendações do usuário, mostrando o quanto ele.
  • Ter um selo de “Hot Spot” para aqueles usuários que sugerem muito e que tem uma rede de seguidores interessante dentro da plataforma.
  • Possibilidade das sugestões dos usuários puderem ser classificadas em suas páginas de forma customizável, e não necessariamente pelas categorias que o próprio Netflix já utiliza.

Fim

O projeto dessa quarta semana do Bootcamp trouxe vários ensinamentos, o que me deixou muito empolgada em fazê-lo. Primeiro pelo fato de estarmos fazendo o primeiro wireframe prototipado em alta fidelidade e segundo pelo fato da Netflix e do aplicativo já terem sua identidade visual bem definida, então foi muito legal ter que entender esses padrões e coseguir replicá-los nas novas telas de uma forma que a consistência fosse mantida. Devido a isso, acredito que esse projeto fez com que aprimorássemos nossa habilidade em UI.

That’s all!

;)


Integrantes do projeto:

Just me!

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade