Segundo proyecto de especialización Front End generación 16 de Laboratoria.
Creado por Bárbara Sagredo - Paola Mendoza
- Resumen del proyecto:
"Pokémon What?!" es una biblioteca de datos de la primera generación de Pokemon denominada "la región de Kanto" que servirá de guía para personas que conocen el mundo Pokemon pero que no están relacionadas con el video juego de Pokemon GO, comprendiendo que su acercamiento va de la mano más con el animé, que con el video juego.
- Imagenes proyecto final:
- Usuarios:
Personas con conocimientos básicos del mundo Pokemon y con interés de comenzar a jugar Pokemon Go. Nos enfocamos en personas entre 20 a 35 años de edad.
Historias de Usuario:
- Historia de usuario I:
- Yo como usuario
- Quiero visualizar los Pokemones de la región de Kanto
- Para conocerlos.
- Criterios de aceptación:
- Ingreso a la página de forma simple.
- Al navegar por la página visualizo los pokemones ordenadamente
- Las tarjetas se dan vuelta para ver datos anexos.
Historia de usuario II
- Yo como usuario
- Quiero poder filtrar los Pokemones por tipo (elemento)
- Para comprender aspectos esenciales de los Pokemones.
Criterios de aceptación.
- Al ingresar a la página identifico rápidamente donde están la barra de navegación para acceder a los filtros.
- Al pasar el mouse por el área de filtros, se despliega el submenú con los tipos.
- Filtro los tipos al clickear una opción del submenú.
Historia de usuario III
- Yo como usuario
- Quiero ordenar los Pokemones por número y nombre
- Para tener acceso rápido a las vistas por nombre o número.
Criterios de aceptación.
- Al ingresar a la página identifico rápidamente donde están la barra de navegación para acceder al área de ordenado.
- Al pasar el mouse por el área de filtros, se despliega el submenú con las ocpiones de ordenar alfabética o numéricamente.
- Ordeno la data al clickear una opción del submenú
- Objetivos del producto y resolución de problemas y necesidades que abarca el producto:
La interfaz de Pokémon Go cuenta con la información necesaria de cada Pokémon, sin embargo para usuarios que no están relacionados con los video juegos puede ser complejo entender facilmente los datos entregados, por lo que nuestra página presenta de forma simplificada lo que podría leerse de forma técnica en el juego.
- Prototipo baja fidelidad en papel:
- Prototipo alta fidelidad en figma:
- App final:
- Desiciones de diseño:
Crear una interfaz fácil de entender, interactiva y en inglés porque nuestros usuarios están adapatados al idioma por la interfaz de Pokémon Go. Elegimos la paleta de color y diseño basadas en el concepto de "mundo Pokémon", resolviendo a través imágenes de auororas boreales.