Data Storytelling
Gabriel Ripoll Font
Gabriel Ripoll
> Licenciado en Administración y Dirección de Empresas, Universidad de
Salamanca.
> Postgrado en Econometría Financiera y Estadística, Birkbeck University of
London.
> BI & ML Senior Manager en Barceló Hotel Group, Palma de Mallorca.
> Proyectos de Visualización de Datos (BI) en diferentes industrias;
Automatización de procesos BAU; Analítica avanzada y ML; Implementación
de tecnologías basadas en IA.
linkedin: linkedin.com/in/gabriel-ripoll-01b14852
email: [email protected]
Índice
> Introducción a la Visualización de datos
> Principios de diseño
> Buenas Prácticas
> Gráficos
> Informes y Presentaciones
> Práctica – Hands on!
> Warm up
> Caso práctico
> Recursos
> Introducción a la Visualización de Datos
Introducción
“A graphical representation of data or concepts, which is either and internal construct of the mind or an external
artifact supporting decision making”
C. Ware
“The purpose of visualization isn’t just visualization per se, but helping people make sense of data”
Alberto Cairo
“Visualization is suitable when there is a need to augment human capabilities rather than replace people with
computational decicision-making tools”
Tamara Munzner, Visualization Analysis & Design
Por qué la Visualización de Datos
Por qué la Visualización de Datos
Por qué la Visualización de Datos
https://www.autodesk.com/research/publications/same-stats-different-graphs
Por qué la Visualización de Datos
https://www.autodesk.com/research/publications/same-stats-different-graphs
Objetivos
Las visualizaciones de datos permiten conseguir 3 objetivos:
> Explorar
Especialmente útiles cuando no conocemos mucho los datos y queremos entender qué se esconde tras ellos y
hacernos preguntas sobre ellos.
> Analizar
Se utiliza para ayudar a contestar preguntas concretas, previamente definidas. Dirigida a un tipo de usuario y
contexto específico.
> Comunicar
Un buen análisis no sirve de nada si no sabemos explicarlo, contar una historia con datos, hacer reflexionar o
inspirar acciones…
https://www.onetandem.com/es/proyectos/libro-analitica-visual/
Explorar
Explorar
https://www.eldiario.es/politica/votaron-resultados-elecciones-generales-calle_1_1257177.html
Analizar
https://public.tableau.com/app/profile/onetandem/viz/curry/StephenCurryShots
Analizar
http://sirislab.com/lab/rankings/the_ranking/2014-2015/#/
Comunicar
https://www.reuters.com/graphics/JAPAN-AGING/010091PB2LH/index.html
Comunicar
Vídeo
> Principios de diseño
Tipos de memoria
El cerebro procesa la información visual mediante estos 3 tipos de memoria
> Icónica
Actúa cuando el cerebro recibe información visual. No es exhaustiva, sino que permite detectar patrones a partir
de atributos visuales (atributos pre atentivos: como la forma, el color, la forma o la longitud, entre otros)
> Trabajo
Almacena elementos de información con los que el cerebro razona y opera. La capacidad de esta memoria
depende de muchos factores (experiencia personal o el tipo de representación gráfica)
> Largo plazo
En paralelo, la memoria a largo plazo influye en todo el proceso de cognición. Almacena informaciones de uso
frecuente.
Memoria Icónica: Atributos pre atentivos
Memoria Icónica
¿Cuántas veces se repite el número 7?
Memoria Icónica
¿Cuántas veces se repite el número 7?
Memoria Icónica
¿Cuántas veces se repite el número 2?
Memoria de trabajo
La tabla es una representación gráfica adecuada para localizar determinados valores, pero no facilita el análisis de
tendencias.
Memoria de trabajo
Si en lugar de la tabla optamos por el gráfico de líneas, será más sencillo detectar tendencias.
La memoria de trabajo opera con menos elementos de información.
Cada línea es una síntesis de los datos que facilita la labor del cerebro de razonar y extraer conclusiones.
Memoria largo plazo
Almacena informaciones de uso frecuente.
Culturalmente en muchos países se asocia el color rojo a negativo y verde a positivo. Esta convención la tendremos
en cuenta en el diseño.
Así mismo, si diseñamos varias visualizaciones para una misma organización, intentaremos ser consistentes en el uso
de colores, fuentes y maquetación, entre otros aspectos.
https://public.tableau.com/app/profile/onetandem/viz/series2017/Dashboard1
Memoria largo plazo
https://public.tableau.com/app/profile/onetandem/viz/series2017/Dashboard1
> Buenas Prácticas
Buenas Prácticas
> Uso del color
Buenas Prácticas
> Uso del color
https://www.onetandem.com/es/proyectos/libro-analitica-visual/
Buenas Prácticas
> Ink Ratio
Buenas Prácticas
> Ink Ratio
Buenas Prácticas
> Ink Ratio
Buenas Prácticas
> Aspect Ratio
Buenas Prácticas
> Ejes en 0
Buenas Prácticas
> Cruce líneas
Buenas Prácticas
> Cruce líneas
Buenas Prácticas
> Gráficos de sectores
Buenas Prácticas
> Forma vs Necesidad
Alberto Cairo, The functional art
Buenas Prácticas
> Forma vs Necesidad
Alberto Cairo, The functional art
Buenas Prácticas
> Uso del texto
https://www.infragistics.com/community/blogs/b/tim_brock/posts/annotate-wisely
Buenas Prácticas
> Uso del texto
Guia de visualización de datos – Generalitat de Catalunya
Buenas Prácticas
> Uso del texto
Guia de visualización de datos – Generalitat de Catalunya
Buenas prácticas: Informes y Presentaciones.
> Menos es más > Empieza dando contexto al gráfico
> No incluir demasiados gráficos > Desgranar un gráfico en varias diapositivas
> Utilización consistente y controlada del color > Fichero para presentar y fichero para entregar
> Evitar incluir demasiados filtros > Texto en el gráfico
> Evitar desarrollar un dashboard para resolver todos
los problemas
> Mostrar alertas de aquello que es realmente
importante ver o resaltar
> Minimizar el uso de tablas de datos
> Diseño responsivo
> Utilizar nomenclatura fácil de entender por el usuario
https://www.storytellingwithdata.com/blog
https://www.onetandem.com/es/proyectos/libro-analitica-visual/
Buenas prácticas: Informes y Presentaciones.
Buenas prácticas: Informes y Presentaciones.
Buenas prácticas: Informes y Presentaciones.
https://infogovern.gramenet.cat/infogovern/
> Caso Práctico – Warm up!
Hands on: which chart would you choose?
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: direct attention many ways
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: direct attention many ways
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: direct attention many ways
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: direct attention many ways
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: do it better!
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: do it better!
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: From Dashboard to story
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: From Dashboard to story
https://www.storytellingwithdata.com/letspractice/downloads
Hands on: From Dashboard to story
https://www.storytellingwithdata.com/letspractice/downloads
> Caso Práctico – Hands on!
https://www.storytellingwithdata.com/letspractice/downloads
> ¿Cómo se encuentra nuestra compañía a nivel NPS con respecto a la
competencia en Febrero 2020?
> ¿Cómo ha sido la evolución temporal del NPS de nuestra compañía?
> Recursos
GRACIAS
