/SAP004-data-lovers

O objetivo desse projeto foi trabalhar com dados (dispostos em forma de array e object) e distribuí-los ao seu devido público como informações através de uma WebApp responsiva para smartphones. Trabalho colaborativo feito com @larissamiyaji.

Primary LanguageJavaScript

League Of Legends Tool

Índice

1. Prefácio

O League of Legends Tool é uma ferramenta pensada e criada tendo como público alvo as jogadoras de League of Legends, também conhecido mundialmente como LoL. O LoL é um jogo de estratégia onde duas equipes se enfrentam com um único objetivo em comum, destruir a base uma da outra.

Para acessar clique aqui.

2. Nosso Propósito

Temos como objetivo principal auxiliar as jogadoras a conhecerem melhor cada um dos campeões disponíveis no jogo. Para que assim, possam escolher com mais sabedoria seu personagem e saber o que cada campeão tem a oferecer em suas partidas. Para que isso seja possível, juntamos diversas informações e características dos personagens e mostramos tudo em um único lugar!

O processo de desenho de desenvolvimento dessa web application se deu baseado em pesquisa com usuários do jogo LOL, teste de usabilidade, conceitos de UX e UI como definição de persona e histórias de usuário; e o uso de metologia ágil para elaboração e cumprimento das HU's.

3. Histórias de Usuário

Para podermos iniciar o projeto, criamos um formulário para captar informações e criar as histórias de usuários a seguir, que nos serviram como base para cada sprint do projeto.

  • História 1 - Ver informações importantes dos campeões. Eu como usuária de obter informações sobre nomes e habilidades dos personagens. • Critério de aceitação: O usuário pode acessar informações básicas, como nome e habilidades, dos personagens. • Definição de pronto: Acessar o site e poder ver as informações.

  • História de Usuário 2 - Filtrar personagens. Eu como usuário desejo filtrar meus personagens de acordo com role(função) e habilidades. • Critério de aceitação: O usuário pode acessar informações filtradas de cordo com a função ou habilidades dos personagens. • Definição de pronto: Acessar site e poder filtrar de acordo com habilidades e função.

  • História de Usuário 3 - Ordenar personagens. Eu como usuário desejo ordenar os personagens em ordem alfabética pelo nome, tanto em ordem crescente quanto decrescente. • Critério de aceitação: O usuário conseguir ordenar os nomes dos personagens alfabeticamente. • Definição de pronto: Acessar site e poder ordenar os personagens de A-Z e Z-A.

4. Protótipo de Baixa Fidelidade

Para acessar ao protótipo inicial criado para o projeto, clique aqui

5. Teste de Usabilidade

Durante a desenvolvimento do projeto, criamos outro formulário para sabermos o que os usuários gostariam de acrescentar ou alterar. Com base nessa nova pesquisa foi constatado que algumas estilizações não ficaram muito agradáveis aos olhos, então trocamos algumas cores, para que a leitura fosse mais confortável.

6. Demonstração

A seguir, um breve vídeo com a demonstração de como funciona melhor a navegação do site.

Demonstração League Of Legends Tool