Visualización de datos en ciencia

Visualización de datos en ciencia

visualización de datos

Intro

La visualización de datos incluye infografías, gráficos, pósters… Cada visualización tiene alguna peculiaridades propias, pero comparten unos principios básicos. En esta entrada recopilamos algunas recomendaciones aplicables a todas ellas. Tómatelo como una primera cata, antes de lanzaros a cocinar vuestros propios «platos» visuales.

De hecho, la cocina y, sobre todo, la música, me parecen dos analogías fantásticas de la visualización de datos. La mayoría de personas es capaz de apreciar un plato o una canción bien hecha aunque no coincida con el propio gusto musical o culinario. Lo mismo pasa con las visualizaciones: una infografía es capaz de maravillar el Stendahl que llevas dentro.

¿Quién puede restar impasivo ante esta maravilla?

Y, como pasa con la música, para hacer mejores visualizaciones, deberías:

  • Escuchar/Ver diferentes ejemplos
  • Reflexionar sobre por qué te gustan
  • Aprender los principios básicos
  • Practicar y disfrutar
  • Aprender haciendo #LearningByDoing #AprendreFent

Antes de diseñar…

… pregúntate (Comunicación 101)

¿Quién va a ver esto? ¿Qué sabe ya? ¿Qué quería?

  • Tu audiencia

¿Qué quiero transmitir?

  • Tu mensaje
  • ¿Quieres hablar de más de una cosa? → 2+ visualizaciones

Before_Drawing_Ask_Yourself
Sólo entonces vale la pena preguntarse ¿Cómo lo mostraré?

  • Visualización  de datos

Audiencia + Mensaje → Narrativa

Cuando tengas definidos tanto la audiencia como el mensaje, céntrate en la narrativa. Una buena narrativa consigue aumentar la memorabilidad, la capacidad de persuasión y de motivación de tu mensaje.

«In listening to stories we tend to suspend disbelief in order to be entertained, whereas in evaluating statistics we generally have an opposite inclination to suspend belief in order not to be beguiled»

John Allen Paulos

Ejemplos espectaculares de narrativa:

Pero no toda la narrativa tiene que estar en formato «locutado». Las visualizaciones estáticas también tienen narrativa (por ejemplo, Historia del bolígrafo). Ten en cuenta que en las visualizaciones el lector puede escoger su propio camino.

Ahora ya puedes prototipar

archer-2027015_960_720Céntrate en tres cosas:

  1. El mensaje principal
  2. El elemento visual más relevante
  3. El resto: da soporte

Scott Berinato sugiere:

  • Desde What am I trying to show?
  • A I need to convince them that… 

«A spreadsheet doesn’t know the chart’s audience or purpose. Programs visualize data. People visualize ideas»

Scott Berinato

Algunas herramientas para prototipar

Visualizar datos:

Paso a paso

En la presentación puedes ver cómo hemos modificado un gráfico construido en LibreOffice cambiando el orden de los iconos. El primer gráfico muestra los iconos en el orden que los veían los encuestados; en el segundo, se ordenan por «edad»; en el tercero, por «categoría»; y en el último por resultado. Cada gráfico remarca un mensaje diferente.

Graph types

¿Cómo escoger qué gráfico es el recomendado?

Encontrarás multitud de páginas y de infografías sobre cómo escoger tu tipo de gráfico. Te dejamos algunas fuentes que te pueden resultar de utilidad:

Pero… tened en cuenta…

“The only design worse than a pie chart is several of them.”

Tufte, 1983

Muy pocas veces los gráficos de sectores (de queso o de tarta) son la mejor opción. Es más difícil interpretar ángulos que distancias o longitudes, como podrás comprobar en estos enlaces:

Las barras también tienen sus problemas.

Paso a paso

En el siguiente ejemplo queríamos representar el cambio en las opiniones de los encuestados (alumnos de la ESO) antes y después de participar en un proyecto de ciencia ciudadana. El primer gráfico de barras es confuso. Entre el segundo y el tercero se han cambiado los títulos.

Mejorar nuestras visualizaciones

Algunos principios básicos

Adaptado de Good Charts

  • Estructura y jerarquía
    • Vigila cómo utilizas los títulos, elementos y su distribución
    • Alinéalo todo
  • Claridad (Comunicación)
    • Cada elemento es único (por ejemplo: títulos que describen los ejes)
    • Analiza cada elemento. Elimina redundancias y ambigüedades.
  • Simplicidad (Presentación)
    • Cuidado. Simple no siempre significa más claro
    • Usa de manera comedida colores y tipografías
    • Limita el recorrido ocular: si hay una leyenda muy grande, el lector/a deberá ir y venir entre la gráfica y la leyenda muchas veces. Sale a cuenta poner las etiquetas al lado de su representación.

Estructura y jerarquía

Scott Berinato distingue cuatro elementos principales:

  1. Títulos
  2. Subtítulos
  3. Panel visual (aquí va la gráfica y los elementos)
  4. Línea de la fuente (de los datos, de las imágenes, etc.)

Comprueba la alineación de los elementos. Alinea todos los elementos que puedas alinear (de hecho, todos). Utiliza la cuadrícula y las facilidades que dan las herramientas (guías, alineación, distribución…) También puedes utilizar los ejes de la gráfica como guías para alinear el resto de elementos.

El espacio es bueno… el espacio te ayuda a respirar. Deja espacios vacíos. Utiliza márgenes. Lucha contra el horror vacui. Si realmente necesitas poner más información en una visualización, quizás necesites más de una visualización.

Paso a paso

Color

Consideraciones básicas :

  • Simplifica la paleta (¿necesitas crear una? Prueba Paletton)
  • El gris es tu amigo
  • Utiliza el color para destacar
  • Utiliza el color para relacionar los elementos
  • Ten en cuenta las distintas deficiencias en la visión de los colores. Te recomendamos utilizar aplicaciones como CVSimulator.

Palette

«Pure colors are uncommon in nature, so limit them to highlight whatever is important in your graphics»

Alberto Cairo

El contraste

El uso de los colores es esencial. Ten en cuenta cómo podéis utilizar:

  • Colores saturados vs insaturados (grises)
  • Colores oscuros vs brillantes
  • Colores cálidos vs fríos

Cuidado con el arcoíris

Utilizamos el brillo para interpretar formas y profundidades. Es decir, relacionamos los colores brillantes con los picos y los colores oscuros como valles. Este efecto hace que muchas veces veamos los puntos amarillos «sobresalir» por encima del resto. En una escala de colores basada en el arcoíris, el amarillo está por el centro (con el azul para los valores bajos y el rojo para los más altos)… pero se interpreta como «más alto» que el rojo.

Paso a paso

A partir del gráfico que habíamos ordenado por «categorías», utilizamos el color para destacar dichas categorías (y ordenamos los resultados dentro de cada grupo).

Texto y tipografías

    • Utiliza fuentes modernas sin serifa y que se puedan leer en pequeño (necesitaréis fuentes pequeñas).
    • Utiliza pocas fuentes (mejor sólo una).
    • Justifica los textos a izquierda (y, a veces, si es estrictamente necesario, a la derecha). Rehuye, de inicio, la justificación centrada. Recordad, por eso, que ninguno de estos consejos está tallado en piedra en las leyes del diseño universal.
    • Utiliza sólo un elemento para mostrar la jerarquía de los textos. Para diferenciar un título de un texto plano, sólo necesitas cambiar una de estas tres cosas:
      • Tamaño
      • Color
      • Peso
      • No necesitas usarlas todas a la vez
    • Alinea, alinea, alinea.

Piensa en un título atractivo. No describas, sugiere. Juega con los títulos.

Coherencia

Muy importante. Utiliza los mismos elementos y de manera fractal. Utiliza los mismos elementos y de la misma manera en tu gráfica, en todas las gráficas de tu artículo, póster, tesis… Forma parte de tu marca personal y profesional.

Mantén siempre:

  • Jerarquía
  • Fuentes
  • Colores
  • Márgenes y espacio entre textos
  • Alineación

Imágenes

Cuando quieras utilizar alguna imagen, ten en cuenta su licencia de uso y si está en formato vectorial (mejor que en mapa de bits).

  • Puedes utilizar imágenes o iconos que sean de dominio público.
  • Puedes utilizar las imágenes o iconos bajo creative commons siempre que cumplas sus requisitos específicos:
    • Atribución
    • Compartir igual
    • Sin finalidad económica
    • Sin modificación
    • Combinaciones varias de los anteriores
  • No puedes utilizar imágenes o iconos con copyright o que no especifiquen la licencia (por defecto, se considera que tienen copyright)

¿Dónde buscar imagenes que quizás pueda utilizar? Igualmente, comprobad siempre la licencia de cada imagen.

Menos es más

Reduce elementos e información.

Reduce elementos innecesarios:

  • Bordes
  • Cajas
  • Colores
  • Marcadores de los ejes
  • Combina elementos

Reduce «embellecedores» (relieve, sombras, brillos…). No utilices gráficas en 3D, son el comic sans de las visualizaciones.

Paso a paso

En el siguiente ejemplo podemos ver cómo hemos simplificado el gráfico y le hemos aplicado coherencia en colores y tipografías. En el último gráfico, en el que se destaca el cambio en las diferentes categorías, se han simplificado los ejes y se han añadido dos elementos que ayudan al mensaje.

¿Cómo ver la incertidumbre?

Para ver cómo se puede representar mejor la incertidumbre, os recomendamos el número 518 de Investigación y ciencia Verdades, mentiras e incertidumbres.

Convenciones culturales

Lo queramos o no, somos hijas/os de nuestro tiempo y nuestro entorno y estamos acostumbrados a unas convenciones visuales. Por ejemplo, quizás nos cueste identificar la localización de este mapa…
UnknownMap
Lo único que hemos hecho es cambiar dos convenciones: hemos puesto el norte abajo y hemos pintado la tierra de azul y el mar en marrón.
MareNostrumMap
Imágenes modificadas a partir de la obra de MapMaster.

Otras convenciones que es recomendable respetar:

  • El tiempo «corre» de izquierda a derecha
  • El azul es frío, el rojo es caliente
  • Verde, bueno; rojo, malo; amarillo, meh.
  • ¿Se te ocurren más?

Diseñando las gráficas definitivas

«A spreadsheet doesn’t know the chart’s audience or purpose. Programs visualize data. People visualize ideas»

Scott Berinato

Algunas herramientas:

A examen: Analiza gráficas

Puedes utilizar como plantilla de evaluación la sección «Algunos principios básicos» y/o los siguientes puntos (adaptados de Good Charts):

  • ¿Qué es lo primero que ves?
  • ¿Cuál es la primera idea que te viene a la mente?
  • Notas
    • Me gusta…
    • No me gusta…
    • Me gustaría que tuviera…
  • 3 cosas que cambiaría (y por qué)

Puedes probar también hacer tu propia versión.

Pósters

Un póster no es (no debería ser) un resumen de tu artículo o tesis sino una ayuda visual para vuestra explicación (debéis ser los protagonistas).

Algunos consejos de Creating an eye-catching poster (Nature).

  • Horizontal mejor que vertical
  • Utilizar fotografías, esquemas o dibujos.
  • Máximo: 1.000 palabras
  • Título atractivo o intrigante
  • Comprueba la legibilidad del póster: pon el programa a 100% de zoom y aléjate un metro. ¿Se lee? Fantástico.

Más consejos, esta vez adaptados de Using design principles to inform scientific posters (Nature Jobs) y centrados en el texto:

  • Conciso, focalizado en un solo tema.
  • Distribuido en columnas. «Párrafos» de 5-6 líneas. 25-30 caracteres por línea.
  • Listado por puntos para romper y destacar
  • Tamaño de fuente mínimo de 24 puntos
  • Vigila la legibilidad: Lo mejor es el texto negro sobre fondo blanco.
  • Vigila también los caracteres especiales. En castellano utilizad comillas latinas («» alt+174 y alt+175). Para los menos, utilizad – (alt+0150) en vez del guión básico – .

Inspiración

Enlaces y vídeos

Qiero saber más!

Y no me extraña.

Consulta el programa del Postgrado en Comunicación Científica que impartimos en Barcelona junto con la UVic. Encontraréis sesiones específicas de visualización de datos, de diseño o e infografías. #SciCommUVic. Puedes visitar el blog del postgrado para conocer los antiguos alumnos y los trabajos que realizaron. ¡Contacta con ellas y ellos para conocer su opinión!

También puedes consultar las formaciones gratuitas que ofrecemos en el cibernarium dentro del programa «Educación y TIC». En algunas de ellas trabajamos con datos abiertos y vemos cómo representarlos.

Más herramientas

References

¿Te gustaría recibir otros recursos en comunicación científica? ¿Quieres estar al día sobre las formaciones que ofrecemos (Postgrado en Comunicación Científica #SciCommUVic y Cursos Cibernàrium)?
¡Déjanos tu email y te mantendremos informado/a!

He leído y acepto el siguiente aviso legal sobre el tratamiento de datos.

En cumplimiento del Reglamento General de Protección de Datos, te informamos que el responsable del tratamiento de los datos facilitados libremente es: Eduscopi (CIF: B66524836), con sede en C/ Iglesia 69, 08901 de Hospitalet de Llobregat, y correo electrónico admin@eduscopi.com. La única finalidad es la de registrar los datos necesarios para poder dar respuesta a tu solicitud y mantenerte informado/a sobre nuestra actividad. Al informar sobre el campo de correo electrónico, autorizas a recibir comunicaciones directamente relacionadas con la finalidad indicada en virtud del cumplimiento con la Ley de Servicios de la Sociedad de la Información 34/2002 de 11 de julio. Salvo obligación legal, los datos no serán cedidos en ningún caso a terceros. El tratamiento de los datos está amparado en el consentimiento y los datos se conservarán mientras este consentimiento se mantenga vigent. Puedes ejercer los derechos reconocidos en la normativa vigente de protección de datos para acceder, rectificar o suprimir tus datos, dirigiéndote por escrito a admin@eduscopi.com. Puedes darte de baja cuando lo desees haciendo clic en el enlace «Darme de baja».

We use Mailchimp as our marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp’s privacy practices here.