- 1. Definición del producto
- 2. Diseño de la interfaz de usuario
- 3. Historia del usuario
- 4. Planning
- 5. Problemas detectados -pruebas de usabilidad
Esta página web es acerca de los personajes de Harry Potter y tiene el objetivo de conocer más acerca ellos, como sus casas y razas, además de conocer año donde más personajes nacieron dentro de la saga de Harry Potter.
En esta página tiene distintas funciones y dentro de ellas están las opciones para filtrar por casa, por raza y por orden, esto nos permitirá conocer a que casa pertenecen cada uno de los personajes, así como la ascendencia de los mismos que te categorizan por sangre y por último poder ordenarlos tanto de forma ascendente como descendente.
Por otro lado, contamos con una función que recae sobre la imagen de la lechuza donde al hacer click desaparece la data (tarjetas de los personajes) y aparece el cálculo que es promedio de los años de nacimiento de los personajes, este cálculo está acompañado de un gif que brinda más dinamismo a la página y un efecto de nieve.
PARA OBTENER LA DATA TUVIMOS QUE GENERARLA A TRAVÉS DE CHAT GPT MEDIANTE USO DE PROMTINGS:
A continuación, se mostrará la data y el prompting utilizado para generarla.
En Dataverse, buscamos darle prioridad a que la página fuera lo suficientemente intuitiva para cualquier usuario que fuera fan de Harry Potter. Puedes visitar nuestro prototipo en el siguiente link:
https://www.canva.com/design/DAF_5IW5OQo/sgEvDmAQiOEopylAVJ6Ehg/view?mode=prototype
De igual forma adjuntamos la captura del prototipo:
Adjuntamos imágenes de como quedo la página:
Diseño:
Nos enfocamos en que nuestro menú responsive, fuera agradable al usuario y adaptable a cualquier dispositivo (Mobile, Ipad).
Se realizaron 3 historias de usuario para identificar que es lo que les gustaría ver a una persona fanática de Harry Potter. Pueden ser visualizadas en este link:
https://www.notion.so/Historias-del-Usuario-881b5f5fce5b437aa11a33658f1aa315
Esto es lo que se encontrará en el link de arriba:
Puntos principales - Diseño atractivo
Cliente: Consumidor de entretenimiento + 17 años
Qué desean ver: Una página web donde se muestren a sus personajes favoritos de Harry Potter, así como también datos curiosos sobre ellos.
Criterios mínimos de aceptación:
Se adapta a cualquier tipo de dispositivo.
Tiene un diseño web amigable con el usuario, al igual que las funcionalidades de la web.
Al culminar:
Tener el prototipo al igual que la estructura visual de página web definida.
Puntos principales - Ver sus personajes favoritos Cliente: Consumidor de entretenimiento + 27 años Qué desean ver: Poder ver los personajes que sean de cada casa Criterios mínimos de aceptación: Es una página fácil de interactuar Te hace sentir en un espacio mágico Al culminar: de darle la funcionalidad deseada a la página
Puntos principales - Ver el año en que nacieron los personajes Cliente: Consumidor de entretenimiento + 35 años Qué desean ver: Seria agradable ver algún calculo relacionado con el año de nacimiento de los personajes Criterios mínimos de aceptación: Poder ver en cualquier dispositivo Al culminar: Después de haber realizado los filtros, se le dará prioridad al cálculo deseado
Nuestro planning se basó realizando las historias de usuarios en hitos que reflejamos usando Notion, los tiempos en los que estuvimos avanzando en relación a sprint fueron los siguientes:
Sprint 1 = 22 de marzo - 27 de marzo Sprint 2 = 27 de marzo - 3 de abril Sprint 3 = 3 de abril - 10 de abril Sprint 4 = 10 de abril - 17 de abril
En nuestra primera semana, que empezamos a escoger el tema de nuestra página, estábamos usando Trello para nuestro planning, pero nos dimos cuenta que podíamos organizarnos de mejor manera usando Notion. Por ello, las fechas que aparecen en la imagen es a partir del 27 de marzo. Despliegue: La aplicación se ha desplegado en GitHub Pages. https://dianapierinam.github.io/DEV014-Dataverse/src/
PROBLEMAS DETECTADOS PRUEBAS DE USABILIDAD:
Problemas detectados en pruebas de usabilidad:
Los usuarios nos han contado: • “El texto no es legible.”
• “No muestra ningún texto o aviso cuando seleccionas un filtro que no tiene resultados.”
• El footer era muy simple, solo tenía nuestros nombres.
• No había espacio en donde mostrar el resultado del cálculo.
Solución: ✓ Cambiamos el tipo de letra ✓ Agregamos un texto de “No hay resultados” al momento de filtrar un elemento que no existe en la data (basándose en los parámetros de los filtros) ✓ Realizamos un footer guiándonos de otras páginas webs funcionales para simular la información que va en ella. ✓ Implementamos un botón que al hacer click en el borraba las tarjetas de los personajes y enseñaba el cáculo. Seguiremos trabajando en:
-
Funcionalidad en el apartado de “síguenos en nuestras redes sociales” y datos de contacto.
-
Funcionalidad en el apartado de “síguenos en nuestras redes sociales” y datos de contacto.