Dimos puntapie de inicio a nuestro proyecto en una primera etapa reuniendonos y creando un brainstrorming de ideas acerca de las diferentes tematicas de juegos que nos presentaban pensamos en quienes serian usuarios a quien estaria dirigido y tambien tomamos en cuenta la data con la que tendriamos que trabajar, en definitiva nos decidimos por Pokemon GO ya que su data es mas extensa y tendriamos mas informacion que poder trabajar y asi poder solucionar todas las posibles problematicas que se nos darian en en las historias de usuarion,que se presentarian mas adelante.
Nuestra web fue creada en base a necesidades de un jugador o maestro pokemon beginner y asi mismo un advanced, ya que la informacion entregada podra solucionar tanto problemas para un beginner dando datos basicos como nombres,tipos y numero del pokemon solucionando problemas basicos de conocimiento y para un advanced entregara informacion tal como datos de debilidades, fortalezas,ataque rapido,ataque lento el cual le permitira a nuestro usuario final saber con quien podra enfrentar en un combate a su pokemon.
Como ya antes fue mencionado nuestra pagina esta diseñada tanto como para un jugador beginner o advanced ya que resuelve problematicas que se pueden presentar para ambos usuarios.
Para comenzar a trabajar nuestro proyecto nos organizamos mediante trello dando usabilidad a esta funcion en base a mini calendarios. Una vez que definimos esto comenzamos con las etapas del diseño.
FOTO TRELLO
en esta etapa comenzamos a realizar investigacion de nuestro usuario mediante encuestas a jugadores de toda indole de pokemon Go, para poder entender mejor que es lo ellos necesitaban asi mismo realizamos investigacion en las diferentes paginas web tales como grupos de fans u paginas oficiales del juego
FOTO ENCUESTAS
aqui simplemente recolectamos toda la informacion que nos entregaron nuestros usiarios llegando a entender que es lo que realmente necesitaban tales como filtros especificos u informacion especifica, nos concentramos en realizar un diagrama basico para dar con la problematica la informacion y posible solucion. en esta etapa nacieron nuestras primeras dos historias de usuarios h1 (detallo cada historia al final de la lectura)
FOTO DIAGRAMA
En esta etapa comenzamos a realizar un brainstorming para concluir estas ideas en prototipos de baja fidelidad sketches basicamente de papel y lapiz basandonos siempre en nestro trabajo ya realizado.Todo esto a traves de mini historias de usuarios realizadas en nuestro research(adjunto informacion historias de usuarios al final).
FOTOS PROTOTIPO BAJA FIDELIDAD
Posterior a esto y ya con nuestra h1 iniciada comenzamos con los prototipos de alta fidelidad ,en esta etapa tambien ocupamos de baja fidelidad ya que se nos hacia mas certero mirar rapidamente la idea y prototiparla en un aplicacion de alta fidelidad
FOTOS INVISION
FOTOS FIGMA
Posterior a esto con nuestra h1 terminada procedimos a ponerlas a prueba con usuarios reales, testeandolas en 5 usuarios dandonos nuestro primer feedback, tomandolo y en base a esto creamos pequeños arreglos y cambios para realizar un segundo testeo al cual fue el final para lograr el objetivo deseado se procedio a ejecutar el codigo y dar formato a la pagina real todo en base a nuestra primera h1
FOTOS TESTEO
Claramente este proceso se repitio varias veces en las diferentes historias de usuario no en su completitud pero si algunas fases como un prototipado nuevo o un feddback nuevo y directo con usuarios reales al terminar cada historia de usuario
Nuestras historias de usuarios nacen despues de un brainstorming llegando a la conclusion que la forma mas efectiva de testear con usuarios reales de Ppokemon go dado la pandemia que se presenta seria via web realizamos unas breves encuestas a usuarios de pokemon go que encontramos en paginas de fans y paginas oficiales de pokemon go, finalmente nacieron nuestras historias de usuarios ordenandolas de foma efectiva en nuestro trello y asi organizandonos para cumplir cada tarea que nos llevara ala definicion de terminado.
Yo como jugador de Pokemon GO quisiera que tuviera una página de inicio con bienvenida y un botón para continuar
Criterios de aceptación:
- Crear página de bienvenida.
- Crear botón para comenzar a usar la página.
- Realizar el enlace entre pantalla y pantalla.
Definición de terminado:
- Realizar literalmente en el código la primera pantalla.
- Testear para recibir el feedback de la primera pantalla.
Tareas a realizar -buscar de img prototitpo alta fidelidad -familiarizarme con la data -prototipo baja y alta fidelidad -test de usabilidad para recibir feddback directo de nuestro usuario
PROCESO: TERMINADA (FOTO TRELLO)
como entrenador pokemon, quisiera que tuviese una segunda pantalla , con la imagen, nombre y numero del pokemon
Criterios de aceptación:
- Crear segunda pantalla. -Que en esta se vea imagen y nombre del pokemon
Definición de terminado: -realizar literalmente en el codigo la segunda pantalla -terminar la segunda pantalla con datos indicados por el usuario -testear para recibir el feedback de la segunda pantalla
Tareas
-llamar la data -crear contenedores para cada pokemon -crear contenedores para cada pokemon -llamar por nombre img y numero a cada pokemon
PROCESO:TERMINADO(FOTO TRELLO)
Como entrenador pokemon en la segunda pantalla de la pagina me gustaria que se pudiese filtrar por tipo ,generacion y debilidad y ademas que los colores fuesen acorde a los de la aplicacion movil(verdes,azules ,amarillos)
Criterios de aceptación:
- Crear formulario de filtrado que usuarios definieron previamente
- Utilizar en el producto final paleta de colores de la aplicación móvil
Definición de terminado: -realizar literalmente en el código del filtrado. -terminar la segunda pantalla con datos indicados por el usuario -testear para recibir el feedback final
PROCESO:TERMINADO
