Técnicas de visualización específicas para paneles

Conceptos de diseño de paneles

Olga Scrivner, PhD

President, Scrivner Solutions Inc

Diseñar paneles para ojos humanos

 

gráficos interactivos

los gráficos de datos bien diseñados suelen ser los más simples y [...] los más potentes${^1}$

 

          Visualización efectiva de datos

  • Reduce la carga cognitiva en quien usa
  • Ayuda a resolver problemas
  • Facilita el descubrimiento
  • Aporta conclusiones accionables
1 Edward Tufte
Conceptos de diseño de paneles

Principios de diseño

                                                          Procesamiento de la información

comunicación visual

Conceptos de diseño de paneles

Principios de diseño

                                                          Procesamiento de la información

comunicación visual

Conceptos de diseño de paneles

Principios de diseño

                                                          Procesamiento de la información

comunicación visual

                                                      Principios de diseño de paneles

principios

Conceptos de diseño de paneles

Principios de diseño

                                                          Procesamiento de la información

comunicación visual

                                                      Principios de diseño de paneles

principios

Conceptos de diseño de paneles

Principios de diseño C.R.A.P.

Contraste

  • Color, tamaño, forma

contraste

Repetición

  • El «ritmo» de lectura del panel

repetición

Alineación

  • Un diseño ordenado

alineación

Proximidad

  • Los elementos relacionados deben agruparse

proximidad

1 Ferrari, Maw. (2021). Mejora del diseño de paneles.
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Principios de la Gestalt

Cómo percibimos y organizamos lo que vemos de formas concretas para darle sentido.

gestalt

1 Dataspire. (2020). ¡Aprovechemos la ciencia de la percepción a nuestro favor!
Conceptos de diseño de paneles

Visualizaciones engañosas: qué hacer y qué evitar

Línea base distinta de cero

distorsión

Inconsistencia de intervalos

intervalo

Sobrecarga

sobrecarga

Efectos 3D

3-D

1 LibGuide. (2021). Data Visualization: Chart Dos and Don'ts.
Conceptos de diseño de paneles

¡Vamos a practicar!

Conceptos de diseño de paneles

Preparing Video For Download...