/SCL016-data-lovers

Segundo proyecto de especialización Front End para la generación 16 de Laboratoria.

Primary LanguageJavaScript

PokeSearch 🔎

Índice 📃

1. Requerimientos y pasos para correr proyecto

  • Node.js
  • npm

Pasos a seguir:

  1. Abrir terminal dentro de la carpeta del proyecto.
  2. Escriba el comando npm install en su terminal para instalar node_modules.
  3. Ejecute npm start para correr el proyecto.

2. Resumen Proyecto 📄

Este proyecto está pensado para jugadores principiantes de Pokemon Go o simplemente para gente que quiera saber un poco más de información sobre Pokemon de la primera y segunda generación.

3. Historias de Usuario 📎

Una vez terminanda nuestra investigación y habiendo entendido las necesidades de nuestros usuarios, llegamos a la conclusión de lo siguiente:

- Historia de usuario n° 1: Yo como: Jugador principiante de Pokemon Go. Quiero: Tener una bienvenida y conocer la función de la página. Para: Saber si cumple mis requerimientos.


-Historia de Usuario n°2: Yo como: Jugador principiante de Pokemon Go. Quiero: Saber cuales son las regiones existentes y ver que Pokemones se encuentran en cada una. Para: Saber de donde viene cada Pokemon.


-Historia de Usuario n°3: Yo como: Jugador principiante de Pokemon Go. Quiero: Ver cada Pokemon con su información básica, como número, altura, peso y tipo. Para: Conocer un poco más de cada uno y saber cuál elegir en cualquier momento.


-Historia de Usuario n° 4: Yo como: Jugador principiante de Pokemon Go. Quiero: Desplazarme por los diferentes menús de la página, sin tener que presionar la flecha hacia atrás tantas veces. Para: Navegar con mayor facilidad y rapidez.


-Historia de Usuario n°5: Yo como: Jugador principiante de Pokemon Go. Quiero: Poder filtrar los Pokemon, que me muestre por región que tipos se encuentran y poder ordenarlos alfabéticamente. Para: Saber de donde proviene cada uno y de qué tipos serían.

4. Diseño de interfaz

  • Prototipo Baja Fidelidad

Prototipo Baja Fidelidad

  • Prototipo Alta Fidelidad 🎨

Prototipo Alta Fidelidad

5. Testeos de Usabilidad

Durante los test, descubrimos que nuestros usuarios no querían una aplicación complicada, con tantas páginas e información, sino que buscaban algo más simple y directo. Despúes de un par de conversaciones, en conclusión, llegamos a lo siguiente:

  • Uno de los cambios que aplicamos en nuestro prototipo, fue el de quitar la página con las familias evolutivas, ya que el usuario no estaba tan interesado en abordar esa información. Además editamos nuestra tarjeta informativa de cada Pokemon, dejando solamente la información del peso, altura y tipos de cada uno de ellos.

  • Finalmente agregamos un botón en una de las esquinas superiores, que nos sirve para volver al homepage.

  • También nos sugirieron botones para filtrar los Pokemon según orden alfabético y dividirlos por tipo.Por lo tanto, también lo agregamos a nuestro prototipo.

6. Prototipo Final