Skip to content

rxmstrd/cdmx-2018-06-bc-core-am-data-dashboard

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Data Dashboard

Proceso de UX

Nuestro primer acercamiento lo haremos a través del proceso de diseño, donde pasamos por diferentes etapas como:

1. Descubrimiento e investigación

El proyecto consiste en generar una interfaz en la que se puedan manipular los datos de las distintas sedes de laboratoria y de donde se pueda extraer informacón específica ya sea de las generaciones, de las estudiantes, entre otras.

Nos acercamos a la TM de la Sede de México solicitandole una entrevista con el fin de conocer cuales son sus principales necesidades en cuanto a manipulación de los datos.

Según nuestra informante, Lucile Baladier, TM de la Sede México, actualmente Laboratoria no cuenta con una plataforma que permita la manipulación de esta información y la necesidad se cubre utilizando archivos en excel que no simplifican procesos y hacen más complicada la generación de algunos archivos, así como en análisis de la data.

Para Lucile el poder contar con una interfaz que optimice el proceso de manipulación de data es de suma importancia pues el análisis de esa data le permite proponer o tomar decisiones en las actividades de Laboratoria, por lo tanto entre más accesible, confiable y rápida sea la obtención de ésta información actualizada, hay un mayor margen de aplicabilidad en las labores cotidianas de Laboratoria.

Por nuestro lado el objetivo principal de quienes programaremos ésta interfaz es poder contruir un producto que además de cubrir las necesidades del personal que utilizará el programa hacerlo de una amigable y eficiente.

Usuarixs:

Los usuarios son principalemente los TM de las distintas sedes de laboratoria, sin embargo debido a que la data arroja información sobre el progreso de las Estudiantes, las diferencias entre sedes y generaciónes e incluso de la eficiencia del programa, es posible la interfaz sea de utilidad para todo el equipo de laboratoria, desde personal administrativo, coachs, tm, fundadores etc,. Lo anterior dependerá de que los propios TM permitan el acceso a otro miembros de equipo o no.

Necesidades de las usuarias:

Una interfaz amigable que permita la manipulación de diferentes tipos de data con rapidez y eficiencia.

Objetivos de las usuarias: Poder motitorear tanto el avance de las alumnas, como el de la sede y poder análizar si el trabajo que se está implementando se refleja de forma positiva en la preparación de las alumnas. Además poder tomar decisiones basandose en información tanto de la sede en la que se encuentran como comparandola con el resto de las sedes.

Pain points: Actualmente se tienen que hacer varios procesos para poder llegar a la información que se requiere, por lo que el proceso para extraer información especifica es tedioso, por otro lado excel cuenta con una interfaz poco amigable dificulta el análisis de la información.

Sentimientos: Frustración, sensación de tedio.

Técnicas usadas en esta fase: Entrevista semiestructurada.

Nos acercamos a la TM de la sede México Lucile Baladier con el fin de poder realizarle una entrevista, luego de darnos una cita se llevo a cabo y se adjunta en la siguiente liga.

https://drive.google.com/file/d/1CuIYTOwz32jD5Lg_i-Bbtp7PFU1xDJN-/view?usp=sharing

5. Objetivos del negocio: (Enlistarlo(s)) Construir una interfaz amigable que manipule los distintos datos que la TM requiere de una forma eficaz.

6. Motivaciones del negocio para el data dashboard:(Enlistarlo(s)) Poder manipular la data del cliente, generando un producto amigable para nuestras usuarias finales.

2. Síntesis y definición

(Dada la fase anterior de investigación, ahora vamos a tomar todos los datos más importantes y transformarlos en información valiosa para comenzar a orientarse a la solución. También vamos a entender lo que la empresa quiere de ese producto y comenzar a entender ambas visiones con el fin de encontrar un punto armónico)

1. Cuáles crees que son los datos más importantes a tener en cuenta para el Data Dashboard:

  • Sobre las estudiantes: su porcentaje de Avance, los temas y subtemas que ha desarrollado y los que no.

2. Lo que los usuarios esperan obtener:

Una interfaz que permita la manipulación de los datos de forma amigable y eficiente.

3. Insights: Contruir una interfaz totalmente personalizada con el tema de laboratoria.

4. Data proporcionada:

 -_Data relacionada a los cursos:_
 generaciones
 estudiantes
 avances
 temas
 tiempos

5. Insights del negocio:

3. Ideación

Se revisaron alguna plataformas educativas que se acercaban a lo que el usuario requería para Laboratoria. Se propone motrar una interfaz personalizada con el tema de Laboratoria.

4. Prototipado

(Esta es la fase creativa, donde se comienza a construir el Data dashboard con la información obtenida de las fases anteriores. Se reafirma crear la experiencia de usuario, donde la solución resuelve necesidades y facilita la vida)

sketch sketch1 sketch sketch2 sketch sketch3 sketch sketch$ sketch sketch5 sketch sketch6 sketch sketch7 sketch sketch8 sketch sketch9 sketch sketch10

5. User testing

Después de recibir el feedback del cliente, se determinó que el primer prototipo no cubría las necesidade del mismo, en primer lugar se redujeron el número de pantallas que se proponían, pues no todas presentaban información útil para la TM. De acuerdo a ésta información se da también preferencia a información de una sola sede, se eliminan las gráficas comparativas entre sedes,así como la ventana de alumnas que contenía muy poca información.

sketch sketch1 sketch sketch2 sketch sketch3 sketch sketch4 sketch sketch5 sketch sketch6 sketch sketch7

**6.Instalación

Para realizar modificaciones o contribuciones para mejorar o utilizar éste código requieres:

1.Instalar un Editor como: Visual Studio Code, Atom, Sublime, etc. 2.Intalar una Terminal como Git Bahs o utilizar la terminal de tu equipo de computo. 3.Forkear o clonal el repositorio a tu ordenador local desde: https://github.com/rxmstrd/cdmx-2018-06-bc-core-am-data-dashboard.git . 4.Instalar Node.js así como las dependencias del proyecto

Si requieres mejorar la testeabilidad del código puedes hacerlo incluyendo tus test en: 5.src/data.js

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 67.8%
  • HTML 16.6%
  • CSS 15.6%