Skip to content

heidygerbi/The-world-Bank

 
 

Repository files navigation

Proyecto Data Lovers

Definición del producto

En este proyecto se construyo una interfaz web donde se puede visualizar y manipular data, según lo que el usuario necesita.

Solución de problemas:

Esta interfaz web le muestra al usuario/a información de valor sobre cierta data del Banco Mundial que requiere para poder tomar decisiones para invertir, hacer turismo o crear servicios segun las necesidades que vea a través de analizar la data mostrada.

Proceso de diseño


Para diseñar este producto tecnológico lo primero que se hizo fue:

  • Estudiar la data ofrecida, se seleccionó la data del Banco Mundial.

  • Se analizó la informacion que contenia, tanto como su línea gráfica como la data a manipular.

  • Cada una creo un prototypo de baja fidelidad según como procesamos la informacion, luego fusionamos ambas ideas.

    • Obteniendo nuestro primer Prototipo #1.

    giphy 1

  • Se le mostro el sketch(en lápiz y papel) a los usuarios obteniendo informacion de lo que se consideraban eran sus necesidades.

    • Obtuvimos las Primeras historias de usuario #1

    image

  • Luego de una selección de acuerdo al alcance de la data surgen las historias de usuario finales #2 image

  • cuyas definición de terminado son: Definición de Terminado ![image](image

  • Con lo cual, creamos el Prototipo #2

Prototipado de baja fidelidad

giphy 2

Prototipado de alta fidelidad


Prototipo en Zeplin

https://zpl.io/VQKdv94

Vista #1 image

Vista #2 - Sin carga de data image

Vista #2 - Con carga de data image

VERSION MOVIL

image

Diseñamos una estructura básica en HTML para las presentaciones Demo y posteriormente fuimos centrándonos en el desarrollo de la funcionalidad, usando la técnica recomendada pair programming.

Para la planificación usamos el tablero físico con post it y también usamos el tablero de github por la semana en remoto image

Testing

Conclusiones del testing

Luego de realizar el primer testeo, se procedió a realizar algunas mejoras en el prototipo y se procedió a realizar el prototipo de alta fidelidad en figma.

Mejoras:

  • Página Index: se creo el carrusel con botones de los principales indicadores, viendose la informacion del último año y de todos los paises.

  • Página de Búsqueda Personalizada: Se modifico los indicadores y se definio la vista de la tabla de resultados.

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 99.0%
  • Other 1.0%