Skip to content

zaidaKary/LIM010-data-lovers

 
 

Repository files navigation

POKÉMON GO

Índice

Titulo del proyecto

El título del proyecto es Pokémon Go.

Resumen de qué se trata el proyecto

Este proyecto esta basado en el juego de Pokémon Go, el cual permite mostrar todos los pokemones que se tiene (151 Pokémon de la región de Kanto), elegir un pokémon y ver sus caracteristicas más relevantes. Además, podremos filtar a los pokémones por tipo y debilidad y ordenarlos de forma ascendente o descendente, según como el usuario desee. Para ingresar a la Demo de este proyecto, tendrás que escribir como usuario y contraseña la palabra clave "LABORATORIA".

Imagen final del proyecto

Desktop

Pantalla de login

image

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de búsqueda

image

Pantalla de ordenar (A-Z)

image

Pantalla de filtrado por tipo

image

Pantalla de filtrado por debilidad

image

Pantalla de filtrado por huevos

image

Mobile

Pantalla de login

image

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de menú en mobile

image

Pantalla de búsqueda

image

Pantalla de ordenar (A-Z)

image

Pantalla de filtrado por tipo

image

Pantalla de filtrado por debilidad

image

Pantalla de filtrado por huevos

image

¿Quiénes son los usuarios?

Este proyecto va dirigido a los usuarios que son jugadores de Pokémon Go.

¿Cuáles son los objetivos en relación con el producto?

El objetivo principal de este producto es que dichos usuarios puedan ver de manera interactiva todos los pokemones para saber cuántos tienen y cuántos les faltan atrapar. Además, poder visualizar sus características mas importantes de cada pokémon y poder obtener información sobre sus tipos y debilidades.

¿Cómo el producto soluciona los problemas/necesidades de dichos usuarios?

Debido a que el usuario al verse en la necesidad de no tener una aplicación que le brinde información interactiva sobre las características principales de los pokemones, se diseña esta aplicación el cual le ofrece la capacidad de poder buscar por nombres a los pokemones, filtrarlos por tipo y debilidades para saber quiénes y cuántos son de cada tipo y tienen esa debilidad. Además, permite ordenarlos por orden alfabético (A-Z y Z-A) y frecuencia de aparición (spawn) de manera ascendente (menor a mayor) o descendente (mayor a menor) a los pokemones para poder ubicarlos fácilmente y saber cuáles son los más difíciles de atrapar.También ofrece la posibilidad de obtener el porcentaje de los pokemones que aparecen en los diferentes tipos de huevo para saber qué huevos eclosionar.

Primer prototipo de baja fidelidad (mobile y desktop) en papel

El prototipo de baja fidelidad en papel fue la primera idea de como podria visualizarse nuestra página, priorizando el número de pantallas en la cuál el usuario podrá interactuar basadas en las historias dadas.

Desktop

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de menu desplegable

image

Pantalla de filtrar

image

Mobile

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de menu desplegable

image

Pantalla de filtrar

image

Feeback recibido

En el feedback recibido por nuestras compañeras, hicimos unos cambios al prototipo que habiamos diseñado en papel de acuerdo a las sugerencias que nos dieron como usuarios. Los cambios respectivos fueron los siguientes:

  • En el menú, se nos sugirió poner el logo de Pokémon Go mas grande y los iconos un poco más pequeños.
  • También nos recomendaron poner un modal o un flip card para poder visualizar mas características de cada Pokémon.
  • En el filtrado, tanto como para tipo, debilidad y huevo, nos propusieron colocar un texto al lado del combo box en el cual diga: "Seleccione el tipo de pokémon que desea filtrar", además de esto, se nos sugirió, añadir un texto el cual indicara la cantidad de pokémon filtrado.

Imagen del prototipo de alta fidelidad final (mobile y desktop) en Figma

Desktop

Pantalla de login

image

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de menú desplegable

image

Pantalla de filtrar

image

Pantalla de resultado de filtrar

image

Mobile

Pantalla de login

image

Pantalla de error de contraseña

image

Pantalla de inicio

image

Pantalla de menú desplegable

image

Pantalla de filtrar

image

Pantalla de resultado de filtrar

image

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 88.1%
  • CSS 7.8%
  • HTML 4.1%