- 1. Definición de Producto
- 2. Historias de usuario
- 3. Prototipo de Baja Fidelidad
- 4. Prototipo de Alta Fidelidad
- 5. Test de usabilidad
- 6. Criterios de Aceptación
Harry Mamis tiene como objetivo principal procesar información sobre Harry Potter y presentarla de forma clara y fácil de entender para los usuarios. Para lograr esto, se manipuló la información para poder ver, ordenar, filtrar los datos y adicional mostrar un cálculo agregado.
Todo esto se presenta en una página web, también con diseño responsive, inspirado en las películas y libros de Harry Potter, usando imágenes, formas y diferente información relacionada con la saga para que los fanáticos y cualquier persona interesada puedan identificar fácilmente el contenido.
En resumen, esta herramienta es una forma accesible y sencilla para que los fanáticos o cualquier persona que quiera conocer más sobre Harry Potter pueda obtener información y datos útiles y relevantes
Las Historias de usuario creadas para este proyecto se dividieron de la siguiente forma:
-
HU 1 - PORTADA
"Yo como usuaria, quiero ver un menú y nombre de la pagina, para saber que información puedo consultar en el sitio"
-
HU 2 - PERSONAJES
"Yo como usuaria, quiero ver los personajes, nombre, genero y fecha de nacimiento filtrar y ordenar por nombre, para tener información más detallada de cada uno"
-
HU 3 - HECHIZO
"Yo como usuaria, quiero ver, ordenar los hechizos con nombre, tipo, pronunciación y descripcion, para saber cuales existen y como funcionan"
-
HU 4 - LIBROS
"Yo como usuaria, quiero ver los libros con nombre, año de estreno y descripción, para poder saber cuales he leido y si tengo alguno pendiente por leer "
El primer prototipo de baja tuvo unos pequeños cambios tratando de distribuir mejor los espacios
El prototipo de alta, se omitio las imagenes para no hacer tan extenso el proceso ya que eran demasiados personajes y el calculo agregado se modificó ya que en el feedback se encontro que tenia mucho grado de complejidad
Se realiza varios test de usabilidad con compañeras y familiares y encontramos lo siguiente:
- Los botones de lugar
- El tamaño de letra
- Darle prioridad a la visualización de la data
Se hicieron algunas iteraciones al momento de realizar el codigo para darle mejor estilo y espacio al lugar.
- Cumple con las 4 Historias de usuario.
- Pasa tests (
npm test) - Pruebas unitarias cubren un mínimo del 80% de statements, functions y lines y branches.
- El codigo esta en repositorio GIT
- El proyecto esta desplegado en Git Pages
- 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.
Enlace menú desplegado: https://ivonnefm03.github.io/DEV006-data-lovers/src/