SDC - Learning
Software Learning and Solutions
DATA STORYTELLING
PAULO VALDEZ
Data Scientist and Data Analyst
TEMARIO
01
Introducción a Data
02
Importancia del
03 04
Principios básico de
Componentes
Storytelling contexto en la na- esenciales de la visualización
rrativa de datos visualización de
datos
05
Tipos de gráficos y
06
Exploración de he-
07
Creación de gráficos
su aplicación ade- rramientas de vi- efectivos en Power BI
cuada sualización en Power
BI
INTRODUCCIÓN A
DATA STORYTELLING
¿Qué es Data Storytelling?
Data Storytelling es una metodología para comunicar información, adaptada a una audien -
cia específica, con una narrativa convincente. El resultado clave aquí es una mayor adopción
por parte de los usuarios de los Sistemas de Gestión de la Información y Análisis de Datos.
NARRATIVA
DATOS
DATA STORYTELLING
VISUALIZACIÓN
AUDIENCE
DATA STORIES=DATOS+VISUALIZACIÓN+NARRATIVA
¿Por qué Data Storytelling?
Las historias resuenan y se quedan con nosotros de una manera que los datos por sí solos no pueden.
Tienen un comienzo, un medio y un final claros; el poder de la repetición, el flujo narrativo y la conexión
con las habilidades habladas y escritas. Las historias unen información, dando a nuestra presenta -
ción o comunicación un marco que nuestra audiencia puede seguir fácilmente.
Los datos te dicen lo que está pasando, las historias te dicen por qué está pasando
WHY?
Para comunicarse efectivamente Para convencer a otros Para mostrarle a otros/
sus hallazgos a otros tomar acción al resto el por qué
Habilidades requeridas para
convertirse en un Data Storytelling Expert
Habilidades de UI/UX
- Design thinking
- Ciencia cognitiva
Capacidad de análisis
- Prototipos
- Inteligencia de negocios - User interface design
- Arquitectura informacional - Teoría del color
- Análisis de los datos - Gráficos de información
- Metodología de desarrollo
- Conocimiento de herramientas de BI
Habilidades de visualización de datos
- Marco de problema visual
- Conocimiento de varios gráficos
- Prácticas recomendadas de DV
IMPORTANCIA DEL
CONTEXTO EN LA
NARRATIVA DE DATOS
¿Qué es Design Thinking?
Es un enfoque poderoso que ayuda a las organizaciones a crear diseños digitales útiles que se adap -
ten a las necesidades de las personas. Con el proceso de pensamiento de diseño, las organizaciones
pueden apuntar, desarrollar y dar forma a las ideas para convertirse en propuestas prácticas y atrac -
tivas para los usuarios.
EMPATIZAR DEFINIR IDEAR PROTOTIPAR
Empatizar
El estudio de empatía es una actividad metódica que revela de manera
integral todos los desafíos desde la perspectiva de los usuarios. Nuestros
expertos en visualización de datos formulan preguntas abiertas que co -
mienzan con ¿Quiénes son los usuarios? ¿Qué les importa? ¿Cómo me EMPATIZAR
identifico?
•Siente el estado emocional
y las experiencias del usua-
rio.
¿Qué quiere el usuario?
•Recopilar ideas.
Donantes del sector privado y gobierno de los EEUU; gobiernos e institu -
•Comprender las necesida-
ciones gubernamentales de Belice, Canadá, Colombia, Honduras, Gua -
des del usuario.
temala, Haití, Italia, Jamaica, México, Suecia, Suiza y Taiwán; socios de la
•Define personas.
sociedad civil o del sector académico.
•Identificar las tareas del
usuario y su entorno.
¿Qué les importa? •Identificar el contexto de
Ayudar a las personas y a las comunidades vulnerables y excluidas de uso.
las Américas a alcanzar el progreso económico y social. •¿Quiénes son los usua-
rios?
•¿Qué les importa?
¿Cómo me identifico? •¿Cómo me identifico?
Institución que trabaja para abordar las necesidades de las poblaciones
vulnerables en América Latina y el Caribe, promover medios de vida sos -
tenibles y promover los derechos y la justicia.
Plantilla Lean Canvas
LEAN CANVAS TEMPLATE Nombre del proyecto Revisión Fecha
Planteamiento del problema Objetivo del Proyecto Usuarios objetivo Llaves metricas Métricas de éxito
Top 3 objetivos Estratégico
Top 3 problemas
Analítico
Pilas de tecnología
Entregables clave
Operacional
Hitos Riesgos Restricciones/ámbitos
Plantilla Card Scorting
DEBE TENER BUENO TENER BUENO TENER BAJO DEMANDA PREFIERO NO VER
RESUMEN DE KPI
ATRIBUTO CLAVE
LLAVES METRICAS
SERIES DE TIEMPO
Definir
Una vez se conoce a profundidad las dificultades y problemas de los
usuarios, en esta fase se debe evaluar toda la información recopilada y
conservar sólo la que sea relevante y aporte valor para encontrar una
DEFINIR
solución.
•Crear historias de usua-
¿Qué quieren los usuarios? rios.
•Sintetizar datos.
Es importante entender bien quién es tu público y cómo te percibe. Esto
puede ayudarle a identificar intereses comunes que le ayudarán a ase - •Definir tecnología.
gurarse de que escuchen su mensaje transmitido en las visualizaciones •Marco de oportunidades.
que se generen. •Definir alcance.
•Punto de vista del marco.
¿Qué podemos construir? •Definir problema.
Debe tener claro cómo quiere que su público presente los resultados y •¿Qué quieren los usua-
tener en cuenta cómo se visualizará y el sentido general que quiere dar rios?
a su visualización. •¿Qué podemos construir?
•¿Cómo interpreto?
¿Cómo interpreto?
Es preciso indicar cómo se deben interpretar los resultados y esto debe
estar precisado en las visualizaciones que se generen.
Un proceso de 4 pasos
1. IDENTIFICAR 2. AGRUPAR
CONJUNTOS DE DATOS LOS DATOS
Este paso requiere la conversión de El equipo crea un grupo de informes
ideas categorizadas de la actividad similares agrupando ellos en orden
de card Scorting en conjuntos de lógico.
datos reales.
3. PRIORIZAR DATOS 4. SECUENCIAR LOS DATOS
En esta etapa, el equipo ordena cro - El proceso concluye con la secuenciación de
nológicamente los datos en catego- datos guiada por jerarquía visual. De acuerdo con
rías primaria, secundaria y terciaria. la jerarquía visual, la sección superior izquierda
sirve como un área de alta visibilidad, lo que la
hace ideal para información primaria. Establece
un flujo convincente y consistente para la narra-
ción de datos.
Idear
Los procesos de empatizar y definir son fundamentales para diseñar una
solución de Business Analytics and Information Management (BA-IM).
Ahora requerimos iniciar el proceso de Storyboarding. Nuestros especia -
listas en BA-IM comienzan a explorar los conjuntos de datos en busca de IDEAR
ideas significativas.
•Genera ideas salvajes.
¿Fuimos amplios? •Lluvia de ideas sin restric-
ciones.
Utilizan herramientas de visualización de datos para revelar patrones, re-
•Ir más allá de la tecnolo-
laciones y tendencias, mientras juegan con las múltiples dimensiones. gía.
“Darle vida a Data StoryTelling con visualizaciones de datos"
•Explore soluciones múlti-
ples.
¿Qué son ideas salvajes?
•Co-crear soluciones con
Los atributos de pre atención desempeñan un papel importante en el diversos equipos.
Data StoryTelling. Son significativos para animar a los usuarios a cen- •Ir ancho para ir angosto.
trarse en la información más relevante que deseamos transmitir. •¿Fuimos amplios?.
“Destacar patrones importantes en la historia de los datos"
•¿Qué son ideas salvajes?
¿Cómo creo? •¿Cómo creo?
Power BI
Google Data Studio
Tableau
Amazon QuickSight
Adobe Creative Suite
Atributos de pre atención
Orientación: Longitud de la línea: Ancho de línea: Tamaño:
Forma: Curvatura: Marcas añadidas: Recinto:
Prototipar
La experiencia en el prototipar la visualización es esencial para mejorar
la experiencia por parte de los usuarios de las soluciones en Data
StoryTelling.
PROTOTIPAR
•Mostrar es mejor que ex-
¿Los usuarios entendieron? plicar.
•Construye múltiples arte-
El prototipo debe ser comprensible para los usuarios (User Experience) . sanías.
El uso de herramientas como Power BI facilita el marco de trabajo de la
•Busque ayuda de su
interfaz de usuario (User Interface) es compatible con elementos gráfi -
equipo.
cos como la transparencia de imágenes, la gradación de colores, agre -
•Use artefactos simples.
gación de elementos como paneles, entre otros.
•Pruebe varios Métedos de
creación de prototipos.
¿Los usuarios interactuaron bien? •Es solo un borrador.
El uso de herramientas de BI garantizan una buena experiencia de usua - •¿Los usuarios entendie-
rio. ron?.
•¿Los usuarios interactua-
¿Cómo presento? ron bien?
•¿Cómo presento?
Prototipo de dashboard.
COMPONENTES
ESENCIALES DE LA
VISUALIZACIÓN DE
DATOS
La importancia del contexto
El éxito en la visualización de datos no comienza con la visualización de datos. Más bien, antes de co -
menzar a crear una visualización de datos o una comunicación, se debe prestar atención y tiempo
para comprender el contexto que se quiere comunicar.
Análisis explorativo vs explicativo ¿Quién, qué, cómo?
- ¿A quién se está comunicando?
- ¿Qué quiere que su público sepa o
haga?
- ¿Cómo puede utilizar los datos
para defender su punto de vista?
PRINCIPIOS BÁSICO
DE VISUALIZACIÓN
Componentes claves de la
visualización de datos
Las visualizaciones de datos son una herramienta
poderosa para comunicar narrativas atractivas e
ideas complejas. Hay varios componentes críticos
que debe considerar durante el proceso de planifi -
cación y diseño de su visualización de datos para
asegurarse de que está logrando el éxito. Las visua -
lizaciones de datos pueden ser divertidas e interac -
tivas, interesantes y estimulantes, atractivas y
compartibles.
Sin embargo, a veces terminan siendo confusos,
poco intuitivos y carentes de enfoque narrativo. Al
desarrollar conceptos de visualización, es particu -
larmente importante tener una comprensión clara y
una estrategia en varias áreas clave.
Tú Propósito
¿Por qué estás haciendo esto? ¿Qué espera lograr
su organización? ¿Qué quiere que hagan sus au -
diencias en respuesta a su proyecto de visualiza -
ción de datos? ¿Qué pasa con su visualización de
datos que motivará e inspirará a su público a
tomar medidas? La articulación clara del valor de
un proyecto aporta claridad al proceso de diseño y
desarrollo de contenido.
Esto también lo ayuda a tomar decisiones delibe -
radas sobre cómo funcionará el contenido y los
viajes del usuario que realizarán sus audiencias
mientras experimentan la visualización de datos
Tu Historia
¿Qué comunica su visualización de datos? ¿Cuáles
son las tendencias que quiere que sus audiencias
entiendan? ¿Cuál es la narrativa que comunicarás o
ayudarás? ¿Qué deberían entender mejor sus au -
diencias después de experimentar su proyecto de
visualización de datos?.
Una narrativa enfocada traerá enfoque a su pro -
yecto de visualización de datos. La planificación por
adelantado de la historia y la información de su vi -
sualización de datos le permite a su equipo tomar
decisiones durante las etapas de diseño y desarro -
llo sobre dónde poner énfasis, proporcionar contex-
to e impulsar a las audiencias hacia las acciones.
Tu Información
¿Qué datos utilizará para crear su visualización?
¿Dónde existe y en qué formato está? ¿Está en un
estado utilizable o requerirá manipulación y/o nor -
malización? ¿Qué tipo de visualización admiten sus
datos y cómo deben entregarse? Los datos juegan
un papel importante en el desarrollo de su proyecto
de visualización, lo que incluye dar forma a la histo -
ria, dictar elementos de diseño y presentación, y
determinar el enfoque de implementación adecua-
do.
Con una sólida comprensión de los datos y la infor -
mación que impulsarán y potenciarán la visualiza -
ción de datos, podrá tomar decisiones informadas
sobre el formato, la interactividad/funcionalidad y
el diseño a lo largo del proyecto.
TIPOS DE GRÁFICOS
Y SU APLICACIÓN
ADECUADA
Tipos de Gráficos
01 BARRAS / COLUMNAS: 02 LÍNEAS:
El gráfico de barras utiliza barras ho - Los gráficos de líneas se utilizan para
rizontales o verticales para mostrar mostrar valores cuantitativos du -
comparaciones numéricas discre- rante un intervalo continuo o un
tas entre categorías. Este gráfico lapso de tiempo. Se utilizan con
sirve para comparar datos entre di- mayor frecuencia para mostrar ten-
ferentes segmentos (sectores, em - dencias y relaciones (cuando se
presas, periodos de tiempo, etc). agrupan con otras líneas). Ayudan a
ver la evolución de los datos.
Tipos de Gráficos
03 CIRCULAR: 04 RADAR:
Los gráficos circulares ayudan a En el radar podemos ver la superficie
mostrar proporciones y porcentajes creada por varias variables y así
entre categorías, al dividir un círculo poder comparar entidades (dos o
en segmentos proporcionales. Este más categorías que representan
gráfico se puede utilizar de forma varias características pueden ser
creativa comparando el tamaño de comparadas en su totalidad usando
las tartas entre sí y el contenido de esta gráfica).
las mismas.
35% Axis Description
Axis Description Axis Description
50%
Axis Description Axis Description
12% Axis Description Axis Description
Axis Description Axis Description
14%
32% Axis Description Axis Description
Axis Description
Category 1 Category 2 Category 3 Category 4 Category 5 sesión 1 sesión 2 sesión 3
Tipos de Gráficos
05 BURBUJAS: 06 DISPERSIÓN:
Los gráficos de burbujas se utilizan Un diagrama de dispersión puede
normalmente para comparar y ayudar a identificar las relaciones
mostrar las relaciones entre círculos que existen entre diferentes valores.
etiquetados/categorizados, me - Al mostrar una variable en cada eje,
diante el uso de posiciones y pro - puede detectar si existe una rela -
porciones, permitiendo concentrar ción o correlación entre las dos va -
mucha información en poco espa - riables.
cio.
100.000
10 90.000
8 80.000
6 70.000
4 60.000
2 50.000
0 40.000
0% 20% 40% 60% 80% 100% 55 60 --- 70 75 80
Tipos de Gráficos
05 STOCKS/CANDELEROS: 06 HISTOGRAMAS:
Este control de gráfico muestra los Un histograma visualiza la distribu -
datos financieros como una serie de ción de datos durante un intervalo
velas que representan los valores continuo o un período de tiempo de-
máximo, mínimo, de apertura y de terminado. Cada barra en un histo -
cierre de una serie de datos. grama representa la frecuencia ta-
Aquí se representan datos con 4 va- bulada en cada intervalo/categoría.
riables (tiempo, máximo, mínimo y
cierre).
10
10
8
8
6 6
4 4
3 2
0 0
2001 2002 2003 2004 2005 2006 20 40 60 80 100 120 160 180 200 220
EXPLORACIÓN DE
HERRAMIENTAS
DE VISUALIZACIÓN
EN POWER BI
01Uso incorrecto
de los gráficos
Cada gráfico sirve para mostrar
datos de diferente naturaleza. Por
ejemplo, para comparar varias va -
riables y su variación en el tiempo se
debe usar un gráfico de líneas, pero
muchas veces se usa un gráfico de
barras verticales.
02Abuso del uso del
color / contraste
Si bien el color ocupa su lugar, no hay que
exagerar en las visualizaciones de datos.
El color equivocado puede generar confu-
sión o, aún peor, una mala interpretación.
Utiliza un color que destaque (tu color pri -
mario) para colorear la barra, línea, sector
de tu gráfico, y si puedes, mantén el resto
de líneas, barras o sectores en una escala
de grises o escala de un color que no desta -
que tanto.
Si todo destaca ....
NADA es importante
Ventas por producto
03 Diseño deficiente
Recuerda esta frase: “A veces en lo simple,
está lo mejor”. Elimina de tu gráfico de ele-
mentos superfluos. Hazte la siguiente pre-
gunta ¿Aporta algo necesario para transmi- Destaca únicamente el elemento
tir el mensaje? Si la respuesta es “no”, ELIMI- clave de tu mensaje
NA. Eso incluye que si hay series de datos
Ventas por producto
que no aportan nada también se quitan!.
04 No uses un gráfico
si no hace falta
Hay veces que abusamos de los gráfi-
cos para transmitir un dato. El mostrar
un gráfico (encima peor si es complejo y
no cumple los 3 consejos anteriores)
para llegar a la conclusión, no hace más
La rentabilidad financiera del año 2018, para el Centro de
que alargar el momento en que trans- Inversión 2 de la División Alemana fue igual a 17,16%, lo
mites el mensaje. que supone una disminución de 1,13% puntos porcentua -
les con respecto al año 2017. Su beneficio Neto fue igual
a 1.651. 174.47, un 3,51% inferior al del año anterior y el Patri -
Si solamente quieres decir “1 de cada 5 monio Neto Medio igual a [Link].
clientes nos abandona en el primer tri-
mestre”, no hace falta mostrar gráficos
de retención, como van cayendo, etc…
sino que lo digas!! Es increíble la canti-
dad de veces que hablamos sobre unos
datos sin decir claramente lo que que-
ríamos decir.
CREACIÓN
DE GRÁFICOS
EFECTIVOS EN
POWER BI
Metodología Scrap
Espaciado
1. Hay que respetar espacios tanto dentro del gráfico
como entre visualización.
Constraste
2. Aplicar colores para destacar algo en vez de tener información
monocromáticos para focalizar la atención de los usuarios en
esos puntos.
Repetición
3. Aplicar mismas tipografía, esquemas de diseño, tamaño de
fuentes, etc. Implica el orden de diseño del informe, por lo
tanto, representa la claridad.
Alineación
4. Es importante que las visualizaciones estén ordenadas y ali -
neadas. Un informe desordenado puede repecutir de manera
desfavorable, ya que conlleva a que el lector centre su aten -
ción en esos detalles en vez de información
Proximidad
5. Los objetos visuales que tengan relación debes estar próximos,
no alejados, porque altera el orden lógico de las personas. De -
bemos recordar que cuando más sencillo e intuitivo sea para
el usuario final, mejor su experiencia.
SDC - Learning
Software Learning and Solutions
