Es un proyecto encargado por Laboratoria que consiste en construir una interfaz complementaria, amigable y entendible por el usuario de la aplicacion Pokémon GO.
Pokémon GO es un videojuego de realidad aumentada basado en la localización desarrollado por Niantic, Inc.12 para dispositivos iOS y Android. Es un videojuego gratuito pero contiene microtransacciones. El juego consiste en buscar y capturar personajes de la saga Pokémon escondidos en ubicaciones del mundo real y luchar con ellos, lo que implica desplazarse físicamente por las calles de la ciudad para progresar. La aplicación comporta un elemento de interacción social, ya que promueve reuniones físicas de los usuarios en distintas ubicaciones de sus poblaciones.
En este proyecto construiremos una página web para visualizar un_conjunto de datos_ que se adecuaran a las necesidades de nuestro usuario tipo. Se eligió pokémon data.
- Pokémon: En este set encontrarás una lista con los 151 Pokémon de la región de Kanto, junto con sus respectivas estadísticas usadas en el juego Pokémon GO.
El objetivo principal de este proyecto es que aprendamos a diseñar y construir una interfaz web donde se pueda visualizar y manipular data, entendiendo lo que el usuario necesita.
- Aplicar y profundizar todo lo que aprendiste en el proyecto anterior.
- Pensar en las necesidades de los usuarios para crear historias de usuario.
- Escribir y trabajar con historias de usuario, sus definiciones de terminado (definition of done) en la organización y planificación de tu trabajo.
- Definir qué data y de qué forma mostrarla en el producto, basándote en tu entendimiento del usuario.
- Crear productos que sigan los principios básicos de diseño visual y las heurísticas de usabilidad.
- Iterar el diseño del producto, basándote en los resultados de los tests de usabilidad.
- Manipular arreglos (arrays) y objetos (objects).
- Manipular el DOM (agregar elementos dinámicamente basados en la data).
- Manejar eventos del DOM para permitir interacción con el usuario (filtrado, ordenado, ...).
- Entender los beneficios y complejidades de trabajar en equipo en un ambiente de incertidumbre.
Nuestro objetivo final es una página web que permita visualizar la data,filtrarla, ordenarla y hacer algún calculo agregado. Como cálculo agregado de la data se muestra información aún más relevante para los usuarios. Nuestra opción de cálculo estadístico es mostrar la cantidad de pokémons de cada tipo.
Una vez que definida nuestra area de interés, es con el usuario tipo donde centraremos el trabajo ya que necesitaremos su retroalimentación y luego podremos construir la interfaz que le ayude a interactuar y entender mejor esos datos. Para ésto se difundió una encuesta cuyo posterior análisis sirvio para realizar bocetos de baja fidelidad, con los que se realizaron entrevistas en terreno a usuarios de la aplicación Pokémon Go. Luego de la interaccion con los jugadores se logró definir historias de usuario más acotadas a sus necesidades, tambien se adquirió mucha información respecto de sus reales necesidades, sin embargo, con la data disponible no nos fue posible dar esa cobertura más amplia, específica y actualizada.
Se realizó una encuesta de usuario con la intención de comprender mejor las preferencias y alcanzar los objetivos del proyecto en función de las necesidades de los usuarios y así analizar los aspectos en que debíamos enfocarnos.
La encuesta se dirigió a jugadores activos de la aplicación Pokémon Go.
https://forms.gle/CGWiLdH5KgDmoQU99
Se hizo una visita al parque forestal situado en la comuna de Santiago y se abordó a jugadores de la aplicación Pokémon Go.
Los usuarios de CodePoke son jugadores activos de la aplicacion Pokémon Go. Como jugador principiante Quiero seleccionar los pokemons de tipo agua. Para conocer mejor las caracteristicas de mis pokémons.
Como jugador avanzado Quiero filtrar pokémons por sus debilidades. Para tener mejor elegir los pokémons en una batalla de gimnasio.
Como jugador principiante, Quiero ordenar los pokemones en orden alfabetico Para llegar mas facil a aquello que estan al final de la lista.
Resultado
En el link siguiente puedes acceder a una demostración de la aplicación y experimentar con sus resultados y proceso de funcionamiento link
Desarrollado en Figma, y exportado a Zeplin aquí puedes visualizar