Skip to content

FabianeSantos/SCL014-data-lovers

 
 

Repository files navigation

logo-PokémonLover's

Índice

1. Resumen del proyecto

En el Proyecto Data Lovers, se pide construir una página web para visualizar un set de datos que se adecúe a las necesidades de un potencial usuario.

2. Resumen del producto

PokémonLover's es una página web donde podrás encontrar todos los Pokémones de la generación Kanto y Johto. La página cuenta también con enlaces externos, donde podrás conocer un poco más de la comunidad.

3. Planificación

Empezamos a planificar todo lo que seria necesario para el desarrollo de la página web utilizando el Trello, donde nos permitió una mejor visualización de todas las etapas necesarias, y dividimos las tareas por sprint.

imagen-Trello

4. Proceso UX/ UI

Basado en ideas de las dos colaboradoras, creamos nuestros sketchs, hechos en papel y lapis.

imagen-sketch-Fabiane

imagen-sketch-Maritzu

Definición de usuario

Desarrollar una página web para jugadores y personas interesadas en conocer más del universo Pokémon.

Encuesta On line

Fue realizada una encuesta on line con 33 usuarios, donde los usuarios contestaron algunas preguntas sobre Pokémon, y las seguientes imagenes muestran el resultado:

Link encuesta-Pokémon

encuesta encuesta encuesta

Historias de Usuarios

Historia de Usuario 1: Yo como usuario, quiero conocer más acerca de la historia de Pokemón, ya que nunca he jugado.

Historia de Usuario 2: Yo como jugador principiante, quiero poder ver todos los Pokémones que existen, para ver si me falta conocer alguno.

Historia de Usuario 3: Yo como jugador principiante, quiero poder buscar a los Pokémones por elemento o generación, para saber cual elegir a la hora de jugar.

Prototipos

Fue hecho un prototipo de media fidelidad, con la App Invision

prototipo-Invision

Prototipo de alta fidelidad hecho con Figma

prototipo prototipo prototipo prototipo prototipo link prototipo

Teste de Usuario

El prototipo de alta fidelidad fue testado por 5 personas, donde constatamos que:

  • la segunda pantalla deberia tener colores más parecidos con la pantalla inicial,

  • Mejorar las cartadex(colores, letras)

5. Feedbacks

Feedback de compañeros:

Con el sketcher en manos, nos reunimos con otros compañeros y recibimos un primer feedback, donde constatamos que debíamos enfocarnos en crear algo sencillo y funcional.

Feedback de coaches:

En nuestro segundo feedback, hecho con los coaches, percibimos la necesidad de cambiar algunos puntos de nuestra página web, mejorando así los colores, logotipo, etc.

6. Pagina web Finalizada

pagina finalizada inicio

pagina finalizada CartaDex

7. Testing

  • Test unitarios

test

Autor@s:

Fabiane Santos

Maritzu Zuñiga

About

Segundo proyecto de Common Core del cohort scl014

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.4%
  • Other 1.6%