Skip to content

laris28/SAP005-data-lovers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokémon

Abertura Pokémon

Pokémon GO é uma experiência de jogo internacional que tem mais de um bilhão de downloads e foi nomeado "o melhor jogo para celular" pelo Game Developers Choice Awards e "a melhor aplicação do ano" pelo TechCrunch (extraído do Google Play). Os usuários do jogo se tornam "Mestres/ treinadores Pokémons" e podem:

  • Descobrir o mundo Pokémon: explorar e descobrir novos Pokémon onde quer que estejam;

  • Pegar diferentes Pokémon para completar seu Pokédex;

  • Lutar contra Pokémon de outros treinadores e conquiste ginásios;

  • Competir em batalhas épicas contra outros treinadores;

  • Juntar-se a outros treinadores para capturar Pokémon poderosos durante os ataques.

Planejamento

Para nosso planejamento utilizamos a ferramenta Trello que nos auxiliou em todo o processo de organização e gerenciamento do projeto.

Criamos um quadro onde foram feitas listas com as tarefas necessárias para que o projeto fosse desenvolvido de forma correta.

História do usuário 1

Figura1: Planejamento no Trello

História de Usuário

Entre muitas pesquisas e entrevistas com jogadores de Pokémon, escolhemos o formato Connextra, no qual o usuário escreve em um cartão o seu papel, o que deseja e como iria se beneficiar com isso. Esse modelo induz o usuário a ser claro e objetivo.

Nas entrevistas, utilizamos post-it e selecionamos dois usuários que pudessem representar as necessidades do grande público de usuários.

História do Usuário (1)

História do usuário 1

Figura2: História do Usuário 1

Critérios de Aceitação - Usuário 1

  • Ao acessar o site o usuário já poderá visualizar todos os Pokémons na aba "Home";

  • O usuário pode interagir com a interface para obter todas as informações de cada pokémon;

  • O usuário pode clicar no campo de filtro onde receberá opções para filtrar e assim receber uma listagem apenas com seu interesse;

  • O usuário deve selecionar apenas uma das opçôes de filtro que lhe é oferecida;

  • Ao selecionar uma opção, o usuário recebe as informações que lhe é necessária através da filtragem.

História do Usuário (2)

História do usuário 2

Figura3: História do Usuário 2

Critérios de Aceitação - Usuário 2

  • Ao acessar o site o usuário já poderá visualizar todos os Pokémons na aba "Home";

  • O usuário pode interagir com a interface para obter todas as informações de cada pokémon;

  • O usuário pode clicar no campo "Filter by type" onde receberá opções para filtrar e assim receber uma listagem apenas com seu interesse;

  • Ao filtrar o usuário terá acesso à porcentagem de Pokémons do tipo selecionado no filtro;

  • O usuário poderá ver os cards com informações mais detalhadas.

Definição de Produto

Definido de acordo com as necessidades pontuadas pelos usuários, sendo assim, foi feito um protótipo inicial para saber se a interface e o estilo estão de acordo. Após as análises e o processo de aprovação, foi elaborado um projeto que lhes traga informações detalhadas de cada Pokémon de forma geral, tendo como opção do usuário escolher se deseja fazer uma filtragem para receber apenas as informações diretas que deseja, sendo a filtragem por nome, tipo (espécie), resistência ou fraqueza. Podendo assim, também ordenar em ordem alfabética crescente e decrescente.

Desenho de Interface do Usuário

Protótipo de baixa fidelidade

Pensando nas necessidades que surgiram nas entrevistas, foi criado protótipos de baixa fidelidade, para no qual pudesse fazer modificações e melhorias com facilidade.

Protótipo - home

Figura4: Esse protótipo representa a página principal do site denominada como Home.

Protótipo - Sobre

Figura5: Protótipo do link - Sobre.

Protótipo de alta fidelidade

Criação do protótipo de alta fidelidade, com o objetivo de visualizar melhor todos os detalhes para página web, otimizando as ideias do produto e com intenção de grandes melhorias futura.

Protótipo de Alta Fidelidade - Home

Figura6: Ideia de protótipo de alta fidelidade na parte do Home.

Protótipo de Alta Fidelidade - Sobre

Figura7: Ideia de protótipo de alta fidelidade para o link - Sobre.

Teste de Usuabilidade

Durante o processo de desenvolvimento deste produto os usuários pontuaram algumas modificações para a melhoria da interação com a interface. Optaram por um site mais prático e fácil de usar, para que consigam receber seus resultados de pesquisa com mais facilidade. As resoluções propostas:

  • Menu: Retirado, para não se tornar algo repetitivo, já que consta na barra de navegação os links. Onde é mais prático e visível para o usuário acessar;
  • Carrossel: Retirado, pois o usuário quer a princípio algo mais objetivo. De entrar na página e já localizar o que quer;
  • Cores: Alteração das cores, deixando mais claras de fundo;
  • Logos: Alteração de logos para melhor visualização e aprovação do usuário, e acréscimo de redes de sociais;
  • Campo para ordenar os dados de pesquisa: Acrescentado, para melhor experiência do usuário;
  • Cards raros: Ficará na página home, os usuários terão eles de fácil acesso, sem precisar filtrar.

Teste Usuabilidade 1 - Home

Figura8: 1º teste de Usualibilidade - Home

Teste Usuabilidade 1 - Sobre

Figura9: 1º teste de Usuabilidade - Sobre

Projeto final

Após passar pelos testes de usabilizadade chegamos ao projeto final atendendo todas as necessidades dos usuários.

Teste Usuabilidade 1 - Sobre

Figura10: Projeto final - Home

Teste Usuabilidade 1 - Sobre

Figura11: Projeto final - Home

Autoras

About

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 98.8%
  • Other 1.2%