- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Definición del producto
- 4. Historias de usuarios
- 5. Diseño de la Interfaz de Usuario
- 6. Diseño final de la aplicación
Según Forbes, el 90% de la data que existe hoy ha sido creada durante los últimos dos años. Cada día generamos 2.5 millones de terabytes de datos, una cifra sin precedentes.
No obstante, los datos por sí mismos son de poca utilidad. Para que esas grandes cantidades de datos se conviertan en información fácil de leer para los usuarios, necesitamos entender y procesar estos datos. Una manera simple de hacerlo es creando interfaces y visualizaciones.
En la siguiente imagen, podrás ver cómo con la data que que se ve en la parte izquierda se puede construir una interfaz amigable y entendible por el usuario al lado derecho.
En este proyecto construimos una página web para visualizar un conjunto (set) de datos** adecuado a la data de Harry Potter.
Nuestra página permite visualizar la información más relevante de los personajes, también puedes filtrar la data considerando casa, género y rol
Estos son los datos propuestos para mostrar la información:
- Harry Potter. Este set de datos muestra la lista de los personajes del mundo de Harry Potter: Wizards Unite, junto con sus respectivas características mencionadas en la serie de novelas de Harry Potter escrita por la autora británica J.K.Rowling.
El proceso de diseño del producto se basó en las necesidades de los usuarios de conocer características e información relevante de los personajes de Harry Potter. Para esto, comenzamos realizando una encuesta para saber que datos eran considerados de mayor relavancia. Una vez determinado comenzamos a definir las historias de usuario.
Mediante la encuesta realizada y los datos proporcionados inicialmente por Laboratoria definimos cada una de las historias de usuario y los criterios de aceptación de cada uno. Ocupamos Trello para mantener una adecuada planificación de cada historia y sus tareas.
Al finalizar el proceso de encuestas definimos los siguientes sketches:
Acá podemos ver el contenido inicial, se visualiza la información de cada personaje y los filtros pensados en primera instancia.
Una vez definido el sketch pasamos al prototipo de alta fidelidad diseñado en figma:
Este fue el resultado luego de la primera historia de usuario desarrollada durante la primera semana, sin embargo, luego del feedback del primer spring el diseño cambió quedando finalmente de la siguiente forma: