DATA STORYTELLING

2
STORYTELLING: “ARTE DE CONTAR UNA HISTORIA”

3
DATA STORYTELLING

❖ Proceso de comunicar información compleja y datos a través de la narración visual y persuasiva

❖ Combina elementos de análisis de datos, visualización y narrativa para presentar de manera

❖ No es solo mostrar gráficos. Busca involucrar, inspirar y persuadir a través de historias

❖ Trata de convertir los datos en una historia coherente y convincente, que capte la atención,
genere interés y motive a la acción

❖ Un buen Data Storytelling implica seleccionar cuidadosamente los datos relevantes, identificar
patrones y tendencias significativas, y presentarlos en un formato visualmente atractivo
4
METODOLOGÍA SCRAP (DISEÑO DE PRESENTACIÓN):

❖ SPACED→ ESPACIADO

❖ CONTRAST→ CONTRASTE

❖ REPEAT→ REPETICIÓN

❖ ALIGNED→ ALINEADOS

❖ PROXIMITY→ PROXIMIDAD

5
6
Proximidad
Mientras más cerca estén los objetos entre sí, hay una mayor probabilidad de pensar que los
objetos pertenecen al mismo grupo.
Esta es una forma muy sencilla de vincular datos que quieren visualizarse juntos y que se
entiendan como parte de una misma unidad. ¿Y qué es lo que se necesita? ¡Algo muy sencillo!
Incluir espacios en blanco en el diseño para separar los grupos de datos de la otra información
que los rodea.
El principio de proximidad, funciona bien solo si se decide agrupar elementos que guarden una
relación; de otra manera, se crearás confusión en el usuario.

7
Vemos que existen 4 grupos de elementos. Los mismos no están marcados ni delimitados a su
alrededor. Sin embargo, lo percibimos como un solo grupo o conjunto de información. De esta
manera, el usuario podrá navegar con mayor facilidad a través de la web y completar su
transacción.

8
Espaciado
Veamos con un ejemplo en Spotify, donde se visualiza una división del contenido por categorías de una manera uniforme
(espaciado uniforme). Cada elemento está compuesto por una imagen de fondo, un ícono y un título. Todos tienen un
diseño similar, sin embargo, sabemos que cada casilla representa un contenido diferente.
Cómo logra esto?
Mediante el uso de píxeles de espacio que rodean a cada una de las casillas. De esta manera, los usuarios se darán cuenta
de que se trata de diferentes categorías; sin embargo, todos pertenecen al mismo tipo de material, o sea, a la misma
región común.

9
Contraste
El contraste en diseño es la diferencia de intensidad, tono o color entre dos o más elementos diferentes. Por ejemplo, si
tiene un texto dorado brillante sobre un fondo negro, se ha utilizado el contraste para hacer que el mensaje destaque.
Esta diferenciación debe ser muy marcada, es decir, que se sobreentienda. El contraste en sus formas y colores nos ayuda
a distinguir claramente así como marcar definidamente elementos en nuestro diseño.
Si logramos que nuestro diseño tenga un buen contraste podemos conseguir un mejor uso de esa información y de los
elementos sin necesidad de recurrir a muchos detalles o mucha información visual.

10
Repetición
La repetición es una técnica de diseño que consiste en utilizar elementos similares o idénticos a lo largo de un diseño para
crear un sentido de unidad y consistencia. Al repetir ciertos aspectos de un elemento, se refuerza su presencia y
familiaridad en el diseño.
Esta práctica de diseño se basa en el principio de que cuanto más vemos algo, más nos acostumbramos a ello y más fácil es
recordarlo a largo plazo. Aunque puede parecer obvio, nuestra naturaleza humana nos atrae hacia lo familiar, y la
repetición es una manera efectiva de crear esa familiaridad en un diseño.
Al utilizar la repetición, se puede establecer una conexión visual entre diferentes partes del diseño y proporcionar una
sensación de cohesión. Esto se puede lograr repitiendo elementos como colores, formas, tipografías o patrones a lo largo
del diseño.

11
Alineado
La alineación es la teoría del diseño que genera el orden, la organización y, como consecuencia, mejora la legibilidad. Es a
menudo un arte sutil y requiere una estrecha atención a los pequeños detalles, sin embargo, el resultado es notable.
Es un proceso para posicionar y ordenar los componentes.
Una buena alineación, mejora en consecuencia la experiencia de lectura del cliente.
Alineación vertical Alineación horizontal

Es bastante fácil confundir la alineación vertical y horizontal, La alineación horizontal es la alineación de los bordes
ya que cada una se refiere al eje opuesto, cuando se piensa izquierdo, central y derecho de los componentes.
en el posicionamiento visual de los componentes. La
alineación vertical es cuando la colocación de los elementos
12
superior, central e inferior se alinean en el mismo plano
horizontal.
APLICACIÓN DEL DATA STORYTELLING

❖ SIMPLIFICACIÓN DE CONTENIDOS: Información o datos técnicos en exceso, pueden abrumar a

❖ APROVECHA EL CONTEXTO SOCIAL Y CULTURAL: Para captar la atención ,suele ser útil apelar a
situaciones culturales o contextos sociales actuales. Se recomienda provechar los fenómenos del
momento y las figuras de moda para hacer que los oyentes se sientan interesados y
entretenidos.

❖ USO DE DIVERSOS MEDIOS : A la hora de contar una historia podemos apoyarnos en múltiples
plataformas y recurrir a imágenes, sonidos, videos o hasta aplicaciones móviles. La visualización
de información optimiza la comprensión de los datos y facilita su retención.

13
❖ COMBINAR LA HISTORIA CON ELEMENTOS TÉCNICOS: Si bien la simplificación permite comunicar las ideas de
manera clara y precisa, muchas veces los clientes, inversores o equipos de trabajo querrán conocer los
aspectos técnicos de algún producto o estrategia, por lo que deberá contarse con la información
detallada en caso de ser solicitada.

❖ ESTRATEGIAS INTERACTIVAS: Pueden aprovecharse las plataformas de redes sociales, aplicaciones y páginas web
para ir construyendo tu narrativa junto con la audiencia.

14
Ejemplos
Hay varias formas diferentes de presentar tu historia de datos:

Dashboard de datos.
Presenta todos los datos disponibles para que la persona cree su narrativa. A continuación, se
muestran algunos ejemplos de narrativa de datos llamativos.

15
16
Un Dashboard muestra tu información de forma clara y organizada. Aunque brinda algo de contexto, debes construir tu
narrativa y establecer conexiones. La simplicidad es clave: una oración introductoria con una gráfica basada en datos es la
forma más rápida de contar una historia breve.

17
Esta visualización muestra la satisfacción del cliente según el tema, el porcentaje de clientes satisfechos e insatisfechos, así
como el número total de clientes en cada categoría. Estas diferentes visualizaciones, cuando se combinan, revelan una
historia más amplia que abarca diversas perspectivas y aspectos relevantes del desempeño del call center en cuanto a la
satisfacción del cliente.

18
Las infografías son una forma eficaz y atractiva de contar una historia de datos de manera rápida.
Una infografía combina diferentes visualizaciones que ayudan a transmitir un mensaje, aunque no necesariamente
proporcionan una narrativa extensa. En lugar de contar una historia detallada, las infografías se enfocan en presentar
información de manera visualmente atractiva y fácil de entender. De esta forma, permiten comunicar conceptos clave y
destacar los aspectos más relevantes de los datos sin requerir una narrativa larga.

19
Procedimientos recomendados para el diseño de informes

ELEGIR EL FORMATO CORRECTO

Es probable que su jefe, o quien solicitó el informe, le proporcione algunos requisitos en cuanto al formato. Si
no es así, tendrá que tener en cuenta el público y especular sobre el tipo de formato que le pueda interesar.

POR EJEMPLO:

• Si los usuarios del informe tienen conocimientos técnicos y les gusta conocer detalles específicos, puede
usar varios objetos visuales complejos que ofrecen el mayor nivel de detalle, junto con segmentaciones
interactivas.

• Usuarios solo buscan información rápida sobre los datos en un nivel alto, podría usar una pequeña gama
de objetos visuales básicos.

20
TOMAR EN CUENTA EL PÚBLICO

Aunque es posible que tenga muy claro los datos que quiere mostrar y cómo quiere mostrarlos, el informe no va
dirigido a usted, sino a un público dedicado que necesita tomar decisiones empresariales basadas en el informe.
CLARIDAD DE PROPÓSITO

Cada objeto visual y elemento que planee usar en el informe debe tener un propósito .Aunque es posible que
quiera usar muchos objetos visuales de tipos diferentes para tener más variedad o para mostrar sus habilidades,
a veces solo es necesario un único objeto visual. Tenga en cuenta que, cuantos más objetos visuales incluya en el
informe, más se verá afectado el rendimiento del informe.

DIBUJE UN BOCETO DEL DISEÑO DEL INFORME

Esto le ayudará a hacerse una idea del aspecto que tendrá y le evitará dedicarle mucho tiempo a diseñarlo
físicamente. También puede dibujar varios bocetos, probar ideas diferentes en ellos y analizar estas ideas con su
equipo para ayudarle a elegir el mejor diseño.

21
CENTRARSE EN LA INFORMACIÓN MÁS IMPORTANTE

Resalte las partes principales del informe con un color llamativo o un icono de resumen para que destaquen y
para dirigir la atención de los usuarios a las métricas clave.

Seleccione el fondo adecuado para el contexto del informe

Un fondo blanco puede hacer que el informe tenga una apariencia limpia y profesional, mientras que un
fondo negro puede dirigir la atención a los elementos resaltados y coloridos del informe. El uso de imágenes
de fondo puede agregar interés visual.

22
EJEMPLO INFORME MAL DISEÑADO

23
EJEMPLO INFORME MEJORADO

24