Skip to content

nicolefranca/SAP004-data-lovers

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Data Lovers - List of Legends

Pagina pode ser acessada em List of Legends.

Definição do produto

O site List of Legends foi elaborado com base nos dados fornecidos sobre os campeões do jogo League of Legends, buscando satisfazer as necessidades dos unsuários quanto ao acesso a esses dados.

Optamos por fazer um site que permitisse filtrar os campeões por função e por dificuldade e que apresentasse todas as estatísticas de cada campeão quando selecionado. Quando os filtros são executados é apresentada a quantidade e a porcentagem de campeões naquele filtro em relação ao total de campeões disponíveis no danco de dados.

As pesrsonas listadas abaixo e necessidades do usuário foram posteriormente validadas através de um formulário Google

Personas

mimi

Mimi - 22 - feminino

Joga outros jogos de computador e está começando no LOL agora, joga por diversão. Precisa conhecer os campeões e saber seus níveis de dificuldade. Procura por uma página fácil e intuitiva pra ter informação rápido.

alvaro

Alvaro - 18 - Masculino

Conhece e joga há um tempo. Joga para se divertir mas ao mesmo tempo se preocupa com a sua evolução no jogo. Procura um site que possa ajudar a melhorar suas habilidades no jogo. Preferencias: Velocidade de ataque, velocidade de movimento, resistência mágica, ganho de mana por nível, alcance do ataque e dano crítico.

Histórias de usuário

Com base nas informções coletadas, escrevemos as cinco histórias de usuário listadas a baixo e a partir delas foram definidas as tarefeas que seriam executadas a cada sprint:

  • Eu como usuário preciso de um site onde posso ver todos os campeões do jogo para saber o que tem disponível.
  • Eu como usuário preciso filtrar os campeões por nível de dificuldade para escolher os que se adequem ao meu nível como jogador.
  • Eu como usuário preciso filtrar os campeões por função para escolher os que mais se adequam ao meu estilo de jogo.
  • Eu como usuário preciso ter mais informações sobre os campeões para decidir estrategicamente com qual jogar e evoluir como jogador.
  • Eu como usuário preciso filtrar os campeões por nome para encontrar um campeão específico facilmente.

Protótipos

Potótipo Mobile

A prototipação mobile foi feita no Marvel simulando o fluxo de navegação do usuário em nossa página. Simulação pode ser acessada no link List of Legends - Marvel

home mobile menu mobile filtro mobile modal mobile

Protótipo Desktop:

A prototipação desktop foi feita no Figma:

home desktop filtro desktop modal desktop

Problemas detectados nos testes de usabilidade

  • Queda de porformance na busca por nome;
  • Resolução baixa dos ícones de cada campeão;
  • Alguns textos em inglês no banco de dados, fazendo necessário traduzir a página para ter leitura em apenas um idioma;
  • Quantidade ideal de cards apresentados por linha na versão mobile.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 97.2%
  • CSS 2.0%
  • HTML 0.8%