Skip to content

mmayala/DEV005-data-lovers

 
 

Repository files navigation

¿GUSTAS CONOCER MAS DEL MUNDO "POKÉMON GO"?

A continuación te presentamos una interfaz responsiva para que puedas acceder desde el dispositivo móvil que más te acomode a la información de tus pokémons favoritos.

DEFINICIÓN DEL PRODUCTO

Las siguientes preguntas estan definidas en base a la experiencia de usuario.

1. ¿Quiénes son los principales usuarios del producto?

El público objetivo el que va dirigido es el sector de la población que se conoce como millennials también llamados generación Y griega, son un grupo de jóvenes que nacieron de los años 80 hasta los primeros años 2000.

2. ¿Cuáles son los objetivos de estos usuarios en relación con el producto?

 • Descubrir los Pokémon más fuertes para sus batallas.

 •	Habilidad de sus Pokémon favoritos

 •	Poder agrupar los Pokémon por tipo (agua, tierra, fuego, etc.)

3. ¿Cuáles son los datos mas relevantes que quieran ver en la interfaz y por qué?

  Habilidades y fuerza de cada Pokémon

4. ¿Cuándo utilizan o utilizarían el producto?

• Al comienzo de cada batalla

• En tiempos de libres para conocer más a sus Pokémon favoritos

GUÍA PARA EL USUARIO

Al entrar a la interfaz se muestran desplegados todos los Pokémon en tarjetas con su número, nombre y tipo para que los puedas revisar uno a uno y si llevas el cursor hacia ellos o en caso de un celular o tables les das clic podrás voltear cada uno para tener acceso a más información como ataque, defensa, resistencia, max-cp y max-hp, ahora bien, para tu mayor comodidad también dejamos la opción que interactúes, conozcas y visualices los Pokémon a tu elección, para ello te dejamos las siguientes opciones:

  • Búsqueda por nombre: Puedes ingresar donde te indica la página ya sea en letras mayúsculas o minúsculas el nombre del Pokémon de tu interés para realizar una búsqueda más personalizada y rápida.

  • Filtrar por tipo: Se muestra un botón de selección con todos los diferentes tipos de Pokémon para seleccionar el de tu interés como por ejemplo los de tipo agua se filtren y muestren en pantalla los que cumplen solo con el tipo seleccionado; adicional de esta información en la página se visualizara el porcentaje de cada tipo en relacion al total de pokemon que son 251.

  • Orden: Se muestra un botón de selección para que puedas ordenar los Pokémon por su nombre de forma alfabética tanto en orden ascendente como descendente.

PLANIFICACIÓN E HISTORIAS DE USUARIO

Para realizar el presente proyecto se planifico las siguientes historias de usuario considerando los objetivos de aprendizaje y tomando como referencia la experiencia del usuario al usar paginas web similares.

image

image

image

image

DISEÑO DE INTERFAZ

Los diseños que se realizarón son los siguientes:

- Prototipo de baja fidelidad

image

- Prototipo de alta fidelidad

PROTOTIPO DE ALTA FIDELIDAD

- Prototipo de tarjeta final

image

Si deseas acceder a la interfaz del proyecto puedes ingresar al siguiente link: https://mmayala.github.io/DEV005-data-lovers/src

CORRECCIONES EN BASE A LOS TEST DE USABILIDAD

-En el input buscar se tenia un botón que se eliminó, ya que, solo al ingresar el nombre iban apareciendo las coincidencias y resulto estar demás.

-En la información al reverso de la tarjeta se le añadió por feedback color para hacerlo más llamativo.

-Se ajusta color de placeholder en input para poder visualizarlo y que contrarreste mejor con el color de fondo.

-Se cambia de lugar mensaje de bienvenida porque no se visualizaba bien.

-Se ajusto imagen del pokémon al diseño de la tarjeta.

About

POKEMON GO se trata de una interfaz donde el usuario puede buscar, ordenar y filtrar los pokemons de su preferencia para conocer mas sobre su resistencia, ataque y defensa.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 99.8%
  • Other 0.2%