Acesse a aplicação aqui: https://cbalieiro.github.io/onde-assistir/
- Apresentação
- Design Thinking
- Planejamento
- Usuários
- Desenvolvimento
- Pontos de Melhoria
- Agradecimentos
- Devas
👋 Onde Assistir? é uma aplicação web que tem por objetivo auxiliar os apaixonados por séries e filmes a encontrar exatamente qual (is) streaming (s) de vídeo oferece (m) o título desejado, de forma a otimizar o tempo gasto pesquisando em cada plataforma se possui o título ou não, em seu catálogo. Este projeto foi desenvolvido por estudantes de programação Front End, através de um Hackathon proposto durante o bootcamp da Laboratória, com a finalidade de aprendizagem e enriquecimento de conhecimento das alunas.
📑 Para desenhar este projeto, utilizamos a abordagem Design Thinking, exemplificado através do fluxograma:
🕵️♀️ O mapeamento foi realizado com 3 processos, Investigação, Entrevistas e Pesquisa.
📌 Realizando a investigação na temática de Streaming de vídeos encontramos diversas insatisfações dos usuários.
🎫 Com objetivo de identificar e caracterizar os problemas dos usuários de streaming de vídeos, realizamos 5 entrevistas individuais.
📈 Realizamos pesquisa de mercado através do Google Forms para identificar a amplitude e caracterização do nosso público alvo, verificamos que a maioria se encontra na faixa etária entre 19 e 39 anos e que se identifica ao gênero feminino, conforme gráficos.
As plataformas que mais utilizadas são Netflix, Amazon Prime Video, Disney +, Globoplay, Telecine e HBO Go, nesta ordem.
Ao perguntar a respeito da funcionalidade da aplicação, a maioria dos respondentes se mostrou interessada
📎 Realizamos Brainstorming e organização de idéias pela ferramento Miro, nele separamos as problemáticas apresentadas e soluções sugeridas pelos usuários na etapa de mapeamento
🎉 Então tomamos a decisão de atacar a problematica de apresentar ao leitor quais streamings dispoem de cada título e montamos nosso Briefing e KanBan de background do nosso produto
📝 Inicialmente modelamos 2 protótipos de baixa qualidade realizados em papel
Então mesclamos as características positivas de ambos e finalizamos o modelo final de protótipo de baixa fidelidade e o resultado foi este
A partir dele, criamos a primeira versão do protótipo de média fidelidade que pode ser acessado aqui: http://bit.ly/prototipo-streaming
O protótipo definitivo foi finalizado após os testes de usabilidade e implementado mudanças a partir do feedback dos usuários realizados com prototipo anterior, pode ser acessado aqui: http://bit.ly/onde-assistir-teste2
🗨️ Com o feedback dos testes de usabilidade percebemos os seguintes problemas, e propomos as respectivas soluções:
-
Campo de busca confuso abaixo do menu Séries e Filmes;
✔️ Solução - Mudar para abaixo do header. -
Campo de busca em branco, confunde o que é para fazer;
✔️ Solução - Inserir uma lupa dentro do campo de busca, evidenciando que ali é para fazer as pesquisas. -
Emojis dos botões de classificação difíceis de enxergar;
✔️ Solução - Aumentar o tamanho dos emojis. -
Menu com botões muito grandes;
✔️ Solução - Reduzir o tamanho do menu. -
Ao clicar no botão do menu, a cor do botão clicado muda para cinza claro e onde não foi clicado fica cinza escuro, o que confundiu, pois segundo os testes, os usuários deduziram que onde está mais escuro seria o botão selecionado;
✔️ Solução - Inveter a cor dos botões. -
Uuário tentou clicar no ícone de indicação da plataforma, onde não havia nenhum direcionamento e não acontecia nenhum evento ao clicar;
✔️ Solução - Interligar o link da plataforma ao ícone, para ao clicar, o usuário ser drecionado para a respectiva plataforma.
💪 Utilizamos a ferramenta Trello para separar as tarefas e grupos de trabalhos
👯♀️ De acordo com a pesquisa e as entrevistas realizadas, definimos as personas e as histórias de usuário que orientaram o desenvolvimento do projeto
Nossas proto-personas foram modeladas baseando-se na pesquisa realizada e validadas pelas entrevistas individuais
Nas histórias de Usuário que baseamos nossa aplicação são:
-
Eu como usuário quero assistir um determinado filme/série e desejo saber rapidamente em qual plataforma de stream está disponível.
-
Eu como usuário desejo, ao querer assistir um determinado filme ou série, saber atravez de poucos cliques, as informações de gênero, sinopse e os respectivos streamings que está disponível.
⚙️ Para desenvolvimento deste projeto foi utilizado HTML5, CSS3 e Vanilla JavaScript, utilizando a API fornecida pelo The movie database (TMDB) com o conceito de Mobile First.
🚧 Definimos que para os próximos passos sejam feitos os seguintes aprimoramentos:
- Criar gênero outros que mostre somente títulos que não tenham nenhum dos generos já listados no site
- Adaptar o redirecionamento de streaming direto para pagina do título na plataforma clicada
Este projeto foi desenvolvido com muito carinho pelas desenvolvedoras:
👸 Bianca Shérika
👸 Camila Oliveira
👸 Akemi Mitsueda
👸 Caroline Shimada
👸 Hadassa Costa
👸 Kauana Agostini
👸 Lucila Xavier