Visualización de datos (guía básica)

03 | 08 | 2021

#Dashboards#Data

5min

¿Por dónde empiezo?

Antes de iniciar la visualización de datos, es completamente necesario estructurar la información de forma adecuada. Para ello, debemos entender en toda su amplitud el proyecto para, posteriormente, poner en contexto esa información.

Con los años, me he acostumbrado a trabajar en estos 3 factores:

  • En contexto

    Es necesario ubicar los datos en un espacio y tiempo para empezar a mostrarlos. De esta forma, permitimos “al lector” situar y detectar el insight o problema que nos ha llevado a analizarlo.

  • ¿Por qué?

    Motivo por el que hacemos el análisis

  • ¿Cuándo?

    Los datos tienen un inicio y un fin

¿Quién recibirá el informe?

Es necesario saber quién va a recibir el informe o el dashboard, ya que no es lo mismo hacer un dashboard para el CEO de la compañía que para el equipo de performance, por ejemplo. No todo el mundo tiene que saber qué significa la jerga marketininiana y no todas las personas tienen el mismo conocimiento, por lo que es esencial adaptar la información a las necesidades y/o requerimientos de la persona que lo recibe.

¿Qué queremos explicar?

A menudo, nos encontramos con dashboards o informes infinitos, donde es imposible centrarse en lo que realmente importa. Se convierte en imperativo que lo más importante se visualice al inicio para luego entrar en el detalle en cada uno de los apartados, si es necesario.

En mi opinión, hay una regla de oro: los primeros 768px. Dentro de ese margen, deberíamos incluir el mensaje que queremos transmitir. **informe de datastudio sobre un importante ecommerce:**

Tipos de Gráficos

Uno de los puntos clave de cualquier informe para su correcta interpretación y visualización de los datos es el uso de cada tipo de gráfico, de acuerdo a la información que queremos visualizar, y ser capaces de diferenciar la función que tiene cada uno de ellos.

Hemos visto muchos informes que utilizan incorrectamente los gráficos de forma que la información que se quiere mostrar acaba siendo prácticamente ilegible.

Ejemplo de gráfico circular con demasiada información:**imagen**

Los gráficos, en general, son los mismos en casi todas las herramientas conocidas (google spreadsheet, excel, data studio, power bi). Sin embargo, puede ocurrir que, en algunos casos, sea necesario diseñarlos desde cero utilizando herramientas como adobe illustrator o similares.

Algunos de los tipos de gráficos podrían ser:
  • Métrica
  • Barra de progreso
  • Línea temporal
  • Circular o de anillos
  • Barras apiladas
  • Mapa de calor
  • Funnel
  • Diagrama de Venn
  • Mapa de burbujas
  • Diagramas

Tipos de Informes

En Digital Hamster solemos utilizar varias herramientas para la correcta visualización de los datos. Una de ellas es Google Data Studio, donde podemos encontrar:

  • Informes Exploratorios

    Son los más utilizados por todos. Este tipo de informe nos ayuda a tener una visión global de lo que ha ocurrido para identificar los insights más destacados. Funcionan cruzando dimensiones y métricas para poder analizar los resultados de cada una de las combinaciones.

  • Informes UX/UI

    Google Analytics, Adobe Analytics o Matomo nos facilitan mucha información sobre la audiencia de nuestro site, sobre el tipo de dispositivos, los tipos de pantallas, los navegadores, etc.

    Si queremos mejorar nuestra web, es muy importante analizar esta información y visualizarla de forma correcta. Gracias a esto, conseguiremos mejorar la experiencia de los usuarios en nuestro entorno digital y, en consecuencia, aumentar la conversión.

  • Informes de Customer Journey

    Se trata de realizar un informe donde podamos detectar y analizar los puntos en los que más usuarios perdemos antes de cumplir los objetivos marcados.

    Hay que recordar que los usuarios pasan por cinco etapas:**imagen**

Ejemplo de informes de Customer Journey:

Los Colores en la Visualización de Datos

La mayoría de nosotros sabemos que el cerebro humano está dividido en 3 grandes partes: el sistema R o Reptiliano, el sistema Límbico y el Neocórtex (en este artículo explicamos cómo funciona el cerebro y cómo aplicarlo para mejorar la conversión). Cada uno de estos sistemas actúa cuando es necesario y nunca funcionan los 3 a la vez. Dependiendo de la situación, se activa uno u otro automáticamente.

El 80% de las decisiones las toma el Cerebro R (reptiliano) y son la mayoría de las que tomamos a diario y que se producen involuntariamente. Por ejemplo, cuando vamos conduciendo y vemos una señal de color rojo sabemos que: es un semáforo o es una señal que induce a peligro o aviso. Y así, en infinidad de acciones no nos hace falta pensar, porque sabemos que esa señal indica peligro por el mero hecho de tener un color u otro.

Ocurre lo mismo cuando graficamos la información. Todo tiene que tener un sentido y un orden y los colores nos alertan de algo o nos tranquilizan.

¿Cuál es el mejor color para visualizar datos?

Todo depende del uso que se les quiera dar. Normalmente, el rojo se asocia a algo peligroso, dañino, negativo. En cambio, el color verde se asocia a la esperanza, a lo positivo. Debemos utilizar los colores sabiamente para dirigir la atención de nuestro lector a los puntos que queramos destacar.

Si no sabemos qué colores utilizar, siempre podemos recurrir a los clásicos azules, grises, negros…

Normas Básicas para Diseñar un Dashboard

  • Empieza un dashboard desde 0 y utiliza los gráficos de barras, son fáciles de entender porque el cerebro y el ojo humano sabe comparar la altura de las barras unas con otras.

  • No utilices demasiado el gráfico circular, hay muchos informes que abusan de este recurso que debería usarse únicamente cuando sea imprescindible. El cerebro humano no puede hacer comparaciones precisas con los ángulos que tiene el gráfico de tarta.

  • No abuses de los tamaños, tanto en las gráficas como en las áreas. Pensemos de nuevo en cómo visualizamos las personas las áreas; muchas veces no somos capaces de distinguir entre tamaños de círculos y damos más importancia a las áreas grandes que a las pequeñas. Hay que tener cuidado con este detalle.

  • Menos es más. La simplicidad en los colores, tamaños y gráficos es muy importante. Es muy fácil empezar a pintar un informe y equivocarse incluyendo todo tipo de visualizaciones extravagantes que no aportan nada, al contrario, confunde al lector.

  • Reduce textos. Ocurre cuando tenemos que redactar un informe. Ahorra tinta y explica lo que necesites comunicar lo más breve posible.

  • Números compactos VS decimales. Si bien es cierto que los decimales aportan precisión, por norma general, carecen de sentido y es preferible optar por mostrar números redondos o acotar la cantidad de decimales.

  • Explica las métricas y dimensiones, no trates de ocultar nada. Explica brevemente qué significa cada métrica o dimensión con un texto corto y accesible.

Autor/a:

Alfonso Yeste

Publicado:

29 | 07 | 2021

Colaborador/a:

-

Actualizado:

03 | 08 | 2021

Fuentes usadas:

Experiencia profesional