- 1. Pokemon Go
- 2. Definición del producto
- 3. Historias de usuario
- 4. Diseño de la interfaz de usuario
- 5. Testeos de usabilidad
- 6. CheckList
- 7. Producto Final
- 8. Fuente
- 9. Autores
Pokémon GO es una experiencia de juego internacional que cuenta con más de mil millones de descargas y ha sido nombrada "el mejor juego para móviles" por Game Developers Choice Awards y "la mejor aplicación del año" por TechCrunch (tomado de Google Play). Los usuarios del juego se convierten en "Maestros/ entrenadores de Pokémon" y pueden:
- Descubrir el mundo Pokémon: explorar y descubrir nuevos Pokémon allá donde vayan.
- Atrapar distintos Pokémon para completar su Pokédex.
- Pelear contra Pokémon de otros entrenadores y conquistar un gimnasio.
- Competir en épicos combates contra otros entrenadores.
- Hacer equipo con otros entrenadores para atrapar poderosos Pokémon durante las incursiones.
El producto está dirigido tanto para nuevos y antiguos jugadores de Pokemon Go. 👫
El producto tiene como objetivo ser una web informativa que da a conocer la variedad de pokemones existentes en el mundo de PokemoGo .Los usuarios podrán visualizar la información acerca de los ataques, poderes, línea de evolución , debilidades y fortalezas de los pokemones además de poder tener acceso a enlaces de las películas .Asimismo se tiene una sección de estadísticas donde se visualiza los datos acerca de las regiones, tipos y km por recorrer .
Para entender mejor qué necesidades complementarias a la app tienen los usuarios, hicimos una rápida investigación (research) y estos son algunos de los hallazgos.
❥ Mostrar las imagenes de los pokemons con su información
❥ Una página dinamica y ambientada de inicio a fin con pokemon
❥ Estadisticas Pokemon
❥ Ranking de pokemon por aparición
❥ Curiosidades sobre cada pokemon
❥ Información sobre las evoluciones y los caramelos que necesitan
❥ Sección peliculas
Se ha consultado a 7 personas que usan o se animarian a descargar y usar el aplicativo Pokemon Go y mencionan lo que necesitarian lo siguiente en una página informativa:
Yo como usuario me gustaría poder visualizar toda la información necesaria de mi pokemon (ataques, fortalezas, debilidades, tipo, cp, hp ) para una batalla pokemon.
✅ Visualización detallada de cada pokémon en cards
✅ Información clara y ordenada en secciones.
✅ Visualización de ataques y poderes detallados en las cards.
✅ Diseño responsive.
Yo como usuario quiero realizar una búsqueda específica de algún pokémon y poder ver su información detallada.
✅ Diseño responsive.
✅El usuario puede visualizar la barra de búsqueda.
✅Se van filtrando los pokemones de acuerdo a lo especificado por el usuario en la barra de búsqueda.
✅Se visualiza la información detallada de cada pokémon buscado.
Yo como usuario nuevo quisiera poder ordenar (numéricamente y alfabéticamente) a los pokemones para hacer más óptima mi búsqueda; también poder saber que pokemons podría recibir en caso el aplicativo me regale un huevo pokémon.
✅ El filtro de “orden” ( numérico y alfabético ) se ubica en cada sección en la parte superior y es de fácil visualización.
✅ El filtro es desplegable y le permite al usuario elegir el orden que desee filtrar los pokemones.
✅ Al cambiar de sección el filtrado de “orden” se resetea.
✅ Se implementó el filtrado por tipos de huevo y la cantidad de kilómetros a caminar.
Yo como jugador me sería útil saber cuántos kilómetros debería recorrer para evolucionar un huevo pokémon.
✅ El filtro de “egg”(“2km”, “5km”, “7km”, “10km”) se ubica en cada sección en la parte superior y es de fácil visualización.
✅ El filtro es desplegable y le permite al usuario poder clasificar a los pokemones por los km que debe de recorrer.
✅ Al cambiar de sección el filtrado de “egg” se resetea.
✅ El diseño es responsive.
Yo como usuario me resultaría muy útil poder visualizar a los pokemones por secciones (tipo , región , rareza ) para así poder optimizar mi búsqueda.
✅ Las secciones se encuentran definidas y son de fácil visualización para el usuario.
✅ De acuerdo a la sección seleccionada , se cuenta con filtros gráficos para una mejor experiencia .
✅ Cada sección cuenta a la vez con filtros de ‘orden’ , ‘Cp’ y ‘Egg’ .
✅ El diseño es responsive.
Yo como usuario sería útil poder visualizar estadísticas de los pokemones de acuerdo a los tipos , región , rareza y km por recorrer , para así tener una mejor investigación del mundo de PokemonGo.
✅ Se cuenta con una sección específica de las estadísticas del mundo de PokémonGo.
✅ Las gráficas estadísticas se encuentran diferenciadas y en cada una se señala su significado
✅ El diseño es responsive y se puede visualizar en cualquier dispositivo.
Yo como usuario me gustaría saber cuántos caramelos necesito para evolucionar y cuáles son sus pre evoluciones y siguientes evoluciones de cada pokémon para así conocer la línea de evolución de cada uno.
✅ Las cards de cada pokémon contienen los caramelos que necesita para evolucionar.
✅ Las cards contienen información de las pre y siguientes evoluciones de cada pokemon .
✅ El diseño es responsive y se puede visualizar en cualquier dispositivo.
- ✅ Usa VanillaJS.
- ✅ Pasa linter (
npm run pretest) - ✅ Pasa tests (
npm test) - ✅ Pruebas unitarias cubren un mínimo del 70% de statements, functions y lines y branches.
- ✅ Incluye Definición del producto clara e informativa en
README.md. - ✅ Incluye historias de usuario en
README.md. - ✅ Incluye sketch de la solución (prototipo de baja fidelidad) en
README.md. - ✅ Incluye Diseño de la Interfaz de Usuario (prototipo de alta fidelidad)
en
README.md. - ✅ Incluye link a Zeplin en
README.md. - ✅ Incluye el listado de problemas que detectaste a través de tests de
usabilidad en el
README.md. - ✅ UI: Muestra lista y/o tabla con datos y/o indicadores.
- ✅ UI: Permite ordenar data por uno o más campos (asc y desc).
- ✅ UI: Permite filtrar data en base a una condición.
- ✅ UI: Es responsive.
Data Lovers del Repositorio de Laboratoria
