- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Criterios de aceptación del proyecto
- 4. Diseño de la interfaz de usuario
- 5. Diseño final
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 comprensible para las usuarias al lado derecho.
En este proyecto se manipula un conjunto de datos (set de datos) para hacerlos accesibles a través de una página web de utilidad para las usuarias.
La página web permite visualizar la data, filtrarla, ordenarla y muestra un cálculo agregado. En este caso se muestra el porcentaje de personajes que pertenecen a la raza: Humano
Los datos que utilizamos son:
- Harry Potter. En este set encontrarás una lista de los personajes,libros pociones y hechizos de toda la saga de Harry Potter.
Llamamos "Criterios de aceptación" a todas aquellas características que debe tener un proyecto para ser "aceptado" como válido. En este caso se consideran las Historias de Usuario 1, 2 y 3.
Cada Historia de Usuario tiene sus propios criterios de aceptación.
Las Historias de Usuario son el resultado de un proceso de investigación o research de las usuarias y de algunas necesidades específicas del producto/negocio.
Yo como usuario [visitante del sitio] quiero poder VER todos los nombres de los personajes para familiarizarme con ellos.
Criterios de Aceptación:
- La UI es responsive (teléfonos y PC).
- Todos los personajes aparecen en una misma vista, en forma de grilla (cuadrícula) sin ningún orden en particular.
- La vista no tiene paginación, se hace scroll desde el primer elemento hasta el último.
- Cada cuadrícula contiene:
- Nombre de personaje
- Casa a la que pertenece
- La UI es exactamente igual al prototipo de alta fidelidad (colores, tamaños de bloques,tipo de letra, tamaño de letra, imágenes, etc. )
Definición de Terminado:
Todo el código está en la rama principal/main del repositorio.
La página está publicada en Github Pages y es accesible mediante un enlace/link/liga.
Se hacen pruebas de usabilidad con al menos 2 usuarias y se incorporan las mejoras identificadas en la versión.
Yo como usuario [visitante del sitio] quiero poder FILTRAR los personajes por la casa a la que pertenecen.
Criterios de Aceptación:
- La UI es responsive (teléfonos y PC).
- La UI contiene elementos para filtrar los datos (desplegables u otros).
- Al seleccionar valores de los elementos para filtrar, en la parte inferior de la página aparece solamente el tipo de contenido filtrado.
Definición de Terminado:
- Hay un test unitario para la función de filtrado.
- Todo el código está en la rama principal/main del repositorio.
- La página está publicada en Github Pages y es accesible mediante un enlace/link/liga.
- Se hacen pruebas de usabilidad con al menos 2 usuarias y se incorporan las mejoras identificadas en la versión.
Yo como usuario [visitante del sitio] quiero poder ORDENAR los personajes por sus nombres de manera alfabéticamente ascendente (A-Z) y descendente (Z-A).
Criterios de Aceptación:
- La UI es responsive (teléfonos y PC)
- La UI contiene elementos para ordenar los datos (desplegables u otros).
- Al seleccionar valores de los elementos para ordenar, en la parte inferior de la página aparece solamente el contenido ordenado según el criterio seleccionado.
Definición de Terminado:
- Hay un test unitario para la función de ordenado.
- Todo el código está en la rama principal/main del repositorio.
- La página está publicada en Github Pages y es accesible mediante un enlace/link/liga.
- Se hacen pruebas de usabilidad con al menos 2 usuarias y se incorporan las mejoras identificadas en la versión.
Yo como usuario [visitante del sitio] quiero poder DESPLEGAR los Datos Curiosos, Hechizos, Pociones y Libros.
Criterios de Aceptación:
- La UI es responsive (teléfonos y PC)
- La UI contiene elementos para mostrar los datos (desplegables u otros).
- Al seleccionar valores de los elementos para mostrar, en la parte inferior de la página aparece solamente el tipo de contenido filtrado.
Definición de Terminado:
- Todo el código está en la rama principal/main del repositorio.
- La página está publicada en Github Pages y es accesible mediante un enlace/link/liga.
- Se hacen pruebas de usabilidad con al menos 2 usuarias y se incorporan las mejoras identificadas en la versión.
Yo como usuario [visitante del sitio] quiero poder ver porcentaje de personajes.
Criterios de Aceptación:
- La UI es responsive (teléfonos y PC)
- La UI contiene elementos para mostrar los datos (desplegables u otros).
- Al seleccionar valores de los elementos para mostrar, en la parte inferior de la página aparece solamente el tipo de contenido filtrado.
Definición de Terminado:
- Todo el código está en la rama principal/main del repositorio.
- La página está publicada en Github Pages y es accesible mediante un enlace/link/liga.
- Se hacen pruebas de usabilidad con al menos 2 usuarias y se incorporan las mejoras identificadas en la versión.
