- Link a la Página (gh-pages): https://venicedakker.github.io/SCL017-data-lovers/
- Link Figma: Prototipo de Alta Fidelidad
Este producto esta hecho para los jugadores del juego "Pokemon Go", los cuales puedan necesitar mayor información de los pokemones con los que juegan.
En el producto podemos observar información de los primeros 251 pokemon del juego, además podemos ordenar de manera ascendente y descendente los nombres y los números de los pokemones.
También se puede filtrar por tipo de pokemon, sus debilidades y resistencias.
Durante el primer Sprint generamos 4 historias de usuario con sus prototipos de baja y mediana fidelidad respectivos.
- Yo como Maestro Pokemón quiero ver todos los pokemones en la página principal.
- Yo como Maestro Pokemón quiero filtrar diferentes aspectos de los pokemones.
- Yo como Maestro Pokemón quiero que muestre cada pokemon y con un poco más de información.
- Yo como Maestro Pokemón quiero que haya una bienvenida a la página principal.
- Luego de generar las historias de usuario y sus respectivos bocetos de baja fidelidad, usamos Figma para generar nuestro prototipo de alta fidelidad para la historia de usuario elegida para este sprint (Página Principal).
- Con el prototipo de alta fidelidad, pudimos mostrar a usuarios los cuales hicieron comentarios sobre nuestro producto y tomamos nota para hacer los cambios pertinentes
- Comenzamos a trabajar en la historia de usuario sobre la Página Principal sin esperar terminarla
- Nos dimos el objetivo de terminar la primera historia de usuario.
- También maquetamos y pusimos en la página donde estaría la historia de usuario de los filtros de la página.
- Al quedar con tiempo en el día jueves decidimos investigar lo referente a la historia de usuario referida a cómo hacer los filtros y también la de la tarjeta emergente con más información.
- Durante el tercer sprint decidimos hacer los primeros filtros, además de asegurar que la tarjeta emergente tuviera toda la información. Arreglar lo necesario para que la página fuera Responsive.
- Terminamos el responsive de la página, asegurando que la tarjeta emergente fuera responsive también.
- Además vimos que todos los filtros necesarios estuvieran hechos, además de hacer algunos test y paso del linter.
- Hicimos el Test de usabilidad y vimos que cosas se podian cambiar en relación a este.
- Terminamos los test.
- Hicimos autoevaluación, pedimos Peer Feedback y Project FeedBack.
- El título confunde, quizás poner "virtual pokedex" envés.
- En las pantallas más pequeñas se ve mal que este todo con margin left 0.
- El botón "Más" debería tener un pointer o hover o algo más que indique que se pueda clickear.
- No se ven bien los títulos del sidebar, poner alguno subrayado o con color diferente.
- Cambiar "evoluciona a" por "siguiente evolución".
- Agregar la preevolución a las tarjetas emergentes y si este no tiene evolución siguiente o previa poner igual el dato, pero con "---".
- El botón "Top" es muy grande en los celulares y se sobrepone al "Más" del último pokemon.
- La mitad del botón "Top" desaparece al poner motoG4 en opera. Pareciera que las pantallas de la app responsivly son unos cuantos pixeles más grandes que las que entrega opera.
- Agregar el disclaimer de la página.
- El contenedor de la tarjeta emergente no deja que al hacer click fuera de la tarjeta esta se cierre, en los costados ocurre esto.
- Aparece la tilde de la o de dragón a un lado de la vocal.
- Cuando estoy en responsively app, no sale cuando pongo "más" en en CELEBI.
- Las "x" para cerrar están muy pequeñas.
- La tarjeta emergente no baja en los celulares (responsivly).
- Si tengo algún tipo o debilidad ya elegida, al hacer click en los orden me lo resetea todo (se sale la info del clickeo de tipo o debilidad). Si vuelvo a hacer click en un tipo o debilidad se suma a la puesta anteriormente.