SlideShare una empresa de Scribd logo
1 de 126
Líneas Estratégicas
https://www.miguelcantu.mba/
Descifrando los negocios digitales
1
Tabla de Contenido
Objetivo
https://www.miguelcantu.mba/
Descifrando los negocios digitales
2
1. S1: Visualización de Datos (VD)
2. Seleccionando la Gráfica Correcta
3. S2: Storytelling (ST) con Datos
4. S3: Mejores Prácticas ST y VD
5. S4: Iniciando con Power BI
6. S5: Sesión de Trabajo Propuesta de Tablero
7. S6: Avances de Propuesta de Tablero
• Sub Text
https://www.miguelcantu.mba/
Descifrando los negocios digitales
3
Un poco de mi
Miguel Angel Cantu Garza
• Socio Internacional del Foro Mundial de ángeles Inversionistas -
Comité STI y Comité Tecnologías Emergentes
• Profesor de TEC de Monterrey bajo modelo TEC21
• Experiencia profesional en Retail y Servicios Profesionales
• Consultor independiente de Marketing Digital y Transformación Digital
• Conferencias relacionadas a temas digitales
• Educación
• Executive MBA in Digital Transformation
• Maestría en Internet Business Analytics (en proceso)
• Micromaster en Liderazgo digital
• Diplomado en Marketing Digital
• Egresado del TEC de MTY – LIN
• Múltiples certificaciones digitales
• Sitio web: miguelcantu.mba
https://www.miguelcantu.mba/
Descifrando los negocios digitales
4
Visualización de Datos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
5
Data
Storytelling
Visualization
Conocimiento técnico
de Herramientas
Tableau
Power BI
Otras
Conocimiento de
Industria
Consultoría
Métricas
Contexto
Conocimiento de
Diseño Visual
Design Thinking
UX/UI
Storytelling
Multidisciplinario
Analítico – Consultor – Diseñador
(Técnico – Negocios – Comunicación)
Imagen de Statista
https://www.miguelcantu.mba/
Descifrando los negocios digitales
6
Comunicación Efectiva
Así como un director te cuenta una historia a través de una película, tu deberías de ser el director de los gráficos que
cuentan una historia …. Si te das cuenta, la película funciona por sí sola.
• Visualización de Datos
• Una visualización de datos eficaz puede
significar la diferencia entre el éxito y el
fracaso a la hora de comunicar los
resultados de su estudio, recaudar dinero
para su organización sin ánimo de lucro,
presentar a su junta directiva o
simplemente hacer llegar su punto de
vista a su público.
- Storytelling With Data
https://www.miguelcantu.mba/
Descifrando los negocios digitales
7
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Jerarquía
• Claridad
• Relaciones
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
8
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Buscamos el orden en el caos
• Esperamos que el orden de las palabras esté en cierto orden
Si cambiamos el orden de las cosas, a pesar de saber leer, podemos
encontrar cognitivamente difícil la lectura de textos
Simplemente porque no es natural o común.
A
h
o
r
a
i
n
t
e
n
t
a
l
e
e
r
e
s
t
o
¿Cómo aplica esto en Visualización de Datos?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
9
Componentes de la Percepción Visual
• Percepción Visual
• Orden
1
2
3
4
5
6
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Generalmente las personas no miran en “orden de importancia”
• Título, gráfica, leyenda, ejes (por ejemplo)
• Las personas “intentan descubrir de que trata la gráfica”, de lo
interesante a lo contextual
• Gráfica, ejes, leyenda y final el título para entender el contexto
• NOTA: La verdad es que no hay regla general sobre el orden de “descubrimiento”
pero si importante que el usuario entienda en el menor tiempo posible y con el
menor esfuerzo posible, el mensaje de la gráfica
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Jerarquía
• Claridad
• Relaciones
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
Componentes de la Percepción Visual
El fondo y el Frente ; El Antes y Después
• Percepción Visual
• Jerarquía
• Las personas “intentan descubrir de que trata la gráfica”, no en
orden de importancia, pero si en orden visual, lo que nos llama la
atención
• Contraste de colores, incrementos o decrementos en la gráfica, iconos o colores
pálidos o de fondo
• Las personas van a intuir o concluir un mensaje (la historia) de tu
gráfica, incluso ANTES de que tengas oportunidad de explicar
• Lo hacemos de manera natural, buscamos “cerrar ciclos o resolver problemas”
• NOTA: Debemos de guiar y llamar la atención del cliente en función de las
decisiones de diseño deliberadas que realizamos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
13
Componentes de la Percepción Visual
• Percepción Visual
• Jerarquía
https://www.miguelcantu.mba/
Descifrando los negocios digitales
14
Componentes de la Percepción Visual
Recuerda, Tu eres el director la película y Ellos harán conclusiones antes que expliques
• Percepción Visual
• Jerarquía
https://www.miguelcantu.mba/
Descifrando los negocios digitales
15
Componentes de la Percepción Visual
Recuerda, las personas harán conclusiones de tus diseños visuales antes de que tengas oportunidad de explicarlos, si ya se hicieron en la cabeza
que esa gráfica representa una caída de ventas por un competidor, estas ahora contra corriente
• Percepción Visual
• Jerarquía
• OJO: No se trata de “cambiar” la historia, tampoco de “manipular” la
conclusión
• Se trata de guiar la atención del cliente
• Mientras que son las mismas gráficas, la primera puede ser
interpretada con una connotación negativa, mientras que la
segunda gráfica con una connotación positiva
• La pregunta aquí es
¿Las ventas a lo largo del año han crecido o se han caído?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
16
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Jerarquía
• Claridad
• Relaciones
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
17
Componentes de la Percepción Visual
• Percepción Visual
• Claridad
• El cliente probablemente no se acordará de los números
específicos, tampoco de las gráficas (en el orden correcto, cual era
la barra más alta o la 5 en la gráfica)
• Pero si se van a acordar del mensaje clave, la idea, el concepto, la
conclusión… algo que puedan conjugar en 2 o 3 oraciones
• “Hemos crecido en ventas todo el año, aunque algunos meses nos
pego en ventas un competidor nuevo que entró”
• “El competidor nuevo que entró nos quitó ventas varios meses pero
nos estamos recuperando”
https://www.miguelcantu.mba/
Descifrando los negocios digitales
18
Componentes de la Percepción Visual
Por regla de dedo, entre más muevan los ojos en una misma gráfica, menos efectiva es, más carga cognitiva tiene
• Percepción Visual
• Claridad
https://www.miguelcantu.mba/
Descifrando los negocios digitales
19
Componentes de la Percepción Visual
• Percepción Visual
• Claridad
• Aquí entre la famosa “carga cognitiva” de la gráfica
• Entre menos esfuerzo debamos hacer para entender la gráfica, menos
recursos mentales ocupamos para entender lo que estamos viendo
• Lo que le permite al cliente centrarse de manera clara en el análisis de
la información o entender el mensaje o comparar vs industria
• NOTA: Fallar en este componente es fallar en comunicación efectiva. Esto resultará
en “darle largas” “no entendí” “algo tienes mal” … No es culpa del cliente que no
entienda, no es que sea “baby boomer” y no entiende, si no te entienden, es tu culpa.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
20
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Jerarquía
• Claridad
• Relaciones
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
21
Componentes de la Percepción Visual
• Percepción Visual
• Relaciones
• Probablemente has tenido duda sobre la razón por la que dejaron de
comprar en la cafetería
• Se fueron con el competidor, no les gusto y regresaron
• El competidor cambio su café
• Tuvieron que clausurar
• ¿Qué habrá pasado?
• Si no explicamos o damos suficiente contexto, si no podemos
responder a todas las dudas, el cliente hará relaciones con
predisposiciones que lleva dentro
• Debemos de informar mediante contexto sobre lo que sucedió
https://www.miguelcantu.mba/
Descifrando los negocios digitales
22
Componentes de la Percepción Visual
• Percepción Visual
• Relaciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
23
Componentes de la Percepción Visual
• Percepción Visual
• Relaciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
24
Componentes de la Percepción Visual
• Percepción Visual
• Relaciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
25
Componentes de la Percepción Visual
• Percepción Visual
• Relaciones
• Las relaciones son probablemente el componente más difícil de
acertar ya que debemos tratar con 2 factores
• El que está fuera de tu control: Las predisposiciones del cliente
•
• Lo que está en tu control: Que tanto o que tan poco, contexto
debes de poner en la gráfica para comunicar de manera efectiva
https://www.miguelcantu.mba/
Descifrando los negocios digitales
26
Componentes de la Percepción Visual
• Percepción Visual
• Orden
• Jerarquía
• Claridad
• Relaciones
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
27
Componentes de la Percepción Visual
• Percepción Visual
• Convenciones
• Dentro de la cultura (o en inglés conventions) son `Acuerdos Sociales´
que aceptamos
• El rojo es malo, peligro, negativo,
• El verde es bueno, adelante, positivo
• Relación entre colores y/o figuras (iconos) indica que hay relación
entre los componentes o unidades
https://www.miguelcantu.mba/
Descifrando los negocios digitales
28
Componentes de la Percepción Visual
No leemos de arriba hacia abajo, acostumbramos a tener el título arriba, la leyenda debe de ir al costado
• Percepción Visual
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
29
Componentes de la Percepción Visual
Ventas de tiendas diferentes usando una línea “realizando una relación entre tiendas independientes”
• Percepción Visual
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
30
Componentes de la Percepción Visual
Colores similares “uniendo” componentes independientes
• Percepción Visual
• Convenciones
https://www.miguelcantu.mba/
Descifrando los negocios digitales
31
Componentes de la Percepción Visual
• Percepción Visual
• Convenciones
• No vayas en contra de la corriente, úsala a tu favor
• Es más fácil de comunicar cuando usamos convenciones aceptadas, ya
que podemos comunicar aun más información con “pequeños detalles”
• Adicional a estos componentes visuales, existen componentes
psicológicos llamados sesgos cognitivos
• Sesgo de retrospectiva (siempre se supo quien ganaría)
• Sesgo de ancla (el primero número ancla la percepción)
• Sesgo de consenso falso (sobreestimamos cuantos piensan como nosotros)
• Sesgo de “Halo” (creemos que por ser guap@ es más inteligente/amable)
• Sesgo de afinidad (creemos más en quienes “son” como nosotros)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
32
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Continuación
• Proximidad
• Contraste (Fondo y Frente)
• Simetría y orden
https://www.miguelcantu.mba/
Descifrando los negocios digitales
33
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Tendemos a agrupar
objetos por su color,
tamaño o figura
https://www.miguelcantu.mba/
Descifrando los negocios digitales
34
Componentes del Diseño Visual
Diseño Visual
• Similitud
• También nos pueden
indicar que debemos
de comparar
(Qué con Qué)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
35
Componentes del Diseño Visual
Diseño Visual
• Similitud
• También puede indicar
separación entre
objetos
(Qué con Qué)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
36
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Continuación
• Proximidad
• Contraste (Fondo y Frente)
• Simetría y orden
https://www.miguelcantu.mba/
Descifrando los negocios digitales
37
Componentes del Diseño Visual
Diseño Visual
• Continuación
• ¿Pa´ donde va la línea?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
38
Componentes del Diseño Visual
Diseño Visual
• Continuación
• ¿Pa´ donde seguirá la
línea?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
39
Componentes del Diseño Visual
Si eres el director de la película, de la gráfica, pero solo en las películas puedes dejar espacio para la imaginación, en la visualización de datos,
buscas la certeza y seguridad, (algo predecible)
Diseño Visual
• Continuación
• ¿Pa´ donde seguirá la
línea?
• No dejes que el cliente
haga conjeturas sin
indicación tuya
https://www.miguelcantu.mba/
Descifrando los negocios digitales
40
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Continuación
• Proximidad
• Contraste (Fondo y Frente)
• Simetría y orden
https://www.miguelcantu.mba/
Descifrando los negocios digitales
41
Componentes del Diseño Visual
Diseño Visual
• Proximidad
• Ya se que es obvio, así que si lo haces
#increíble
https://www.miguelcantu.mba/
Descifrando los negocios digitales
42
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Continuación
• Proximidad
• Contraste (Fondo y Frente)
• Simetría y orden
https://www.miguelcantu.mba/
Descifrando los negocios digitales
43
Componentes del Diseño Visual
Diseño Visual
• Contraste (Fondo y Frente)
• Tenemos el fondo
(generalmente blanco)
• Todo lo que no forma parte
de la historia que quieres
contar, debe de estar en un
segundo plano
• Todo lo relevante a la
historia, debe de estar en
primer plano, con contraste
https://www.miguelcantu.mba/
Descifrando los negocios digitales
44
Componentes del Diseño Visual
Diseño Visual
• Contraste (Fondo y Frente)
• Tenemos el fondo
(generalmente blanco)
• Todo lo que no forma parte
de la historia que quieres
contar, debe de estar en un
segundo plano
• Todo lo relevante a la
historia, debe de estar en
primer plano, con contraste
https://www.miguelcantu.mba/
Descifrando los negocios digitales
45
Componentes del Diseño Visual
Diseño Visual
• Similitud
• Continuación
• Proximidad
• Contraste (Fondo y Frente)
• Simetría y orden
https://www.miguelcantu.mba/
Descifrando los negocios digitales
46
Componentes del Diseño Visual
Diseño Visual
• Simetría y orden
• El color, contraste, formas y
figuras “cobra vida”
https://www.miguelcantu.mba/
Descifrando los negocios digitales
47
En Conclusión
• Como diseñadores de visualización de datos, estamos compitiendo contra la
atención de nuestros clientes, sus percepciones, cultura y predisposiciones, todo lo
que es visualización de datos es una ciencia y un arte
• Ciencia por los números y mejores practicas en selección de gráficas
• Arte porque estamos comunicando con humanos y no hay 2 iguales
• Así como en una organización pueden tener gran aceptación y adopción de toma de
decisiones basada en datos
• Podemos tener a una empresa narcisista que busca cambiar la narrativa de los
datos para que encajen con su narrativa intenta
• (echado la culpa a los demás, al mercado, justificando o apuntando dedos)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
48
Seleccionando la Gráfica Correcta
https://www.miguelcantu.mba/
Descifrando los negocios digitales
49
Herramientas Útiles
• Enlaces de Interés
• www.datavizproject.com
https://www.miguelcantu.mba/
Descifrando los negocios digitales
50
Herramientas Útiles
• Enlaces de Interés
• www.data-to-viz.com
https://www.miguelcantu.mba/
Descifrando los negocios digitales
51
Herramientas Útiles
• Enlaces de Interés
• www.coolors.com
• Uno de los errores más
comunes es usar los
colores de marca de la
empresa
• El problema es, imagínate,
que eres 7Eleven
• Tienes verde, naranja y rojo
como paleta de colores
https://www.miguelcantu.mba/
Descifrando los negocios digitales
52
Consejos Útiles
• Consejos
• El título debe de informar, no describir
• Añade textos contextuales a la gráfica
• Menos, es más (cuenta la historia)
• Vincula a un objetivo de negocio
• La historia se puede resumir a pocas
oraciones
• Selecciona la gráfica correcta
https://www.miguelcantu.mba/
Descifrando los negocios digitales
53
Consejos Útiles
• Consejos
• El título debe de informar, no describir
• Añade textos contextuales a la gráfica
• Menos, es más (cuenta la historia)
• Vincula a un objetivo de negocio
• La historia se puede resumir a pocas
oraciones
• Selecciona la gráfica correcta
https://www.miguelcantu.mba/
Descifrando los negocios digitales
54
Consejos Útiles
• Consejos
• El título debe de informar, no describir
• Añade textos contextuales a la gráfica
• Menos, es más (cuenta la historia)
• Vincula a un objetivo de negocio
• La historia se puede resumir a pocas
oraciones
• Selecciona la gráfica correcta
https://www.miguelcantu.mba/
Descifrando los negocios digitales
55
Consejos Útiles
EL DAVID (VS GOLIAT)
• Consejos
• Algunas plantillas de story telling con
datos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
56
Consejos Útiles
LA SALVACIÓN
• Consejos
• Algunas plantillas de story telling con
datos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
57
Consejos Útiles
LA TRAICIÓN
• Consejos
• Algunas plantillas de story telling con
datos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
58
Consejos Útiles
LA VICTORIA
• Consejos
• Algunas plantillas de story telling con
datos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
59
Consejos Útiles
PERSONAS INFLUEYENTES
https://www.miguelcantu.mba/
Descifrando los negocios digitales
60
Consejos
Útiles
PERSONAS INFLUEYENTES
https://www.miguelcantu.mba/
Descifrando los negocios digitales
61
Consejos
Útiles
PERSONAS INFLUEYENTES
https://www.miguelcantu.mba/
Descifrando los negocios digitales
62
Consejos
Útiles
PERSONAS INFLUEYENTES
https://www.miguelcantu.mba/
Descifrando los negocios digitales
63
Data - Storytelling
https://www.miguelcantu.mba/
Descifrando los negocios digitales
64
Que es Data-Storytelling
• Data-Storytelling:
• Data Storytelling Es la capacidad de
comunicar eficazmente los conocimientos
de un conjunto de datos mediante
narraciones y visualizaciones. Puede
utilizarse para contextualizar los datos e
inspirar la acción de la audiencia.
- HBR
https://www.miguelcantu.mba/
Descifrando los negocios digitales
65
Que es Data-Storytelling
• Data-Storytelling:
• Data
• Narrativa
• Visualización
https://www.miguelcantu.mba/
Descifrando los negocios digitales
66
Que es Data-Storytelling
• Data
• Narrativa
• Visualización
• El análisis minucioso de datos precisos y completos es la base de su historia de datos. El análisis
de los datos mediante un análisis descriptivo, de diagnóstico, predictivo y prescriptivo puede
permitirle comprender su imagen completa.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
67
Que es Data-Storytelling
• Narrativa
• Data
• Una narración verbal o escrita, también llamada línea argumental, se utiliza para comunicar las
ideas extraídas de los datos, el contexto que los rodea y las acciones que se recomiendan y se
pretenden inspirar en la audiencia.
• Visualización
https://www.miguelcantu.mba/
Descifrando los negocios digitales
68
Que es Data-Storytelling
• Narrativa
• Data
• Visualización
• Las representaciones visuales de sus datos y su narrativa pueden ser útiles para comunicar su
historia de forma clara y memorable. Pueden ser cuadros, gráficos, diagramas, imágenes o
vídeos.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
69
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
2. Elegir la visualización apropiada
3. Eliminar la Confusión
4. Centrar la atención
5. Pensar como diseñador
6. Contar la historia
Storytelling
Sales
Revenue
Date & Time
Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
https://www.miguelcantu.mba/
Descifrando los negocios digitales
70
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Análisis exploratorio
• Enfocado a descubrir, encontrar, limpiar,
configurar los datos
• Es la parte pesada, técnica, EVITA mostrar este
tipo de análisis a stakeholders
Análisis Explicativo
• Enfocado a comunicar lo que paso, lo que está
pasando o lo que sucederá
• Es la parte de storytelling, de insights y de
llamados a la acción
Tú
Jerarquía
Conocimiento
Técnico
CEO CTO
CTO
Empleado
CHRO COO
Gerente
de Mkt
Empleado
Esto corresponde a “Quien”
https://www.miguelcantu.mba/
Descifrando los negocios digitales
71
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Como”
La historia de los 3 minutos
1. El contexto/Problema
2. La hipótesis
3. El Experimento/Análisis
4. Los Resultados
https://www.miguelcantu.mba/
Descifrando los negocios digitales
72
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Como”
1. Un grupo de miembros del departamento de ciencias estaba pensando en cómo resolver un
problema que tenemos con los alumnos de cuarto curso. Parece que cuando los niños llegan a
su primera clase de ciencias, llegan con esta actitud de que va a ser difícil y no les va a gustar.
2. Al principio del año escolar se necesita una buena cantidad de tiempo para superar eso. Así
que pensamos, ¿y si intentamos que los niños se acerquen a la ciencia antes? ¿Podemos influir en
su percepción?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
73
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Como”
3. El verano pasado pusimos a prueba un programa de aprendizaje destinado a hacer
precisamente eso. Invitamos a alumnos de primaria y acabamos con un gran grupo de alumnos
de segundo y tercer grado. Nuestro objetivo era exponerles antes a la ciencia con la esperanza
de que se formaran una percepción positiva. Para comprobar si teníamos éxito, encuestamos a
los alumnos antes y después del programa.
4. Descubrimos que, al iniciar el programa, el mayor segmento de estudiantes, el 40%, se sentía
simplemente "bien" con respecto a la ciencia, mientras que después del programa, la mayoría de
ellos cambió a percepciones positivas, con casi el 70% del total de estudiantes expresando algún
nivel de interés hacia la ciencia. Creemos que esto demuestra el éxito del programa y que no
sólo debemos seguir ofreciéndolo, sino también ampliar su alcance en el futuro.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
74
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Qué”
Gran idea: El programa piloto de aprendizaje de verano tuvo éxito en la mejora de la percepción
de la ciencia por parte de los estudiantes y, debido a este éxito, recomendamos seguir
ofreciéndolo en el futuro; por favor, apruebe nuestro presupuesto para este programa.
• Debes articular tu punto de vista diferenciador
• Debes transmitir lo que está en juego (Alineado al objetivo de negocio)
• Debe ser una frase (máximo 2) algo corto que puedan recordar, entender, re-comunicar
https://www.miguelcantu.mba/
Descifrando los negocios digitales
75
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Qué”
¿Cómo puedes lograr esto?
Preguntas de consultor
• Que información contextual es importante , relevante o esencial
• Quien toma las decisiones o quien influye en la toma de decisiones | Que sabemos sobre ellos
• Que sesgos cognitivos tiene nuestra audiencia (Que pueda ayudar o `enriesgar´ la comunicación)
• Que información está disponible que pueda apoyar a nuestra investigación
• Bases de datos externas, libres, internas etc..
• Dónde están los riesgos, Cómo pueden surgir y Cómo podemos mitigarlos
• Cómo se verían resultados satisfactorios para esto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
76
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
Esto corresponde a “Qué”
¿Cómo puedes lograr esto?
Para concluir el primer punto
• Ya “contamos la historia”, sin la necesidad de gráficos
• Esto es la parte de la Narrativa
• Gracias a los datos podemos crear esta narrativa
• Gracias a las gráficas podemos mostrar esta narrativa
• Es importante diferenciar entre la `visualización´ y el storytelling, son cosas diferentes, pero se
complementan
• Data
• Narrativa
• Visualización
https://www.miguelcantu.mba/
Descifrando los negocios digitales
77
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
2. Elegir la visualización apropiada
3. Eliminar la Confusión
4. Centrar la atención
5. Pensar como diseñador
6. Contar la historia
Storytelling
Sales
Revenue
Date & Time
Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
https://www.miguelcantu.mba/
Descifrando los negocios digitales
78
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• ¿Usarías un martillo para
abrir un huevo?
• Cada gráfica tiene una
función o dicho de otra
manera…
• Cada gráfica facilita la lectura
de información visual en
función de los datos que
tienes
https://www.miguelcantu.mba/
Descifrando los negocios digitales
79
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Texto Simple
• No subestimes el poder de
un solo número
• En ocasiones, las gráficas
pueden ser excesivas para lo
que realmente se quiere
comunicar
https://www.miguelcantu.mba/
Descifrando los negocios digitales
80
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Tablas
• Sirven para comparar números o datos
• Especiales para audiencia mixta donde cada quien
busca lo que necesita
• Por mejores prácticas, intenta hacer diseños
minimalistas, que el foco de atención esté en los
datos y no en los bordes
https://www.miguelcantu.mba/
Descifrando los negocios digitales
81
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Mapa de Calor
• Para reducir la carga cognitiva, se puede transformar la
tabla a un mapa de calor
• Elige colores que contrasten (por ejemplo el 15% de la
categoría 1 puede ser difícil de leer para ciertas personas
• Asegúrate de que el color tenga algun propósito y por
otro lado, informar con leyenda su significado o impacto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
82
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Scatterplot
• Funcionan para mostrar la relación entre dos
variables
• Aunque son poco frecuentes, pudiera darse
la ocasión para usar una scatterplot en el
mundo de los negocios
https://www.miguelcantu.mba/
Descifrando los negocios digitales
83
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Gráfico de Líneas
• Funciona para mostrar el cambio a lo
largo del tiempo y comparar con otros
productos/categorías simialres
• Debemos de tener cuidado con los ejes
• Puede ser mala idea NO empezar en 0
• Puede ser mala idea presentarlo como imagen
y cambiar el tamaño de la misma para
modificar el impacto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
84
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Gráfico de Líneas
• Funciona para mostrar el cambio a lo
largo del tiempo y comparar con otros
productos/categorías simialres
• Debemos de tener cuidado con los ejes
• Puede ser mala idea NO empezar en 0
• Puede ser mala idea presentarlo como imagen
y cambiar el tamaño de la misma para
modificar el impacto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
85
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Gráfico de Líneas
• Funciona para mostrar el cambio a lo
largo del tiempo y comparar con otros
productos/categorías simialres
• Debemos de tener cuidado con los ejes
• Puede ser mala idea NO empezar en 0
• Puede ser mala idea presentarlo como imagen
y cambiar el tamaño de la misma para
modificar el impacto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
86
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Gráfico de Líneas
• Funciona para mostrar el cambio a lo
largo del tiempo y comparar con otros
productos/categorías simialres
• Debemos de tener cuidado con los ejes
• Puede ser mala idea NO empezar en 0
• Puede ser mala idea presentarlo como imagen
y cambiar el tamaño de la misma para
modificar el impacto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
87
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Slopegraph
• Son útiles cuando tienes dos periodos de tiempo
diferentes y quieres mostrar el cambio
• Muestra el cambio y la tendencia de manera rápida
y efectiva
https://www.miguelcantu.mba/
Descifrando los negocios digitales
88
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras
• Se cree que porque son comunes, se deberían
de usar menos, pero es todo lo contrario, se
deben de usar porque son comunes
• Esto significa menos carga cognitiva y más
poder para el análisis e interpretación de tus
clientes
• Pero debemos de evitar decir mentiras con la
estadística (Libro “How to lie with statistics”)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
89
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras
• Se cree que porque son comunes, se deberían
de usar menos, pero es todo lo contrario, se
deben de usar porque son comunes
• Esto significa menos carga cognitiva y más
poder para el análisis e interpretación de tus
clientes
• Pero debemos de evitar decir mentiras con la
estadística (Libro “How to lie with statistics”)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
90
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras
• Se puede elegir borrar la información de los
ejes, siempre y cuando no haga diluya el
mensaje de comunicación
• Pero debemos de evitar decir mentiras con la
estadística (Libro “How to lie with statistics”)
https://www.miguelcantu.mba/
Descifrando los negocios digitales
91
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras
• También se pueden agregar otras barras para
crear comparativas entre ellas
• De nuevo, todo depende de lo que buscas
comunicar
https://www.miguelcantu.mba/
Descifrando los negocios digitales
92
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras apiladas
• El uso de las barras apiladas son un poco mas
limitadas, te permiten comparar diferentes
totales y sus subcomponentes
• Se pueden volver muy complejas y `pesadas´
muy rápido, si se tiene más de X categorías será
difícil de dar lectura
https://www.miguelcantu.mba/
Descifrando los negocios digitales
93
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras de Cascada
• La gráfica de cascada te permite visualizar
los cambios que hubieron en un gráfico de
barras
• No tanto función de tiempo, pero si en
función de composición, incrementos o
decrementos
https://www.miguelcantu.mba/
Descifrando los negocios digitales
94
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barras Horizontales
• Una de las gráficas más utilizadas, porque son muy
sencillas de leer
• Útiles también cuando los nombres de las
categorías son muy largos (más complejo en las
verticales)
• También son fáciles de leer porque
acostumbramos (Convención) a leer de Izquierda a
derecha y de arriba hacia abajo
https://www.miguelcantu.mba/
Descifrando los negocios digitales
95
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Barra Horizontal Apilada
• Similar a la barra vertical apilada, te
permite ver los subcomponentes de una
categoría
• Lo podemos acoplar a un 100% o su
valor absoluto
https://www.miguelcantu.mba/
Descifrando los negocios digitales
96
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Gráfico Circular
• Como humanos, somos malos para identificar
ángulos
• A parte, es difícil estimar que tanto más “grande”
es un pedazo del pastel que el otro
• Y por si fuera poco, como mostrarías el cambio
de un periodo vs otro y ocupan mucho espacio
• Si le metes más y más texto para explicar tu
mensaje, rompes el propósito de “Visualización”
a. Evita utilizar las siguientes gráficas
https://www.miguelcantu.mba/
Descifrando los negocios digitales
97
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• Ejes secundarios
• Se ven profesional, pero complican la lectura,
tomando más esfuerzo mental y reduciendo el
interés por el mensaje (mueves mucho los ojos)
• Existen alternativas
a. Evita utilizar las siguientes gráficas
https://www.miguelcantu.mba/
Descifrando los negocios digitales
98
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
2. Elegir la visualización apropiada
• En conclusión
• En la mayoría de los casos, no hay una única correcta gráfica para lo que quieres hacer, no es
un examen donde hay una respuesta correcta
• De hecho preguntar ¿Cuál es la gráfica correcta? Es una mala pregunta
• Las preguntas correctas son
• ¿Qué necesita saber mi cliente?
• ¿Con qué gráfica entenderá mas fácil y rápido mi cliente?
• Haz pruebas, muestra tus gráficos a colegas o amigos y que te platican su UX/CJ sobre tu
diseño visual
• Qué vieron primero, que les llama la atención, que entienden de la gráfica….
https://www.miguelcantu.mba/
Descifrando los negocios digitales
99
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
1. Entender el contexto
2. Elegir la visualización apropiada
3. Eliminar la Confusión
4. Centrar la atención
5. Pensar como diseñador
6. Contar la historia
Storytelling
Sales
Revenue
Date & Time
Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
0
Storytelling En 6 Pasos
Understand | Choose | Eliminate | Focus | Think | Tell
3. Eliminar la Confusión
https://www.miguelcantu.mba/
Descifrando los negocios digitales
101
Mejores Prácticas con ST
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
2
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
3
https://www.miguelcantu.mba/
Descifrando los negocios digitales
104
Iniciando con Power BI
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
5
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
6
https://www.miguelcantu.mba/
Descifrando los negocios digitales
107
Sesión de Trabajo Propuesta de Tablero
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
8
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
10
9
https://www.miguelcantu.mba/
Descifrando los negocios digitales
110
Avances de Propuesta de Tablero
https://www.miguelcantu.mba/
Descifrando los negocios digitales
111
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
2
WHAT IS LOREM IPSUM?
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
3
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text
ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text
ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text of the printing and typesetting
industry. Lorem Ipsum has been the industry's standard dummy text
ever since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
4
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
Ipsum has been the industry's
standard dummy text ever since
the 1500s
Your Title Here
Lorem Ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
Ipsum has been the industry's
standard dummy text ever since
the 1500s
Your Title Here
Lorem Ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
Ipsum has been the industry's
standard dummy text ever since
the 1500s
Your Title Here
Lorem Ipsum is simply dummy
text of the printing and
typesetting industry. Lorem
Ipsum has been the industry's
standard dummy text ever since
the 1500s
Your Title Here
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
115
What is Lorem Ipsum?
◉ Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
◉ Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text
◉ Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
◉ Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
6
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
7
https://www.miguelcantu.mba/
Descifrando los negocios digitales
11
8
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has
survived not only five centuries,
What is lorem ipsum?
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has
survived not only five centuries,
What is lorem ipsum?
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has
survived not only five centuries,
What is lorem ipsum?
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has
survived not only five centuries,
What is lorem ipsum?
WHAT IS LOREM
IPSUM?
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s.
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
https://www.miguelcantu.mba/
Descifrando los negocios digitales
119
Lorem Ipsum is simply dummy text
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
What is Lorem Ipsum?
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text
What is Lorem Ipsum?
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
0
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
1
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
standard dummy text ever since the 1500s,
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
2
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
ever since the 1500s.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
ever since the 1500s.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s.
Best Service Of Us
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s.
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
3
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
What is Lorem Ipsum?
Lorem Ipsum is simply dummy text
of the printing and typesetting
industry. Lorem Ipsum has been
the industry's standard dummy text
ever since the 1500s,
Lorem Ipsum is simply dummy text
of the printing and typesetting
industry. Lorem Ipsum has been
the industry's standard dummy text
ever since the 1500s,
What is Lorem Ipsum? What is Lorem Ipsum?
Lorem Ipsum is simply dummy text
of the printing and typesetting
industry. Lorem Ipsum has been
the industry's standard dummy text
ever since the 1500s,
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
4
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text
◉ Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the
1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
https://www.miguelcantu.mba/
Descifrando los negocios digitales
12
5
WHAT IS LOREM IPSUM?
Lorem Ipsum is simply dummy text
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
◉ Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
THANK YOU
Looking Forward to Connecting!
https://www.miguelcantu.mba/
Descifrando los negocios digitales
Juarez 1102, Int. 3204 Col. Centro Monterrey, NL
81 10 60 88 84
hola@miguelcantu.mba
www.miguelcantu.mba
12
6

Más contenido relacionado

Similar a Comunicación Visual Visualización de Datos.pptx

Cómo convertirte en líder de mercado gracias al uso de internet y el social m...
Cómo convertirte en líder de mercado gracias al uso de internet y el social m...Cómo convertirte en líder de mercado gracias al uso de internet y el social m...
Cómo convertirte en líder de mercado gracias al uso de internet y el social m...IntegralCom
 
Estrategias para crear futuros modelos de negocios
Estrategias para crear futuros modelos de negociosEstrategias para crear futuros modelos de negocios
Estrategias para crear futuros modelos de negociosRaúl Rivera
 
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing online
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing onlinePau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing online
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing onlinePau Ferri
 
Analítica Digital : Mide y evalua tus resultados online
Analítica Digital : Mide y evalua tus resultados online Analítica Digital : Mide y evalua tus resultados online
Analítica Digital : Mide y evalua tus resultados online Yolanda Hernández
 
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa Zinkdo
 
LA VENTA PERSUASIVA Gonzalo Arbelaez O.
LA VENTA PERSUASIVA Gonzalo Arbelaez O.LA VENTA PERSUASIVA Gonzalo Arbelaez O.
LA VENTA PERSUASIVA Gonzalo Arbelaez O.Gonzalo Arbeláez
 
Webinar | Plan de Marketing Digital B2B | SM Digital
Webinar | Plan de Marketing Digital B2B | SM DigitalWebinar | Plan de Marketing Digital B2B | SM Digital
Webinar | Plan de Marketing Digital B2B | SM DigitalSM Digital
 
Data Strategy: Cómo convertirse en verdadera empresas Data Driven
Data Strategy: Cómo convertirse en verdadera empresas Data DrivenData Strategy: Cómo convertirse en verdadera empresas Data Driven
Data Strategy: Cómo convertirse en verdadera empresas Data DrivenIEBS Business School
 
Planning rentable para un ecommerce
Planning rentable para un ecommercePlanning rentable para un ecommerce
Planning rentable para un ecommerceIsaac Bosch
 
Gestión de Proyectos Web - La labor del Coordinador - Wordpress Irún
Gestión de Proyectos Web - La labor del Coordinador - Wordpress IrúnGestión de Proyectos Web - La labor del Coordinador - Wordpress Irún
Gestión de Proyectos Web - La labor del Coordinador - Wordpress IrúnJorge González Revilla
 
Pensamiento Estratégico - #MkTrendsEADA
Pensamiento Estratégico - #MkTrendsEADAPensamiento Estratégico - #MkTrendsEADA
Pensamiento Estratégico - #MkTrendsEADA#MkTrendsEADA
 
Cómo aumentar las ventas en la revolución digital 2015
Cómo aumentar las ventas en la revolución digital   2015Cómo aumentar las ventas en la revolución digital   2015
Cómo aumentar las ventas en la revolución digital 2015Jose Puchades Vigar
 
Diseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRODiseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CROFani Sánchez
 
Uwabar jose roig - la verdad que hay detras de los dashboards
Uwabar   jose roig - la verdad que hay detras de los dashboardsUwabar   jose roig - la verdad que hay detras de los dashboards
Uwabar jose roig - la verdad que hay detras de los dashboardsJose Roig Torres
 
CASO PORTA - eCommerce Day Perú 2023
CASO PORTA - eCommerce Day Perú 2023CASO PORTA - eCommerce Day Perú 2023
CASO PORTA - eCommerce Day Perú 2023eCommerce Institute
 

Similar a Comunicación Visual Visualización de Datos.pptx (20)

Cómo convertirte en líder de mercado gracias al uso de internet y el social m...
Cómo convertirte en líder de mercado gracias al uso de internet y el social m...Cómo convertirte en líder de mercado gracias al uso de internet y el social m...
Cómo convertirte en líder de mercado gracias al uso de internet y el social m...
 
Estrategias para crear futuros modelos de negocios
Estrategias para crear futuros modelos de negociosEstrategias para crear futuros modelos de negocios
Estrategias para crear futuros modelos de negocios
 
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing online
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing onlinePau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing online
Pau Ferri en Iniciador Alicante Turismo Invat.tur plan marketing online
 
Lienzo de modelos de negocios.
Lienzo de modelos de negocios.Lienzo de modelos de negocios.
Lienzo de modelos de negocios.
 
Analítica Digital : Mide y evalua tus resultados online
Analítica Digital : Mide y evalua tus resultados online Analítica Digital : Mide y evalua tus resultados online
Analítica Digital : Mide y evalua tus resultados online
 
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa
Marketing digital en B2B: Alinea presencia digital con tus objetivos de empresa
 
LA VENTA PERSUASIVA Gonzalo Arbelaez O.
LA VENTA PERSUASIVA Gonzalo Arbelaez O.LA VENTA PERSUASIVA Gonzalo Arbelaez O.
LA VENTA PERSUASIVA Gonzalo Arbelaez O.
 
Webinar | Plan de Marketing Digital B2B | SM Digital
Webinar | Plan de Marketing Digital B2B | SM DigitalWebinar | Plan de Marketing Digital B2B | SM Digital
Webinar | Plan de Marketing Digital B2B | SM Digital
 
Data Strategy: Cómo convertirse en verdadera empresas Data Driven
Data Strategy: Cómo convertirse en verdadera empresas Data DrivenData Strategy: Cómo convertirse en verdadera empresas Data Driven
Data Strategy: Cómo convertirse en verdadera empresas Data Driven
 
Planning rentable para un ecommerce
Planning rentable para un ecommercePlanning rentable para un ecommerce
Planning rentable para un ecommerce
 
B4Action digital
B4Action digital B4Action digital
B4Action digital
 
Gestión de Proyectos Web - La labor del Coordinador - Wordpress Irún
Gestión de Proyectos Web - La labor del Coordinador - Wordpress IrúnGestión de Proyectos Web - La labor del Coordinador - Wordpress Irún
Gestión de Proyectos Web - La labor del Coordinador - Wordpress Irún
 
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptxGUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
GUIA_DE_CLASE_DE_C3_-_TEMA_1.pptx
 
Gambas con Gabardina
Gambas con Gabardina Gambas con Gabardina
Gambas con Gabardina
 
Pensamiento Estratégico - #MkTrendsEADA
Pensamiento Estratégico - #MkTrendsEADAPensamiento Estratégico - #MkTrendsEADA
Pensamiento Estratégico - #MkTrendsEADA
 
Cómo aumentar las ventas en la revolución digital 2015
Cómo aumentar las ventas en la revolución digital   2015Cómo aumentar las ventas en la revolución digital   2015
Cómo aumentar las ventas en la revolución digital 2015
 
Diseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRODiseño basado en datos y el rol del UI en un proyecto CRO
Diseño basado en datos y el rol del UI en un proyecto CRO
 
Uwabar jose roig - la verdad que hay detras de los dashboards
Uwabar   jose roig - la verdad que hay detras de los dashboardsUwabar   jose roig - la verdad que hay detras de los dashboards
Uwabar jose roig - la verdad que hay detras de los dashboards
 
CASO PORTA - eCommerce Day Perú 2023
CASO PORTA - eCommerce Day Perú 2023CASO PORTA - eCommerce Day Perú 2023
CASO PORTA - eCommerce Day Perú 2023
 
Campañas PPC Rentables - CWZ 2019
Campañas PPC Rentables - CWZ 2019Campañas PPC Rentables - CWZ 2019
Campañas PPC Rentables - CWZ 2019
 

Último

GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docxAleParedes11
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxAna Fernandez
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadAlejandrino Halire Ccahuana
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 

Último (20)

GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docxGLOSAS  Y PALABRAS ACTO 2 DE ABRIL 2024.docx
GLOSAS Y PALABRAS ACTO 2 DE ABRIL 2024.docx
 
RETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docxRETO MES DE ABRIL .............................docx
RETO MES DE ABRIL .............................docx
 
Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.Defendamos la verdad. La defensa es importante.
Defendamos la verdad. La defensa es importante.
 
Lecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdadLecciones 04 Esc. Sabática. Defendamos la verdad
Lecciones 04 Esc. Sabática. Defendamos la verdad
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.Clasificaciones, modalidades y tendencias de investigación educativa.
Clasificaciones, modalidades y tendencias de investigación educativa.
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
La Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdfLa Trampa De La Felicidad. Russ-Harris.pdf
La Trampa De La Felicidad. Russ-Harris.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 

Comunicación Visual Visualización de Datos.pptx

  • 2. Tabla de Contenido Objetivo https://www.miguelcantu.mba/ Descifrando los negocios digitales 2 1. S1: Visualización de Datos (VD) 2. Seleccionando la Gráfica Correcta 3. S2: Storytelling (ST) con Datos 4. S3: Mejores Prácticas ST y VD 5. S4: Iniciando con Power BI 6. S5: Sesión de Trabajo Propuesta de Tablero 7. S6: Avances de Propuesta de Tablero
  • 3. • Sub Text https://www.miguelcantu.mba/ Descifrando los negocios digitales 3 Un poco de mi Miguel Angel Cantu Garza • Socio Internacional del Foro Mundial de ángeles Inversionistas - Comité STI y Comité Tecnologías Emergentes • Profesor de TEC de Monterrey bajo modelo TEC21 • Experiencia profesional en Retail y Servicios Profesionales • Consultor independiente de Marketing Digital y Transformación Digital • Conferencias relacionadas a temas digitales • Educación • Executive MBA in Digital Transformation • Maestría en Internet Business Analytics (en proceso) • Micromaster en Liderazgo digital • Diplomado en Marketing Digital • Egresado del TEC de MTY – LIN • Múltiples certificaciones digitales • Sitio web: miguelcantu.mba
  • 4. https://www.miguelcantu.mba/ Descifrando los negocios digitales 4 Visualización de Datos
  • 5. https://www.miguelcantu.mba/ Descifrando los negocios digitales 5 Data Storytelling Visualization Conocimiento técnico de Herramientas Tableau Power BI Otras Conocimiento de Industria Consultoría Métricas Contexto Conocimiento de Diseño Visual Design Thinking UX/UI Storytelling Multidisciplinario Analítico – Consultor – Diseñador (Técnico – Negocios – Comunicación) Imagen de Statista
  • 6. https://www.miguelcantu.mba/ Descifrando los negocios digitales 6 Comunicación Efectiva Así como un director te cuenta una historia a través de una película, tu deberías de ser el director de los gráficos que cuentan una historia …. Si te das cuenta, la película funciona por sí sola. • Visualización de Datos • Una visualización de datos eficaz puede significar la diferencia entre el éxito y el fracaso a la hora de comunicar los resultados de su estudio, recaudar dinero para su organización sin ánimo de lucro, presentar a su junta directiva o simplemente hacer llegar su punto de vista a su público. - Storytelling With Data
  • 7. https://www.miguelcantu.mba/ Descifrando los negocios digitales 7 Componentes de la Percepción Visual • Percepción Visual • Orden • Jerarquía • Claridad • Relaciones • Convenciones
  • 8. https://www.miguelcantu.mba/ Descifrando los negocios digitales 8 Componentes de la Percepción Visual • Percepción Visual • Orden • Buscamos el orden en el caos • Esperamos que el orden de las palabras esté en cierto orden Si cambiamos el orden de las cosas, a pesar de saber leer, podemos encontrar cognitivamente difícil la lectura de textos Simplemente porque no es natural o común. A h o r a i n t e n t a l e e r e s t o ¿Cómo aplica esto en Visualización de Datos?
  • 9. https://www.miguelcantu.mba/ Descifrando los negocios digitales 9 Componentes de la Percepción Visual • Percepción Visual • Orden 1 2 3 4 5 6
  • 10. https://www.miguelcantu.mba/ Descifrando los negocios digitales 10 Componentes de la Percepción Visual • Percepción Visual • Orden • Generalmente las personas no miran en “orden de importancia” • Título, gráfica, leyenda, ejes (por ejemplo) • Las personas “intentan descubrir de que trata la gráfica”, de lo interesante a lo contextual • Gráfica, ejes, leyenda y final el título para entender el contexto • NOTA: La verdad es que no hay regla general sobre el orden de “descubrimiento” pero si importante que el usuario entienda en el menor tiempo posible y con el menor esfuerzo posible, el mensaje de la gráfica
  • 11. https://www.miguelcantu.mba/ Descifrando los negocios digitales 11 Componentes de la Percepción Visual • Percepción Visual • Orden • Jerarquía • Claridad • Relaciones • Convenciones
  • 12. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 Componentes de la Percepción Visual El fondo y el Frente ; El Antes y Después • Percepción Visual • Jerarquía • Las personas “intentan descubrir de que trata la gráfica”, no en orden de importancia, pero si en orden visual, lo que nos llama la atención • Contraste de colores, incrementos o decrementos en la gráfica, iconos o colores pálidos o de fondo • Las personas van a intuir o concluir un mensaje (la historia) de tu gráfica, incluso ANTES de que tengas oportunidad de explicar • Lo hacemos de manera natural, buscamos “cerrar ciclos o resolver problemas” • NOTA: Debemos de guiar y llamar la atención del cliente en función de las decisiones de diseño deliberadas que realizamos
  • 13. https://www.miguelcantu.mba/ Descifrando los negocios digitales 13 Componentes de la Percepción Visual • Percepción Visual • Jerarquía
  • 14. https://www.miguelcantu.mba/ Descifrando los negocios digitales 14 Componentes de la Percepción Visual Recuerda, Tu eres el director la película y Ellos harán conclusiones antes que expliques • Percepción Visual • Jerarquía
  • 15. https://www.miguelcantu.mba/ Descifrando los negocios digitales 15 Componentes de la Percepción Visual Recuerda, las personas harán conclusiones de tus diseños visuales antes de que tengas oportunidad de explicarlos, si ya se hicieron en la cabeza que esa gráfica representa una caída de ventas por un competidor, estas ahora contra corriente • Percepción Visual • Jerarquía • OJO: No se trata de “cambiar” la historia, tampoco de “manipular” la conclusión • Se trata de guiar la atención del cliente • Mientras que son las mismas gráficas, la primera puede ser interpretada con una connotación negativa, mientras que la segunda gráfica con una connotación positiva • La pregunta aquí es ¿Las ventas a lo largo del año han crecido o se han caído?
  • 16. https://www.miguelcantu.mba/ Descifrando los negocios digitales 16 Componentes de la Percepción Visual • Percepción Visual • Orden • Jerarquía • Claridad • Relaciones • Convenciones
  • 17. https://www.miguelcantu.mba/ Descifrando los negocios digitales 17 Componentes de la Percepción Visual • Percepción Visual • Claridad • El cliente probablemente no se acordará de los números específicos, tampoco de las gráficas (en el orden correcto, cual era la barra más alta o la 5 en la gráfica) • Pero si se van a acordar del mensaje clave, la idea, el concepto, la conclusión… algo que puedan conjugar en 2 o 3 oraciones • “Hemos crecido en ventas todo el año, aunque algunos meses nos pego en ventas un competidor nuevo que entró” • “El competidor nuevo que entró nos quitó ventas varios meses pero nos estamos recuperando”
  • 18. https://www.miguelcantu.mba/ Descifrando los negocios digitales 18 Componentes de la Percepción Visual Por regla de dedo, entre más muevan los ojos en una misma gráfica, menos efectiva es, más carga cognitiva tiene • Percepción Visual • Claridad
  • 19. https://www.miguelcantu.mba/ Descifrando los negocios digitales 19 Componentes de la Percepción Visual • Percepción Visual • Claridad • Aquí entre la famosa “carga cognitiva” de la gráfica • Entre menos esfuerzo debamos hacer para entender la gráfica, menos recursos mentales ocupamos para entender lo que estamos viendo • Lo que le permite al cliente centrarse de manera clara en el análisis de la información o entender el mensaje o comparar vs industria • NOTA: Fallar en este componente es fallar en comunicación efectiva. Esto resultará en “darle largas” “no entendí” “algo tienes mal” … No es culpa del cliente que no entienda, no es que sea “baby boomer” y no entiende, si no te entienden, es tu culpa.
  • 20. https://www.miguelcantu.mba/ Descifrando los negocios digitales 20 Componentes de la Percepción Visual • Percepción Visual • Orden • Jerarquía • Claridad • Relaciones • Convenciones
  • 21. https://www.miguelcantu.mba/ Descifrando los negocios digitales 21 Componentes de la Percepción Visual • Percepción Visual • Relaciones • Probablemente has tenido duda sobre la razón por la que dejaron de comprar en la cafetería • Se fueron con el competidor, no les gusto y regresaron • El competidor cambio su café • Tuvieron que clausurar • ¿Qué habrá pasado? • Si no explicamos o damos suficiente contexto, si no podemos responder a todas las dudas, el cliente hará relaciones con predisposiciones que lleva dentro • Debemos de informar mediante contexto sobre lo que sucedió
  • 22. https://www.miguelcantu.mba/ Descifrando los negocios digitales 22 Componentes de la Percepción Visual • Percepción Visual • Relaciones
  • 23. https://www.miguelcantu.mba/ Descifrando los negocios digitales 23 Componentes de la Percepción Visual • Percepción Visual • Relaciones
  • 24. https://www.miguelcantu.mba/ Descifrando los negocios digitales 24 Componentes de la Percepción Visual • Percepción Visual • Relaciones
  • 25. https://www.miguelcantu.mba/ Descifrando los negocios digitales 25 Componentes de la Percepción Visual • Percepción Visual • Relaciones • Las relaciones son probablemente el componente más difícil de acertar ya que debemos tratar con 2 factores • El que está fuera de tu control: Las predisposiciones del cliente • • Lo que está en tu control: Que tanto o que tan poco, contexto debes de poner en la gráfica para comunicar de manera efectiva
  • 26. https://www.miguelcantu.mba/ Descifrando los negocios digitales 26 Componentes de la Percepción Visual • Percepción Visual • Orden • Jerarquía • Claridad • Relaciones • Convenciones
  • 27. https://www.miguelcantu.mba/ Descifrando los negocios digitales 27 Componentes de la Percepción Visual • Percepción Visual • Convenciones • Dentro de la cultura (o en inglés conventions) son `Acuerdos Sociales´ que aceptamos • El rojo es malo, peligro, negativo, • El verde es bueno, adelante, positivo • Relación entre colores y/o figuras (iconos) indica que hay relación entre los componentes o unidades
  • 28. https://www.miguelcantu.mba/ Descifrando los negocios digitales 28 Componentes de la Percepción Visual No leemos de arriba hacia abajo, acostumbramos a tener el título arriba, la leyenda debe de ir al costado • Percepción Visual • Convenciones
  • 29. https://www.miguelcantu.mba/ Descifrando los negocios digitales 29 Componentes de la Percepción Visual Ventas de tiendas diferentes usando una línea “realizando una relación entre tiendas independientes” • Percepción Visual • Convenciones
  • 30. https://www.miguelcantu.mba/ Descifrando los negocios digitales 30 Componentes de la Percepción Visual Colores similares “uniendo” componentes independientes • Percepción Visual • Convenciones
  • 31. https://www.miguelcantu.mba/ Descifrando los negocios digitales 31 Componentes de la Percepción Visual • Percepción Visual • Convenciones • No vayas en contra de la corriente, úsala a tu favor • Es más fácil de comunicar cuando usamos convenciones aceptadas, ya que podemos comunicar aun más información con “pequeños detalles” • Adicional a estos componentes visuales, existen componentes psicológicos llamados sesgos cognitivos • Sesgo de retrospectiva (siempre se supo quien ganaría) • Sesgo de ancla (el primero número ancla la percepción) • Sesgo de consenso falso (sobreestimamos cuantos piensan como nosotros) • Sesgo de “Halo” (creemos que por ser guap@ es más inteligente/amable) • Sesgo de afinidad (creemos más en quienes “son” como nosotros)
  • 32. https://www.miguelcantu.mba/ Descifrando los negocios digitales 32 Componentes del Diseño Visual Diseño Visual • Similitud • Continuación • Proximidad • Contraste (Fondo y Frente) • Simetría y orden
  • 33. https://www.miguelcantu.mba/ Descifrando los negocios digitales 33 Componentes del Diseño Visual Diseño Visual • Similitud • Tendemos a agrupar objetos por su color, tamaño o figura
  • 34. https://www.miguelcantu.mba/ Descifrando los negocios digitales 34 Componentes del Diseño Visual Diseño Visual • Similitud • También nos pueden indicar que debemos de comparar (Qué con Qué)
  • 35. https://www.miguelcantu.mba/ Descifrando los negocios digitales 35 Componentes del Diseño Visual Diseño Visual • Similitud • También puede indicar separación entre objetos (Qué con Qué)
  • 36. https://www.miguelcantu.mba/ Descifrando los negocios digitales 36 Componentes del Diseño Visual Diseño Visual • Similitud • Continuación • Proximidad • Contraste (Fondo y Frente) • Simetría y orden
  • 37. https://www.miguelcantu.mba/ Descifrando los negocios digitales 37 Componentes del Diseño Visual Diseño Visual • Continuación • ¿Pa´ donde va la línea?
  • 38. https://www.miguelcantu.mba/ Descifrando los negocios digitales 38 Componentes del Diseño Visual Diseño Visual • Continuación • ¿Pa´ donde seguirá la línea?
  • 39. https://www.miguelcantu.mba/ Descifrando los negocios digitales 39 Componentes del Diseño Visual Si eres el director de la película, de la gráfica, pero solo en las películas puedes dejar espacio para la imaginación, en la visualización de datos, buscas la certeza y seguridad, (algo predecible) Diseño Visual • Continuación • ¿Pa´ donde seguirá la línea? • No dejes que el cliente haga conjeturas sin indicación tuya
  • 40. https://www.miguelcantu.mba/ Descifrando los negocios digitales 40 Componentes del Diseño Visual Diseño Visual • Similitud • Continuación • Proximidad • Contraste (Fondo y Frente) • Simetría y orden
  • 41. https://www.miguelcantu.mba/ Descifrando los negocios digitales 41 Componentes del Diseño Visual Diseño Visual • Proximidad • Ya se que es obvio, así que si lo haces #increíble
  • 42. https://www.miguelcantu.mba/ Descifrando los negocios digitales 42 Componentes del Diseño Visual Diseño Visual • Similitud • Continuación • Proximidad • Contraste (Fondo y Frente) • Simetría y orden
  • 43. https://www.miguelcantu.mba/ Descifrando los negocios digitales 43 Componentes del Diseño Visual Diseño Visual • Contraste (Fondo y Frente) • Tenemos el fondo (generalmente blanco) • Todo lo que no forma parte de la historia que quieres contar, debe de estar en un segundo plano • Todo lo relevante a la historia, debe de estar en primer plano, con contraste
  • 44. https://www.miguelcantu.mba/ Descifrando los negocios digitales 44 Componentes del Diseño Visual Diseño Visual • Contraste (Fondo y Frente) • Tenemos el fondo (generalmente blanco) • Todo lo que no forma parte de la historia que quieres contar, debe de estar en un segundo plano • Todo lo relevante a la historia, debe de estar en primer plano, con contraste
  • 45. https://www.miguelcantu.mba/ Descifrando los negocios digitales 45 Componentes del Diseño Visual Diseño Visual • Similitud • Continuación • Proximidad • Contraste (Fondo y Frente) • Simetría y orden
  • 46. https://www.miguelcantu.mba/ Descifrando los negocios digitales 46 Componentes del Diseño Visual Diseño Visual • Simetría y orden • El color, contraste, formas y figuras “cobra vida”
  • 47. https://www.miguelcantu.mba/ Descifrando los negocios digitales 47 En Conclusión • Como diseñadores de visualización de datos, estamos compitiendo contra la atención de nuestros clientes, sus percepciones, cultura y predisposiciones, todo lo que es visualización de datos es una ciencia y un arte • Ciencia por los números y mejores practicas en selección de gráficas • Arte porque estamos comunicando con humanos y no hay 2 iguales • Así como en una organización pueden tener gran aceptación y adopción de toma de decisiones basada en datos • Podemos tener a una empresa narcisista que busca cambiar la narrativa de los datos para que encajen con su narrativa intenta • (echado la culpa a los demás, al mercado, justificando o apuntando dedos)
  • 48. https://www.miguelcantu.mba/ Descifrando los negocios digitales 48 Seleccionando la Gráfica Correcta
  • 49. https://www.miguelcantu.mba/ Descifrando los negocios digitales 49 Herramientas Útiles • Enlaces de Interés • www.datavizproject.com
  • 50. https://www.miguelcantu.mba/ Descifrando los negocios digitales 50 Herramientas Útiles • Enlaces de Interés • www.data-to-viz.com
  • 51. https://www.miguelcantu.mba/ Descifrando los negocios digitales 51 Herramientas Útiles • Enlaces de Interés • www.coolors.com • Uno de los errores más comunes es usar los colores de marca de la empresa • El problema es, imagínate, que eres 7Eleven • Tienes verde, naranja y rojo como paleta de colores
  • 52. https://www.miguelcantu.mba/ Descifrando los negocios digitales 52 Consejos Útiles • Consejos • El título debe de informar, no describir • Añade textos contextuales a la gráfica • Menos, es más (cuenta la historia) • Vincula a un objetivo de negocio • La historia se puede resumir a pocas oraciones • Selecciona la gráfica correcta
  • 53. https://www.miguelcantu.mba/ Descifrando los negocios digitales 53 Consejos Útiles • Consejos • El título debe de informar, no describir • Añade textos contextuales a la gráfica • Menos, es más (cuenta la historia) • Vincula a un objetivo de negocio • La historia se puede resumir a pocas oraciones • Selecciona la gráfica correcta
  • 54. https://www.miguelcantu.mba/ Descifrando los negocios digitales 54 Consejos Útiles • Consejos • El título debe de informar, no describir • Añade textos contextuales a la gráfica • Menos, es más (cuenta la historia) • Vincula a un objetivo de negocio • La historia se puede resumir a pocas oraciones • Selecciona la gráfica correcta
  • 55. https://www.miguelcantu.mba/ Descifrando los negocios digitales 55 Consejos Útiles EL DAVID (VS GOLIAT) • Consejos • Algunas plantillas de story telling con datos
  • 56. https://www.miguelcantu.mba/ Descifrando los negocios digitales 56 Consejos Útiles LA SALVACIÓN • Consejos • Algunas plantillas de story telling con datos
  • 57. https://www.miguelcantu.mba/ Descifrando los negocios digitales 57 Consejos Útiles LA TRAICIÓN • Consejos • Algunas plantillas de story telling con datos
  • 58. https://www.miguelcantu.mba/ Descifrando los negocios digitales 58 Consejos Útiles LA VICTORIA • Consejos • Algunas plantillas de story telling con datos
  • 59. https://www.miguelcantu.mba/ Descifrando los negocios digitales 59 Consejos Útiles PERSONAS INFLUEYENTES
  • 60. https://www.miguelcantu.mba/ Descifrando los negocios digitales 60 Consejos Útiles PERSONAS INFLUEYENTES
  • 61. https://www.miguelcantu.mba/ Descifrando los negocios digitales 61 Consejos Útiles PERSONAS INFLUEYENTES
  • 62. https://www.miguelcantu.mba/ Descifrando los negocios digitales 62 Consejos Útiles PERSONAS INFLUEYENTES
  • 63. https://www.miguelcantu.mba/ Descifrando los negocios digitales 63 Data - Storytelling
  • 64. https://www.miguelcantu.mba/ Descifrando los negocios digitales 64 Que es Data-Storytelling • Data-Storytelling: • Data Storytelling Es la capacidad de comunicar eficazmente los conocimientos de un conjunto de datos mediante narraciones y visualizaciones. Puede utilizarse para contextualizar los datos e inspirar la acción de la audiencia. - HBR
  • 65. https://www.miguelcantu.mba/ Descifrando los negocios digitales 65 Que es Data-Storytelling • Data-Storytelling: • Data • Narrativa • Visualización
  • 66. https://www.miguelcantu.mba/ Descifrando los negocios digitales 66 Que es Data-Storytelling • Data • Narrativa • Visualización • El análisis minucioso de datos precisos y completos es la base de su historia de datos. El análisis de los datos mediante un análisis descriptivo, de diagnóstico, predictivo y prescriptivo puede permitirle comprender su imagen completa.
  • 67. https://www.miguelcantu.mba/ Descifrando los negocios digitales 67 Que es Data-Storytelling • Narrativa • Data • Una narración verbal o escrita, también llamada línea argumental, se utiliza para comunicar las ideas extraídas de los datos, el contexto que los rodea y las acciones que se recomiendan y se pretenden inspirar en la audiencia. • Visualización
  • 68. https://www.miguelcantu.mba/ Descifrando los negocios digitales 68 Que es Data-Storytelling • Narrativa • Data • Visualización • Las representaciones visuales de sus datos y su narrativa pueden ser útiles para comunicar su historia de forma clara y memorable. Pueden ser cuadros, gráficos, diagramas, imágenes o vídeos.
  • 69. https://www.miguelcantu.mba/ Descifrando los negocios digitales 69 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto 2. Elegir la visualización apropiada 3. Eliminar la Confusión 4. Centrar la atención 5. Pensar como diseñador 6. Contar la historia Storytelling Sales Revenue Date & Time Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
  • 70. https://www.miguelcantu.mba/ Descifrando los negocios digitales 70 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Análisis exploratorio • Enfocado a descubrir, encontrar, limpiar, configurar los datos • Es la parte pesada, técnica, EVITA mostrar este tipo de análisis a stakeholders Análisis Explicativo • Enfocado a comunicar lo que paso, lo que está pasando o lo que sucederá • Es la parte de storytelling, de insights y de llamados a la acción Tú Jerarquía Conocimiento Técnico CEO CTO CTO Empleado CHRO COO Gerente de Mkt Empleado Esto corresponde a “Quien”
  • 71. https://www.miguelcantu.mba/ Descifrando los negocios digitales 71 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Como” La historia de los 3 minutos 1. El contexto/Problema 2. La hipótesis 3. El Experimento/Análisis 4. Los Resultados
  • 72. https://www.miguelcantu.mba/ Descifrando los negocios digitales 72 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Como” 1. Un grupo de miembros del departamento de ciencias estaba pensando en cómo resolver un problema que tenemos con los alumnos de cuarto curso. Parece que cuando los niños llegan a su primera clase de ciencias, llegan con esta actitud de que va a ser difícil y no les va a gustar. 2. Al principio del año escolar se necesita una buena cantidad de tiempo para superar eso. Así que pensamos, ¿y si intentamos que los niños se acerquen a la ciencia antes? ¿Podemos influir en su percepción?
  • 73. https://www.miguelcantu.mba/ Descifrando los negocios digitales 73 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Como” 3. El verano pasado pusimos a prueba un programa de aprendizaje destinado a hacer precisamente eso. Invitamos a alumnos de primaria y acabamos con un gran grupo de alumnos de segundo y tercer grado. Nuestro objetivo era exponerles antes a la ciencia con la esperanza de que se formaran una percepción positiva. Para comprobar si teníamos éxito, encuestamos a los alumnos antes y después del programa. 4. Descubrimos que, al iniciar el programa, el mayor segmento de estudiantes, el 40%, se sentía simplemente "bien" con respecto a la ciencia, mientras que después del programa, la mayoría de ellos cambió a percepciones positivas, con casi el 70% del total de estudiantes expresando algún nivel de interés hacia la ciencia. Creemos que esto demuestra el éxito del programa y que no sólo debemos seguir ofreciéndolo, sino también ampliar su alcance en el futuro.
  • 74. https://www.miguelcantu.mba/ Descifrando los negocios digitales 74 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Qué” Gran idea: El programa piloto de aprendizaje de verano tuvo éxito en la mejora de la percepción de la ciencia por parte de los estudiantes y, debido a este éxito, recomendamos seguir ofreciéndolo en el futuro; por favor, apruebe nuestro presupuesto para este programa. • Debes articular tu punto de vista diferenciador • Debes transmitir lo que está en juego (Alineado al objetivo de negocio) • Debe ser una frase (máximo 2) algo corto que puedan recordar, entender, re-comunicar
  • 75. https://www.miguelcantu.mba/ Descifrando los negocios digitales 75 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Qué” ¿Cómo puedes lograr esto? Preguntas de consultor • Que información contextual es importante , relevante o esencial • Quien toma las decisiones o quien influye en la toma de decisiones | Que sabemos sobre ellos • Que sesgos cognitivos tiene nuestra audiencia (Que pueda ayudar o `enriesgar´ la comunicación) • Que información está disponible que pueda apoyar a nuestra investigación • Bases de datos externas, libres, internas etc.. • Dónde están los riesgos, Cómo pueden surgir y Cómo podemos mitigarlos • Cómo se verían resultados satisfactorios para esto
  • 76. https://www.miguelcantu.mba/ Descifrando los negocios digitales 76 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto Esto corresponde a “Qué” ¿Cómo puedes lograr esto? Para concluir el primer punto • Ya “contamos la historia”, sin la necesidad de gráficos • Esto es la parte de la Narrativa • Gracias a los datos podemos crear esta narrativa • Gracias a las gráficas podemos mostrar esta narrativa • Es importante diferenciar entre la `visualización´ y el storytelling, son cosas diferentes, pero se complementan • Data • Narrativa • Visualización
  • 77. https://www.miguelcantu.mba/ Descifrando los negocios digitales 77 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto 2. Elegir la visualización apropiada 3. Eliminar la Confusión 4. Centrar la atención 5. Pensar como diseñador 6. Contar la historia Storytelling Sales Revenue Date & Time Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
  • 78. https://www.miguelcantu.mba/ Descifrando los negocios digitales 78 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • ¿Usarías un martillo para abrir un huevo? • Cada gráfica tiene una función o dicho de otra manera… • Cada gráfica facilita la lectura de información visual en función de los datos que tienes
  • 79. https://www.miguelcantu.mba/ Descifrando los negocios digitales 79 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Texto Simple • No subestimes el poder de un solo número • En ocasiones, las gráficas pueden ser excesivas para lo que realmente se quiere comunicar
  • 80. https://www.miguelcantu.mba/ Descifrando los negocios digitales 80 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Tablas • Sirven para comparar números o datos • Especiales para audiencia mixta donde cada quien busca lo que necesita • Por mejores prácticas, intenta hacer diseños minimalistas, que el foco de atención esté en los datos y no en los bordes
  • 81. https://www.miguelcantu.mba/ Descifrando los negocios digitales 81 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Mapa de Calor • Para reducir la carga cognitiva, se puede transformar la tabla a un mapa de calor • Elige colores que contrasten (por ejemplo el 15% de la categoría 1 puede ser difícil de leer para ciertas personas • Asegúrate de que el color tenga algun propósito y por otro lado, informar con leyenda su significado o impacto
  • 82. https://www.miguelcantu.mba/ Descifrando los negocios digitales 82 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Scatterplot • Funcionan para mostrar la relación entre dos variables • Aunque son poco frecuentes, pudiera darse la ocasión para usar una scatterplot en el mundo de los negocios
  • 83. https://www.miguelcantu.mba/ Descifrando los negocios digitales 83 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Gráfico de Líneas • Funciona para mostrar el cambio a lo largo del tiempo y comparar con otros productos/categorías simialres • Debemos de tener cuidado con los ejes • Puede ser mala idea NO empezar en 0 • Puede ser mala idea presentarlo como imagen y cambiar el tamaño de la misma para modificar el impacto
  • 84. https://www.miguelcantu.mba/ Descifrando los negocios digitales 84 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Gráfico de Líneas • Funciona para mostrar el cambio a lo largo del tiempo y comparar con otros productos/categorías simialres • Debemos de tener cuidado con los ejes • Puede ser mala idea NO empezar en 0 • Puede ser mala idea presentarlo como imagen y cambiar el tamaño de la misma para modificar el impacto
  • 85. https://www.miguelcantu.mba/ Descifrando los negocios digitales 85 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Gráfico de Líneas • Funciona para mostrar el cambio a lo largo del tiempo y comparar con otros productos/categorías simialres • Debemos de tener cuidado con los ejes • Puede ser mala idea NO empezar en 0 • Puede ser mala idea presentarlo como imagen y cambiar el tamaño de la misma para modificar el impacto
  • 86. https://www.miguelcantu.mba/ Descifrando los negocios digitales 86 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Gráfico de Líneas • Funciona para mostrar el cambio a lo largo del tiempo y comparar con otros productos/categorías simialres • Debemos de tener cuidado con los ejes • Puede ser mala idea NO empezar en 0 • Puede ser mala idea presentarlo como imagen y cambiar el tamaño de la misma para modificar el impacto
  • 87. https://www.miguelcantu.mba/ Descifrando los negocios digitales 87 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Slopegraph • Son útiles cuando tienes dos periodos de tiempo diferentes y quieres mostrar el cambio • Muestra el cambio y la tendencia de manera rápida y efectiva
  • 88. https://www.miguelcantu.mba/ Descifrando los negocios digitales 88 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras • Se cree que porque son comunes, se deberían de usar menos, pero es todo lo contrario, se deben de usar porque son comunes • Esto significa menos carga cognitiva y más poder para el análisis e interpretación de tus clientes • Pero debemos de evitar decir mentiras con la estadística (Libro “How to lie with statistics”)
  • 89. https://www.miguelcantu.mba/ Descifrando los negocios digitales 89 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras • Se cree que porque son comunes, se deberían de usar menos, pero es todo lo contrario, se deben de usar porque son comunes • Esto significa menos carga cognitiva y más poder para el análisis e interpretación de tus clientes • Pero debemos de evitar decir mentiras con la estadística (Libro “How to lie with statistics”)
  • 90. https://www.miguelcantu.mba/ Descifrando los negocios digitales 90 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras • Se puede elegir borrar la información de los ejes, siempre y cuando no haga diluya el mensaje de comunicación • Pero debemos de evitar decir mentiras con la estadística (Libro “How to lie with statistics”)
  • 91. https://www.miguelcantu.mba/ Descifrando los negocios digitales 91 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras • También se pueden agregar otras barras para crear comparativas entre ellas • De nuevo, todo depende de lo que buscas comunicar
  • 92. https://www.miguelcantu.mba/ Descifrando los negocios digitales 92 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras apiladas • El uso de las barras apiladas son un poco mas limitadas, te permiten comparar diferentes totales y sus subcomponentes • Se pueden volver muy complejas y `pesadas´ muy rápido, si se tiene más de X categorías será difícil de dar lectura
  • 93. https://www.miguelcantu.mba/ Descifrando los negocios digitales 93 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras de Cascada • La gráfica de cascada te permite visualizar los cambios que hubieron en un gráfico de barras • No tanto función de tiempo, pero si en función de composición, incrementos o decrementos
  • 94. https://www.miguelcantu.mba/ Descifrando los negocios digitales 94 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barras Horizontales • Una de las gráficas más utilizadas, porque son muy sencillas de leer • Útiles también cuando los nombres de las categorías son muy largos (más complejo en las verticales) • También son fáciles de leer porque acostumbramos (Convención) a leer de Izquierda a derecha y de arriba hacia abajo
  • 95. https://www.miguelcantu.mba/ Descifrando los negocios digitales 95 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Barra Horizontal Apilada • Similar a la barra vertical apilada, te permite ver los subcomponentes de una categoría • Lo podemos acoplar a un 100% o su valor absoluto
  • 96. https://www.miguelcantu.mba/ Descifrando los negocios digitales 96 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Gráfico Circular • Como humanos, somos malos para identificar ángulos • A parte, es difícil estimar que tanto más “grande” es un pedazo del pastel que el otro • Y por si fuera poco, como mostrarías el cambio de un periodo vs otro y ocupan mucho espacio • Si le metes más y más texto para explicar tu mensaje, rompes el propósito de “Visualización” a. Evita utilizar las siguientes gráficas
  • 97. https://www.miguelcantu.mba/ Descifrando los negocios digitales 97 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • Ejes secundarios • Se ven profesional, pero complican la lectura, tomando más esfuerzo mental y reduciendo el interés por el mensaje (mueves mucho los ojos) • Existen alternativas a. Evita utilizar las siguientes gráficas
  • 98. https://www.miguelcantu.mba/ Descifrando los negocios digitales 98 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 2. Elegir la visualización apropiada • En conclusión • En la mayoría de los casos, no hay una única correcta gráfica para lo que quieres hacer, no es un examen donde hay una respuesta correcta • De hecho preguntar ¿Cuál es la gráfica correcta? Es una mala pregunta • Las preguntas correctas son • ¿Qué necesita saber mi cliente? • ¿Con qué gráfica entenderá mas fácil y rápido mi cliente? • Haz pruebas, muestra tus gráficos a colegas o amigos y que te platican su UX/CJ sobre tu diseño visual • Qué vieron primero, que les llama la atención, que entienden de la gráfica….
  • 99. https://www.miguelcantu.mba/ Descifrando los negocios digitales 99 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 1. Entender el contexto 2. Elegir la visualización apropiada 3. Eliminar la Confusión 4. Centrar la atención 5. Pensar como diseñador 6. Contar la historia Storytelling Sales Revenue Date & Time Factor 1 Factor 2 Factor 3 Factor 4 Factor 5
  • 100. https://www.miguelcantu.mba/ Descifrando los negocios digitales 10 0 Storytelling En 6 Pasos Understand | Choose | Eliminate | Focus | Think | Tell 3. Eliminar la Confusión
  • 101. https://www.miguelcantu.mba/ Descifrando los negocios digitales 101 Mejores Prácticas con ST
  • 102. https://www.miguelcantu.mba/ Descifrando los negocios digitales 10 2 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 104. https://www.miguelcantu.mba/ Descifrando los negocios digitales 104 Iniciando con Power BI
  • 105. https://www.miguelcantu.mba/ Descifrando los negocios digitales 10 5 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 107. https://www.miguelcantu.mba/ Descifrando los negocios digitales 107 Sesión de Trabajo Propuesta de Tablero
  • 108. https://www.miguelcantu.mba/ Descifrando los negocios digitales 10 8 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 110. https://www.miguelcantu.mba/ Descifrando los negocios digitales 110 Avances de Propuesta de Tablero
  • 111. https://www.miguelcantu.mba/ Descifrando los negocios digitales 111 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 113. WHAT IS LOREM IPSUM? https://www.miguelcantu.mba/ Descifrando los negocios digitales 11 3 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 114. https://www.miguelcantu.mba/ Descifrando los negocios digitales 11 4 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Your Title Here Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Your Title Here Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Your Title Here Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Your Title Here
  • 115. WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. https://www.miguelcantu.mba/ Descifrando los negocios digitales 115 What is Lorem Ipsum? ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text
  • 116. https://www.miguelcantu.mba/ Descifrando los negocios digitales 11 6 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • 118. https://www.miguelcantu.mba/ Descifrando los negocios digitales 11 8 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, What is lorem ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, What is lorem ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, What is lorem ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, What is lorem ipsum?
  • 119. WHAT IS LOREM IPSUM? ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, https://www.miguelcantu.mba/ Descifrando los negocios digitales 119 Lorem Ipsum is simply dummy text
  • 120. WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. What is Lorem Ipsum? ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text What is Lorem Ipsum? ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 0
  • 121. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 1 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  • 122. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 2 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. Best Service Of Us Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
  • 123. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 3 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, What is Lorem Ipsum? What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  • 124. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 4 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  • 125. https://www.miguelcantu.mba/ Descifrando los negocios digitales 12 5 WHAT IS LOREM IPSUM? Lorem Ipsum is simply dummy text ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, ◉ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
  • 126. THANK YOU Looking Forward to Connecting! https://www.miguelcantu.mba/ Descifrando los negocios digitales Juarez 1102, Int. 3204 Col. Centro Monterrey, NL 81 10 60 88 84 hola@miguelcantu.mba www.miguelcantu.mba 12 6