Nosotras como desarrolladoras cuando descargamos el juego notamos que no cuenta con una interfaz en donde el usuario pueda escoger un personaje en específico desde un inicio basándose en sus caracteristicas. De esta manera surgió la necesidad de crear una app web que cuente con esta información TAN importante para poder llegar al usuario con una mejor experiencia en cuánto al juego.
Nosotras elegimos trabajar con el tema de Harry Potter. Estuvimos familiazandonos con la data, hicimos encuestas a usuarios donde determinamos que le gustaria ver en la aplicación y nos sirvio para jerarquizar la información que los usuarios querian ver. Hicimos skecth con lapiz y papel.
Nuestra app web esta diriga a personas fanáticas de Harry Potter, de esta manera estariamos facilitando al usuario poder elegir su personaje favorito basandose en las caracteristicas del mismo, con la ayuda de los filtros podrá encontrar la información que más le interese ver como: Varitas, Hechizos, Casas y Rol. Haciendo ésta busqueda un poco amena y rápida. No tenemos rango de edad ya que pensamos que cualquier persona podria ser fanatico de Harry Potter y podria ingresar a nuestra información con la ayuda de nuestra app web.
figma: prototipo de Alta definición
TRELLO FINAL
Como primera instancia decidimos que nuestra página se vea limpia, entonces elegimos un fondo blanco y para poder hacer énfasis en que la página se trataba del juego usamos como banners capturas de pantallas del juego. Los colores que decidimos usar fueron:
PRIMER HISTORIA DE USUARIO: https://pamelabarboza.github.io/SCL014-data-lovers/src/index.html
Nosotras no teniamos mucho conocimiento con respecto a Harry Potter, entonces para poder interiorizarnos vimos la saga de Harry Potter y también nos descargamos el juego. Hicimos entrevistas a fanáticos de la saga y muchos coinciden en que jugaron el juego, pudimos conocer lo que les gustaria poder ver si ingresaban a una página y poder elegir su personaje favorito. La siguiente encuesta nos arrojo estos resultados.
Criterios de aceptación: 1- Que aparezcan los personajes con su imagen. 2- Resposive desing: a- PC b- tablets c- celulares 3- Una sola página donde aparezcan todos los personajes 4- HTML, CSS
Definición de Terminado (DOD):
- Al hacer click en la imagen que aparezcan sus datos
- trabajamos 100% con github
- Comit al repo de github y publicado en GH pages
- Hacemos pruebas de usabilidad con al menos 3 usuarios e incorporamos su feedback en la versión publicada
- jamás dormimos menos de 8hrs
- pedimos code review a al menos 3 compañeras.
- pedir ayuda cuando ya agotamos las alternativas
SEGUNDA HISTORIA DE USUARIO (Filtrar por categorías y buscador en tiempo real)
Para poder cumplir con nuestra segunda historia de usuario, trabajamos siguiendo los mismos lineamientos que nos resultaron tan productivos en la primera etapa. Continuamos utilizando Trello, siguiendo cada paso como estaba planificado. Todo este proceso nos llevó a poder filtrar las categorías en el orden y utilizar con éxito el buscador en tiempo real, cambios que surgieron de las interacciones y los feedback recibidos por parte de los usuarios y que serían los responsables de brindarles una mejor experiencia.
Criterios de aceptación: 1- Que se oculte y aparezcan las clases 3- Que se filtre adecuadamente 4- Que funcione correctamente el buscador en tiempo real 5- HTML, CSS 6- Realizar los test unitarios y que arrojen los porcentajes sugeridos.
Definición de Terminado (DOD):
- Al hacer click en las categorias que aparezcan los personajes
- Al ingresar una letra aparezcan las opciones
- Si la letra no corresponde con la búsqueda, que arroje un mensaje al usuario en el Html
- trabajamos 100% con github
- Comit al repo de github y publicado en GH pages
- Hacemos pruebas de usabilidad con al menos 3 usuarios e incorporamos su feedback en la versión publicada
- jamás dormimos menos de 8hrs
- pedimos code review a al menos 3 compañeras.
- pedir ayuda cuando ya agotamos las alternativas
- Realizar test unitarios de nuestras funciones
TERCERA HISTORIA DE USUARIO (Refrescar página a través de logo principal)
En esta historia convertimos el logo principal de nuestra aplicación en un botón de refresh para que el usuario pueda cómodamente clickear allí y ser redireccionado al contenido de la página principal.
Criterios de aceptación: 1- Que el logo refresque la página principal
Definición de Terminado (DOD):
- Al hacer click en el logo la página se refresque en su totalidad y aparezcan l
- trabajamos 100% con github
- Comit al repo de github y publicado en GH pages
- jamás dormimos menos de 8hrs
- pedimos code review a al menos 3 compañeras.
- pedir ayuda cuando ya agotamos las alternativas
CUARTA HISTORIA DE USUARIO (Enlaces a RRSS y página oficial de Wizards Unit)
Las historias de usuario en este punto van dirigidas a proporcionar una mejor experiencia, ya que nos abocamos a realizar tareas que faciliten el ingreso del usuario a los sitios y redes sociales oficiales del juego.
Criterios de aceptación: 1- Que aparezca imagen alusiva al juego Harry Potter Wizards Unit y que redireccione a la página oficial. 1- Que aparezcan los enlaces de las RRSS oficiales del juego en el footer.
Definición de Terminado (DOD):
- Al hacer click en la imagen el usuario pueda ingresar al juego directamente.
- Al hacer click en los íconos de RRSS, el usuario pueda acceder a las cuentas oficiales del juego.
- trabajamos 100% con github
- Comit al repo de github y publicado en GH pages
- jamás dormimos menos de 8hrs
- pedimos code review a al menos 3 compañeras.
- pedir ayuda cuando ya agotamos las alternativas
QUINTA HISTORIA DE USUARIO (Responsive)
En vista que fueron surgiendo algunos detalles que decidimos realizar en el camino, tomamos la decisión de incluir el responsive como una última historia de usuario y así poder editar todos los elementos una vez. Aunque en un principio, no fue de esa manera y nuestra primera historia si cumplió con este objetivo en la definición de terminado, nos dimos cuenta en la marcha que sería mas provechoso si lo dejábamos para el final.
Editar Criterios de aceptación: 1- Que el contenido esté adaptado para dispositivos móviles de medidas a partir de 360px y en tablets a partir de 768px a tamaño Pc.
- trabajamos 100% con github
- Comit al repo de github y publicado en GH pages
- jamás dormimos menos de 8hrs
- pedimos code review a al menos 3 compañeras
- pedir ayuda cuando ya agotamos las alternativas