Mejora tus gráficos:
Leyes de Percepción Visual de la Gestalt.

Es cierto que cuando se debe presentar algo en público, sea cual sea el tema, un buen orador o, como se llama ahora, un gran storyteller ya consigue por sí solo enganchar a la audiencia.

Pero…¿qué ocurre si debe apoyarse el discurso con datos o gráficos para ayudar al público a seguir mejor los argumentos? Pues que suele ser un desastre. La mayoría de los gráficos son caóticos y no reflejan el mensaje que se quiere transmitir. El público ha de prestar demasiada atención intentando entender los datos. Y es, en ese momento, en el que se pierde el hilo llegando incluso a dejar de escuchar al ponente. Es sabido que somos más rápidos procesando los elementos visuales que los verbales. Siendo igual de actual la frase «vale más una imagen que mil palabras», y por tanto debemos cuidar el material que presentamos. Por tanto, se debe facilitar en lo posible el esfuerzo que le va a suponer al público entender la información que les estamos dando. Es necesario MINIMIZAR LA CARGA COGNITIVA eliminando el CAOS VISUAL.

En este post, te mostraré paso a paso cómo he mejorado un típico gráfico de Excel. Para simplificarlo, utilizaremos  LAS LEYES DE PERCEPCIÓN VISUAL DE LA GESTALT. Sí, sí, has leído bien…psicología del siglo pasado aplicada al diseño de gráficos actuales. Así que, empiezo por repasar cuáles son estos principios, y luego ya veremos en el ejemplo cómo se aplican.

Mediante los siguientes principios de percepción visual, la psicología de la Gestalt trata de describir la manera en que los seres humanos perciben patrones, sus formas y la organización de estos cuando visualizan algo.

1.- Proximidad

Si unos elementos se encuentran próximos entre sí, se perciben como un grupo.
En la figura, percibimos los elementos circulares alineados verticalmente agrupados como si fueran columnas debido a la proximidad entre ellos, y no agrupados en filas 

2.- Semejanza

Los elementos con atributos similares (color, forma, tamaño u orientación) se perciben como un grupo.
Asociamos los triángulos de color ámbar bajo un mismo grupo pese a estar distanciados entre sí y más próximos a los elementos circulares de color coral.

3.- Cierre

Los elementos que parecen tener un contorno o borde alrededor de ellos, forman parte de un grupo.
Aunque estén cerca y tengan semejanza con otros elementos fuera del borde, el hecho de existir un borde alrededor de varios de ellos hace que los percibamos como un grupo, aún sin ser semejantes.

4.- Compleción

Nuestra percepción tiende a completar las partes que faltan rellenándolas con los elementos que faltan, siempre que sea razonable.
La figura no está completa, le faltan partes, y sin embargo vemos un círculo.

5.- Continuidad

Los elementos que están uno a continuación de otro, se perciben como elementos continuos aunque haya un espacio entre sí.
Pese a la semejanza en forma, color y tamaño, percibimos una línea recta que se cruza con una línea curva debido a la continuidad de las mismas. 

6.- Conectividad

Los elementos conectados físicamente entre sí se perciben como un grupo de manera más fuerte que el hecho de tener una semejanza (color, forma, tamaño, etc) similar.
Existen elementos semejantes y próximos entre ellos, y sin embargo los percibimos agrupados con aquellos a los que están unidos mediante una línea debido al principio de conectividad pese a tener formas completamente distintas. El cuadrado gris lo percibimos agrupado al círculo rojo coral y no al cuadrado próximo.

Leyes de percepción visual Gestalt

Entender los principios de visualización de la Gestalt ayuda muchísimo a mejorar los clásicos gráficos de barras o de líneas. Pero es crucial cuando se trata de crear diagramas para visualizar datos complejos y jerarquías. Empezaremos, por tanto, con un ejercicio aplicado a un gráfico sencillo ficticio, pero que podría darse en cualquier empresa.

 

Ejemplo Práctico: HISTORIAS CON DATOS

Una empresa ha perdido un cliente importante en febrero de 2018 para el producto A, lo que ha provocado un descenso significativo de las ventas. Pero han conseguido dos clientes nuevos a partir de septiembre que, pese a ser más pequeños, mitigan la pérdida volviendo a recuperar los cauces mensuales anteriores.

Lo primero que hemos de hacer es resumir el mensaje que queremos dar con el gráfico para intentar resaltar los datos que queremos transmitir sobre todos los demás, teniendo muy claro quién es nuestro público objetivo, que, en este caso, es la dirección general.

MENSAJE: A partir de septiembre la introducción de dos nuevos clientes, X y Z a nuestra cartera contrarrestan la pérdida de V retornando las ventas mensuales a los niveles anteriores.

El primer gráfico (FIG. 1) es tal cual se obtiene de Excel. Tan solo he incluido el título, que por defecto no se muestra. En el segundo gráfico (FIG. 2) he introducido una serie de mejoras.

Los cambios son evidentes y fáciles de detectar. ¿Sabrías explicarlos según los Principios de Percepción Visual de la Gestalt?

1.- Inmediatamente después de leer el título y el mensaje que queremos dar, que ya ha quedado claro desde le principio, la vista se dirige hacia los dos segmentos enfatizados en naranja. Pese a que en una primera instancia había pensado utilizar el clásico rojo para llamar la atención sobre la pérdida, lo que queremos comunicar es que ya no es un peligro, y por tanto he preferido un color más amigable. Por el principio de semejanza, al estar los dos segmentos y los puntos de datos del mismo color y forma la vista los percibe como pertenecientes al mismo grupo. Los ojos van a percibir que tienen la misma importancia y los va a comparar.

2.- He eliminado el recuadro alrededor del gráfico que Excel añade por defecto. Por el principio de compleción de Gestalt el gráfico nos va a seguir apareciendo completo pese a no tener el borde que lo rodea.

3.- También he eliminado la leyenda en la base del gráfico. Las etiquetas las he colocado junto a las series de datos que representan, utilizando, además, el mismo color que en las series (el azul y el gris). Aquí he combinado el principio de proximidad y el de semejanza.

4.- He añadido un recuadro gris claro para remarcar cuando empiezan los datos previstos a partir de los reales de agosto. De esta manera, y por el principio de cierre, se enfatiza que a partir de ese mes los datos pertenecen al grupo previsión y no al grupo real.

5.- Podría haber incluido la línea del eje vertical, pero como he decidido dejar las líneas de cuadrícula he creído que suponía una carga visual excesiva añadiendo poca información. Por el principio de continuidad seguimos percibiendo esa línea debido a la alineación de las etiquetas verticales.

6.- Por el principio de cierre, las líneas de cuadrícula ayudan a que los datos de antes de la pérdida de V y los datos después de X y Z se encuadren dentro de una misma franja de ventas encima de los 40. Los datos entre febrero y agosto se agrupan en la franja inferior. Dependiendo del caso y del mensaje, es aconsejable eliminar las líneas, pero en este he considerado más oportuno mantenerlas.

7.- A partir de agosto, la vista percibe continuidad hacia la previsión 2 y no hacia la previsión 1, pese a que ninguna de las dos líneas es del mismo color. Al conectar los puntos de datos de agosto y septiembre mediante una línea continua, y formateando la previsión 1 como una línea discontinua, conseguimos este efecto gracias al principio de continuidad.

 

Los principios de Gestalt son solo algunas de las herramientas que se utilizan para mejorar tus historias con datos. Diseñar un buen gráfico requiere además, tener una mentalidad analítica y ¡mucho arte!. No hay una única solución, y el diseño final dependerá de otros factores como los colores corporativos y el uso final del gráfico. La recomendación es que nos os quedéis con el primer diseño que os salga. Y testear con otras personas antes de vuestra presentación, del mismo modo que hacéis con vuestro discurso, para aseguraros que la carga cognitiva es la adecuada.

 

¿Quieres que te demos más consejos sobre Visualización de Datos con Storytelling? Te invitamos a visitar nuestra web Historias Con Datos XYZ. Haz click AQUÍ.

Diseñamos historias con datos.
¿Te ayudamos a contar la tuya? 

 

 

Let’s fun!
Ana Gonzalvo
ana@latitud.fun

 

 


 

Fotografía:
– Photo by Christopher Burns on Unsplash

Referencias web:
Data Storytelling: The Essential Data Science Skill Everyone Needs (www.forbes.com)
– www.storytellingwithdata.com
– www.historiascondatos.xyz