Programa del Curso de InfoVis

I. DESCRIPCIÓN DEL CURSO

Este curso proporciona una introducción integral a la visualización de información, abarcando desde los fundamentos teóricos hasta las técnicas prácticas para diseñar, implementar y evaluar visualizaciones efectivas. Se exploran los principios de la percepción visual, la narrativa con datos, y las metodologías para transformar datos en representaciones visuales, auditivas y físicas que faciliten la comprensión y la toma de decisiones. El curso enfatiza un enfoque centrado en el usuario y aborda la creación de visualizaciones tanto exploratorias como explicativas. Además, se introduce a los estudiantes en el uso de herramientas de programación y prototipado para crear visualizaciones interactivas, sonoras y físicas.

II. RESULTADOS DE APRENDIZAJE

Al finalizar el curso, los estudiantes serán capaces de:

  • Cuestionar los principios fundamentales de la visualización de información y su importancia en el análisis y la comunicación de datos.
  • Diseñar visualizaciones efectivas que consideren el contexto, el público objetivo y el mensaje que se desea transmitir.
  • Implementar visualizaciones utilizando diversas técnicas y herramientas, incluyendo la programación web (HTML, CSS, JavaScript, SVG), librerías como Plotly.js, y herramientas de sonificación como Tone.js.
  • Evaluar visualizaciones utilizando métodos cuantitativos y cualitativos, y heurísticas de diseño.
  • Utilizar la interacción, la sonificación y la fisicalización para enriquecer las visualizaciones y facilitar la exploración y comprensión de los datos.
  • Crear prototipos de visualizaciones físicas utilizando diferentes técnicas y niveles de fidelidad, incluyendo bocetos, maquetas y prototipos interactivos.
  • Aplicar las técnicas de diseño de información para crear visualizaciones estáticas, interactivas y físicas.
  • Comunicar eficazmente los resultados de análisis de datos a través de narrativas visuales.

III. CONTENIDOS

1. Introducción a la Visualización de Información:

  • Definición y objetivos de la visualización de información.
  • Importancia de la visualización en el análisis de datos.
  • El proceso de diseño de visualizaciones.
  • Tipos de visualización: exploratoria vs. explicativa.
  • El continuo entre DataVis/InfoVis, Infografía y Data Art.

2. Principios de Percepción Visual y Diseño:

  • Percepción humana y variables visuales.
  • Uso efectivo del color, la forma y el tamaño.
  • El concepto de “ink ratio”.
  • Heurísticas de diseño para la visualización de información.
  • Leyes de la Gestalt.
  • Escalas de datos: lineal, logarítmica, categórica, ordinal, porcentual y temporal.

3. Narrativa con Datos (Storytelling):

  • Identificación del mensaje principal.
  • Construcción de una narrativa coherente.
  • Uso de visualizaciones para responder preguntas.
  • Contextualización de visualizaciones.
  • Uso de texto y anotaciones para guiar la interpretación.

4. Tipos de Visualizaciones y su Aplicación:

  • Gráficos de barras, líneas, dispersión y áreas.
  • Tablas y mapas de calor.
  • Visualización de datos temporales.
  • Visualización de distribuciones.
  • Consideraciones sobre el uso de gráficos 3D.
  • Errores comunes y cómo evitarlos.

5. Interacción y Sonificación en Visualizaciones:

  • Principios de la visualización interactiva (Shneiderman).
  • Técnicas de interacción: zoom, filtro, detalles bajo demanda.
  • Navegación de información a través del sonido.
  • Diseño de interfaces interactivas.
  • Sonificación de información: tono, volumen, ritmo y timbre.

6. Fisicalización de Datos:

  • Concepto y beneficios de la fisicalización.
  • Técnicas de fisicalización: modelos físicos, impresiones 3D, etc.
  • Fisicalización para accesibilidad.
  • Fisicalización para comunicación y educación.
  • Fisicalización estética y arte con datos.
  • Tecnologías y fabricación digital.

7. Herramientas de Implementación:

  • HTML, CSS, JavaScript y SVG.
  • Glitch (obligatorio) para desarrollar y alojar páginas web con las visualizaciones interactivas.
  • Librerías de visualización: Plotly.js.
  • Librerías de sonificación: Tone.js.
  • Plataformas de prototipado físico: Protobject Framework / Arduino / LEGO Technic.

8. Prototipado:

  • Tipos de prototipado: virtual, mixto, físico.
  • Técnicas de prototipado rápido: bocetos, maquetas.
  • Niveles de fidelidad en prototipos.
  • Prototipado offline y online.

9. Evaluación de Visualizaciones:

  • Métodos cuantitativos y cualitativos.
  • Pruebas con usuarios.
  • Cuestionarios y análisis de retroalimentación.
  • Heurísticas para la evaluación de visualizaciones.

IV. ESTRATEGIAS METODOLÓGICAS

  • Clases expositivas y de discusión.
  • Clases prácticas con ejercicios y ejemplos.
  • Aprendizaje basado en proyectos.
  • Experimentar con código previamente armado.
  • Ayudantías de apoyo.
  • Todo el material se subirá a la página web del curso.
  • Los apuntes del curso estarán disponibles para cada clase.

V. ESTRATEGIAS EVALUATIVAS

  • Pruebas teóricas (2 interrogaciones).
  • Proyecto en 3 entregas progresivas:
    • Entrega 1: Visualización de información estática.
    • Entrega 2: Visualización de información interactiva y sonora.
    • Entrega 3: Visualización de información interactiva, sonora y física.
  • Bonus: Actividades en clase.

Las evaluaciones buscan demostrar la comprensión teórica y práctica de los conceptos del curso, así como la capacidad de diseñar, implementar y evaluar visualizaciones efectivas.

Para aprobar el curso, es necesario cumplir con los siguientes requisitos:

  • Obtener un promedio mayor o igual a 4 en las pruebas teóricas.
  • Obtener un promedio mayor o igual a 4 en el proyecto.

La nota final se calculará como el promedio entre:

  • El promedio de las pruebas teóricas.
  • El promedio de las entregas del proyecto.

Si el promedio final es mayor o igual a 4, pero alguno de los promedios (pruebas teóricas o proyecto) es inferior a 4, la nota final será 3.9 y se reprobará el curso.

Al promedio final obtenido se sumará el bonus correspondiente a las actividades en clase.

Calcula tu nota

USO DE LLM

El uso de ChatGPT o herramientas similares es recomendado para facilitar y agilizar la creación de código, la resolución de problemas de programación y la revisión textual de los informes de los proyectos.

BIBLIOGRAFÍA

Bibliografía Mínima:

  • Yau, N. (2013). Data points: Visualization that means something. John Wiley & Sons.
  • Knaflic, C. N. (2015). Storytelling with data: A data visualization guide for business professionals. John Wiley & Sons.
  • Hermann, T., Hunt, A., & Neuhoff, J. G. (2011). The sonification handbook (Vol. 1). Berlin: Logos Verlag.
  • Dragicevic, P., Jansen, Y., & Vande Moere, A. (2020). Data physicalization. Handbook of human computer interaction, 1-51.
  • Beaudouin-Lafon, M., & Mackay, W. E. (2007). Prototyping tools and techniques. In The human-computer interaction handbook (pp. 1043-1066). CRC Press.

Bibliografía Complementaria:

  • Munzner, T. (2014). Visualization analysis and design. CRC press.
  • Spence, R. (2001). Information visualization (Vol. 1). New York: Addison-Wesley.
  • Cabitza, F. (2020). Introduzione alla Visualizzazione dei Dati, in Batini, C. et al., La scienza dei dati.
  • Ware, C. (2019). Information visualization: perception for design. Morgan Kaufmann.
  • Dix, A. (2013). Introduction to Information Visualisation. Information Retrieval Meets Information Visualization, LNCS 7757, 2013, pp 1-27.
  • Tufte, E.R. (2001). The visual display of quantitative information. Cheshire, CT: Graphics press.
  • Cairo, A. (2016). The truthful art: data, charts, and maps for communication. New Riders.
  • Shneiderman, B. (2003). The eyes have it: A task by data type taxonomy for information visualizations. In The craft of information visualization (pp. 364-371). Morgan Kaufmann.
  • Bellino, A., & Rocchesso, D. (2024, June). Controlling Trajectories with OneButton and Rhythm. In Proceedings of the 2024 International Conference on Advanced Visual Interfaces (pp. 1-3).
  • Krumm, J. (Ed.). (2018). Ubiquitous computing fundamentals. CRC Press.
  • Rogers, Y. (2023). Interaction design: beyond human-computer interaction.