Skip to content

KarineFrontelli/SAP005-data-lovers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokémon GO

O site desenvolvido em dupla, se trata de uma plataforma de consulta voltado aos usuários do jogo Pokemon Go onde o mesmo pode filtrar informações específicas do pokémon desejado

Como esse site é util ao meu usuário?

Atravéz da técnica de UX, foram criadas histórias de usuários, onde nelas contém infomações que são utéis ao nosso persona definido.

image image image

Prototipo de baixa fidelidade.

O layout do projeto foi desenvolvido com o intuido da interface ter um menu com filtros do tipo "hamburguer" ( contendo: força, fraqueza, tipos, ordem alfabética e ordem de pokedex), cards com frente (contendo: imagens dos pokémons, nome, número da pokedex,) e com verso (contendo: informações do tipo, altura, peso e se possui ovos), imagem de logo fiel as cores originais do jogo e barra de pesquisa por nome.

image image image

Método de organização do projeto.

Primeiro definimos o layout/cores e como sua interface deveria ser entregue, após definida, com base nessas infomações determinamos o tempo de entrega da tarefa concluída para a atual sprint. Nosso método de organização, se deu atravéz da ferramenta Trello, onde separamos cada tarefa para sua respectiva desenvolvedora.

image

Teste de usabilidade.

Após realizarmos o teste de usabilidade com nossos usuários, identificamos os seguintes pontos de melhorias:

  • A barra de pesquisa por nome,caso as letras fossem todas ou iniciadas em maiusculo, não retornava "pokémon não encontrado".

  • A informação do cálculo (cálculo agregado) da média de ataque do tipo escolhido, aparece atrás do menu quando a tela é abaixo de 500px. Tendo o usuário que fechar o menu para ler a informação.

  • Limpeza do input após o click do botão "Todos".

  • Elemento de fraqueza no verso do card era uma informação dispensável.

Entrega do site.

Ao final, temos a seguinte interface em todos os tamanhos no método responsivo

Desktop

image

Tablet

image

Celular

image

Ferramentas utilizadas:

  • JavaScript
  • HTML
  • CSS

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 99.0%
  • Other 1.0%