Data Lovers

Índice

• 1. Sobre o projeto
• 2. Histórias de usuários
• 3. Funcionalidades da aplicação
• 4. Protótipos
• 5. Testes de usabilidade
• 6. Ferramentas utilizadas
• 7. Link Pokémon!

---

1. Sobre o projeto

Esta aplicação foi desenvolvida com base em um banco de dados pré-selecionado. A partir da base de dados foram desenvolvidas funcionalidades de acordo com as necessidades e histórias do usuário.

2. Histórias de usuários

Personas:

Paloma: 22 anos e joga Pokémon GO nas horas livres, no trajeto entre a faculdade e a sua casa. No jogo, tem como objetivo conseguir capturar todos os pokémons e precisa ter acesso as informações de maneira rápida, como qual a chance de um pokémon aparecer no mesmo local.

Rafael: 13 e é um jogador ativo, com o objetico de dominar um ginásio. Para isso, precisa ter fácil acesso as informações de um pokémon específico, como fraquezas e qual o seu tipo.

Histórias:

Como usuário, desejo...

1: Vizualizar todos os pokémons e suas informações ao abrir a aplicação.

2: Ordernar todos os pokémons por ordem alfabética crescente e decrescente.

3: Filtrar os pokémons por tipo.

4: Buscar um pokémon pelo nome.

5: Obter as estatísticas sobre cada tipo de pokémon.

3. Funcionalidades da aplicação

Após definir as personas e criar as histórias de usuários, estabelecemos quais dados seriam mostrados nos cards e quais funcionalidades seriam desenvolvidas.

• Filtrar por tipo ou nome
• Ordernar
• Calcular a porcentagem de cada tipo

Ao desenvolver cada funcionalidade, foram desenvolvidos critérios que deveriam ser cumpridos para atender a definição de pronto.

4. Protótipos

Após criar e desenvolver as personas e as histórias de usuários, fizemos um esboço de como seria o site e a disposição das informações nos cards.

Foto do layout

Foto do card

5. Testes de usabilidade

Foram desenvolvidos e realizados testes de usabilidade, para identificar possíveis problemas. Ao realizar os testes, pudemos identificar uma falha em uma determinada função e conseguimos corrigi-lo. Foi possível também melhorar a experiência do usuário, modificando a disposição de alguns campos, e também a paleta de cores utilizada, desenvolvendo uma aplicação mais agradável ao usuário.

6. Ferramentas utilizadas

Para desenvolver essa aplicação, utilizamos as seguintes ferramentas:

• Vanilla JavaScript
• HTML
• CSS
• GIT
• GitHub
• Visual Studio Code
• Jest

7. Link Pokémon!

https://tayaracaires.github.io/SAP003-data-lovers/src/index.html