VISUAL DATA:
ESTRATEGIAS PARA INTERPRETAR
LA INFORMACIÓN
SLASHFRIDAY 2019
CONTEXTO
@ slashmobility | @lora_strong
C O N T E X T O 
PEOPLE
 WORLD
@ slashmobility | @lora_strong
C O N T E X T O 
INTERACCIÓN
@ slashmobility | @lora_strong
C O N T E X T O 
INTERACCIÓN
EROSIÓN HUMANA
@ slashmobility | @lora_strong
C O N T E X T O 
INTERACCIÓN
EROSIÓN HUMANA
DATOS
@ slashmobility | @lora_strong
C O N T E X T O 
Cada hospital generará 3.000GB 
de data al día.
En 2020…
@ slashmobility | @lora_strong
C O N T E X T O 
Se generarán 1.7 MB
de nueva información al segundo 
procedente de cada humano del planeta.
En 2020…
@ slashmobility | @lora_strong
C O N T E X T O 
“Knowledge is power”
Francis Bacon
@ slashmobility | @lora_strong
C O N T E X T O 
La información te ayuda a entender :


COMPORTAMIENTOS

PENSAMIENTOS

CULTURAS
@ slashmobility | @lora_strong
C O N T E X T O 
La información te facilita:


CONOCER NECESIDADES

GENERAR VALOR

VENTAJA COMPETITIVA
PROBLEMA
@ slashmobility | @lora_strong
P R O B L E M A 
Más del 99.5% de toda esa data
no se analizará ni usará jamás.
A día de hoy…
@ slashmobility | @lora_strong
P R O B L E M A 
PEOPLE
DATA
Flujos
-
USER
INFORMATION
PRODUCT
@ slashmobility | @lora_strong
P R O B L E M A 
PEOPLE
DATA
Flujos
-
USER
INFORMATION
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
USER
INFORMATION
PRODUCT
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
USER
INFORMATION
RESEARCH
PEOPLE
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
PRODUCT
 USER
INFORMATION
TECH
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
PRODUCT
 USER
INFORMATION
PEOPLE
DATA
VISUALIZATION
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
PRODUCT
 USER
INFORMATION
PEOPLE
KNOWLEDGE
@ slashmobility | @lora_strong
P R O B L E M A 
DATA
Flujos
-
PRODUCT
 USER
INFORMATION
PEOPLE
SOLUTION
SOLUCIÓN
@ slashmobility | @lora_strong
Visual Data
SOLUCIÓN
@ slashmobility | @lora_strong
S O L U C I Ó N 
“Visualization gives you 
answers to questions 
you didn’t know you had”
BEN SCNEIDERMAN
@ slashmobility | @lora_strong
S O L U C I Ó N : P R O C E S O S
@ slashmobility | @lora_strong
V I S U A L D A T A 
Visualization
means
Communication.
-
@ slashmobility | @lora_strong
V I S U A L D A T A 
Visualization means 
Communication
-
DATA 
VISUALIZATION
COMMUNICATION.
VISUALIZATION
=
COMMUNICATION
@ slashmobility | @lora_strong
V I S U A L D A T A 
Visual makes data accesible
VISUALIZATION = COMMUNICATION
@ slashmobility | @lora_strong
V I S U A L D A T A 
“An image is worth
a thousand words. 
Fred R. Barnard (1927)
@ slashmobility | @lora_strong
V I S U A L D A T A 
“Humans are
visual animals”
Steven Pinker
@ slashmobility | @lora_strong
Procesos
SOLUCIÓN
@ slashmobility | @lora_strong
S O L U C I Ó N 
4 V’s of Big data
-
@ slashmobility | @lora_strong
S O L U C I Ó N 
Nuestro cerebro es una máquina
detectora de patrones:
TENDENCIAS
 BRECHAS
 EXCEPCIONES
@ slashmobility | @lora_strong
S O L U C I Ó N : P R O C E S O S 
¿Qué hacer con tu data?
-
@ slashmobility | @lora_strong
S O L U C I Ó N 
VISUALIZATION PROCESS:
@ slashmobility | @lora_strong
S O L U C I Ó N 
PURPOSE
_
Comparación
Cambio
Correlación
Composición
Geografía
@ slashmobility | @lora_strong
S O L U C I Ó N 
PURPOSE
_
Comparación
Cambio
Correlación
Composición
Geografía
https://nbremer.github.io/babynames/
@ slashmobility | @lora_strong
S O L U C I Ó N 
PURPOSE
_
Comparación
Cambio
Correlación
Composición
Geografía
@ slashmobility | @lora_strong
S O L U C I Ó N 
PURPOSE
_
Comparación
Cambio
Correlación
Composición
Geografía
http://domesticstreamers.com/case-study/the-city-lab/
@ slashmobility | @lora_strong
S O L U C I Ó N 
Geografía
PURPOSE
_
Comparación
Cambio
Correlación
Composición
@ slashmobility | @lora_strong
S O L U C I Ó N 
PROPIEDADES GRÁFICAS
LONGITUD
POSICIÓN
 ORIENTACIÓN
 FORMA
COLOR Y TEXTURA
VOLUMEN
 ÁREA
@ slashmobility | @lora_strong
S O L U C I Ó N 
COLOR MAPPING
ORDINAL
CUANTITATIVO
 NOMINAL
Secuencial
 Divergente
Liberal demócrata
Conservador
Laborista
@ slashmobility | @lora_strong
S O L U C I Ó N 
VER INTERACCIÓN
CON PRODUCTO
INVESTIGAR
AL USUARIO
DETERMINAR
OUTPUTS
DESIGN
@ slashmobility | @lora_strong
Y ahora, ¿qué?
SOLUCIÓN
@ slashmobility | @lora_strong
S O L U C I Ó N
@ slashmobility | @lora_strong
S O L U C I Ó N
@ slashmobility | @lora_strong
S O L U C I Ó N : F U N N E L D E D A T A 
RESEARCH
 BIG DATA
 USERS
PREGUNTA
/ RETO
INFORMACIÓN
 CONOCIMIENTO
EXPERIENCIA
PRODUCTO
COMPRENSIÓN
MUCHAS PERSONAS
A PREGUNTAR…
…PARA RESPONDER
A OTRAS MUCHA MÁS
@ slashmobility | @lora_strong
S O L U C I Ó N : F U N N E L S D E D E S I G N T H I N K I N G 
DESCUBRIR
 DEFINIR
 IDEAR
 CONCEPTUALIZAR
PREGUNTA
/ RETO
OPORTUNIDAD
 CONCEPTO
FUNCIONAL
¿QUÉ?
 ¿CÓMO?
@ slashmobility | @lora_strong
F U N N E L S D E D E S I G N T H I N K I N G 
IDEAR
 CONCEPTUALIZAR
PREGUNTA
/ RETO
OPORTUNIDAD
 CONCEPTO
FUNCIONAL
¿QUÉ?
 ¿CÓMO?
RESEARCH
 BIG DATA
@ slashmobility | @lora_strong
N U E S T R A M E T O D O L O G Í A 
¿QUÉ?
 ¿CÓMO?
SOLUCIÓN
DATA REPORT
+
@ slashmobility | @lora_strong
Casos
de éxito
SOLUCIÓN
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
DOMESTIC DATA STREAMERS
_
Investigar sobre la
compasión de las personas
Pared física: los vianantes mostraban
su opinión con tiza e hilo según su
nivel de compasión y su edad
Demostración física de correlación
entre el ánimo y la hora del día en una
pared de BCN / Interacción real
NECESIDAD
 PROCESO
 RESULTADO
https://vimeo.com/76894821
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
SPOTIFY
_
Los gustos musicales de su
target en cada país
Registro y orden de canciones según
el nº de escuchas realizadas por lugar
Representación geográfica de las
canciones de más éxito
Inspiración para escuchar su
producto por correlación
NECESIDAD
 PROCESO
 RESULTADO
https://spotifymaps.github.io/
musicalcities/
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
IBM: THINK
_
100 años de IBM
Equilibrio vida - trabajo
Recopilación de data de empleados y
clientes de IBM a través de sus años
de trayectoria
Interactive wall en NY

NECESIDAD
 PROCESO
 RESULTADO
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
NETFLIX
_
65 millones de miembros
en 50 países
=
100 millón horas / día
Recomendaciones según gustos
Personalización por países
Fidelización y captación
Buena UX
Nuevas producciones
DATOS
 CÓMO APLICA
 BENEFICIOS
https://spotifymaps.github.io/
musicalcities/
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
UBER
_
450 ciudades
75 millones de usuarios
3 millones de conductores
Precio dinámico
Rating de tu conductor
Mejor ruta
Superposición a taxistas
Fidelización

DATOS
 CÓMO APLICA
 RESULTADO
@ slashmobility | @lora_strong
C A S O S D E É X I T O 
AMAZON
_
300 millones usuarios
$177.9 billones
Cyber monday
Recomendaciones de otros productos
Investigación de tendencias
Tomas de decisión
Digitalización pura
Gigante

DATOS
 CÓMO APLICA
 RESULTADO
@ slashmobility | @lora_strong
Tips
SOLUCIÓN
@ slashmobility | @lora_strong
T I P S 
¡IMPORTANTE!
Harry Beck (1931)
Visual Data e Infografías
no son lo mismo.

Eventbrite (ayer)
@ slashmobility | @lora_strong
T I P S 
1. Dar más info
visual que textual
-
S. ILLENBERGER; “THE TRUTH ABOUT SEX”
@ slashmobility | @lora_strong
T I P S 
Proporciona
contexto
-
@Colorseffects, ‘El gran hotel Budapest’
https://thecolorsofmotion.com/
@ slashmobility | @lora_strong
T I P S 
Prioriza los detalles
importantes
-
VARHATIUK, K. “Cryptocurrency exchange”
@ slashmobility | @lora_strong
T I P S 
Tener claro
lo que quieres
comunicar
-
PLU, A. “Financial goals”.
@ slashmobility | @lora_strong
¿Dudas?
MUCHAS GRACIAS,

Slashfriday Visual Data, estrategias para interpretar la información

  • 1.
    VISUAL DATA: ESTRATEGIAS PARAINTERPRETAR LA INFORMACIÓN SLASHFRIDAY 2019
  • 2.
  • 3.
    @ slashmobility |@lora_strong C O N T E X T O PEOPLE WORLD
  • 4.
    @ slashmobility |@lora_strong C O N T E X T O INTERACCIÓN
  • 5.
    @ slashmobility |@lora_strong C O N T E X T O INTERACCIÓN EROSIÓN HUMANA
  • 6.
    @ slashmobility |@lora_strong C O N T E X T O INTERACCIÓN EROSIÓN HUMANA DATOS
  • 7.
    @ slashmobility |@lora_strong C O N T E X T O Cada hospital generará 3.000GB de data al día. En 2020…
  • 8.
    @ slashmobility |@lora_strong C O N T E X T O Se generarán 1.7 MB de nueva información al segundo procedente de cada humano del planeta. En 2020…
  • 9.
    @ slashmobility |@lora_strong C O N T E X T O “Knowledge is power” Francis Bacon
  • 10.
    @ slashmobility |@lora_strong C O N T E X T O La información te ayuda a entender : COMPORTAMIENTOS PENSAMIENTOS CULTURAS
  • 11.
    @ slashmobility |@lora_strong C O N T E X T O La información te facilita: CONOCER NECESIDADES GENERAR VALOR VENTAJA COMPETITIVA
  • 12.
  • 13.
    @ slashmobility |@lora_strong P R O B L E M A Más del 99.5% de toda esa data no se analizará ni usará jamás. A día de hoy…
  • 14.
    @ slashmobility |@lora_strong P R O B L E M A PEOPLE DATA Flujos - USER INFORMATION PRODUCT
  • 15.
    @ slashmobility |@lora_strong P R O B L E M A PEOPLE DATA Flujos - USER INFORMATION
  • 16.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - USER INFORMATION PRODUCT
  • 17.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - USER INFORMATION RESEARCH PEOPLE
  • 18.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - PRODUCT USER INFORMATION TECH
  • 19.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - PRODUCT USER INFORMATION PEOPLE DATA VISUALIZATION
  • 20.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - PRODUCT USER INFORMATION PEOPLE KNOWLEDGE
  • 21.
    @ slashmobility |@lora_strong P R O B L E M A DATA Flujos - PRODUCT USER INFORMATION PEOPLE SOLUTION
  • 22.
  • 23.
    @ slashmobility |@lora_strong Visual Data SOLUCIÓN
  • 24.
    @ slashmobility |@lora_strong S O L U C I Ó N “Visualization gives you answers to questions you didn’t know you had” BEN SCNEIDERMAN
  • 25.
    @ slashmobility |@lora_strong S O L U C I Ó N : P R O C E S O S
  • 26.
    @ slashmobility |@lora_strong V I S U A L D A T A Visualization means Communication. -
  • 27.
    @ slashmobility |@lora_strong V I S U A L D A T A Visualization means Communication - DATA VISUALIZATION COMMUNICATION. VISUALIZATION = COMMUNICATION
  • 28.
    @ slashmobility |@lora_strong V I S U A L D A T A Visual makes data accesible VISUALIZATION = COMMUNICATION
  • 29.
    @ slashmobility |@lora_strong V I S U A L D A T A “An image is worth a thousand words. Fred R. Barnard (1927)
  • 30.
    @ slashmobility |@lora_strong V I S U A L D A T A “Humans are visual animals” Steven Pinker
  • 31.
    @ slashmobility |@lora_strong Procesos SOLUCIÓN
  • 32.
    @ slashmobility |@lora_strong S O L U C I Ó N 4 V’s of Big data -
  • 33.
    @ slashmobility |@lora_strong S O L U C I Ó N Nuestro cerebro es una máquina detectora de patrones: TENDENCIAS BRECHAS EXCEPCIONES
  • 34.
    @ slashmobility |@lora_strong S O L U C I Ó N : P R O C E S O S ¿Qué hacer con tu data? -
  • 35.
    @ slashmobility |@lora_strong S O L U C I Ó N VISUALIZATION PROCESS:
  • 36.
    @ slashmobility |@lora_strong S O L U C I Ó N PURPOSE _ Comparación Cambio Correlación Composición Geografía
  • 37.
    @ slashmobility |@lora_strong S O L U C I Ó N PURPOSE _ Comparación Cambio Correlación Composición Geografía https://nbremer.github.io/babynames/
  • 38.
    @ slashmobility |@lora_strong S O L U C I Ó N PURPOSE _ Comparación Cambio Correlación Composición Geografía
  • 39.
    @ slashmobility |@lora_strong S O L U C I Ó N PURPOSE _ Comparación Cambio Correlación Composición Geografía http://domesticstreamers.com/case-study/the-city-lab/
  • 40.
    @ slashmobility |@lora_strong S O L U C I Ó N Geografía PURPOSE _ Comparación Cambio Correlación Composición
  • 41.
    @ slashmobility |@lora_strong S O L U C I Ó N PROPIEDADES GRÁFICAS LONGITUD POSICIÓN ORIENTACIÓN FORMA COLOR Y TEXTURA VOLUMEN ÁREA
  • 42.
    @ slashmobility |@lora_strong S O L U C I Ó N COLOR MAPPING ORDINAL CUANTITATIVO NOMINAL Secuencial Divergente Liberal demócrata Conservador Laborista
  • 43.
    @ slashmobility |@lora_strong S O L U C I Ó N VER INTERACCIÓN CON PRODUCTO INVESTIGAR AL USUARIO DETERMINAR OUTPUTS DESIGN
  • 44.
    @ slashmobility |@lora_strong Y ahora, ¿qué? SOLUCIÓN
  • 45.
    @ slashmobility |@lora_strong S O L U C I Ó N
  • 46.
    @ slashmobility |@lora_strong S O L U C I Ó N
  • 47.
    @ slashmobility |@lora_strong S O L U C I Ó N : F U N N E L D E D A T A RESEARCH BIG DATA USERS PREGUNTA / RETO INFORMACIÓN CONOCIMIENTO EXPERIENCIA PRODUCTO COMPRENSIÓN MUCHAS PERSONAS A PREGUNTAR… …PARA RESPONDER A OTRAS MUCHA MÁS
  • 48.
    @ slashmobility |@lora_strong S O L U C I Ó N : F U N N E L S D E D E S I G N T H I N K I N G DESCUBRIR DEFINIR IDEAR CONCEPTUALIZAR PREGUNTA / RETO OPORTUNIDAD CONCEPTO FUNCIONAL ¿QUÉ? ¿CÓMO?
  • 49.
    @ slashmobility |@lora_strong F U N N E L S D E D E S I G N T H I N K I N G IDEAR CONCEPTUALIZAR PREGUNTA / RETO OPORTUNIDAD CONCEPTO FUNCIONAL ¿QUÉ? ¿CÓMO? RESEARCH BIG DATA
  • 50.
    @ slashmobility |@lora_strong N U E S T R A M E T O D O L O G Í A ¿QUÉ? ¿CÓMO? SOLUCIÓN DATA REPORT +
  • 51.
    @ slashmobility |@lora_strong Casos de éxito SOLUCIÓN
  • 52.
    @ slashmobility |@lora_strong C A S O S D E É X I T O DOMESTIC DATA STREAMERS _ Investigar sobre la compasión de las personas Pared física: los vianantes mostraban su opinión con tiza e hilo según su nivel de compasión y su edad Demostración física de correlación entre el ánimo y la hora del día en una pared de BCN / Interacción real NECESIDAD PROCESO RESULTADO https://vimeo.com/76894821
  • 53.
    @ slashmobility |@lora_strong C A S O S D E É X I T O SPOTIFY _ Los gustos musicales de su target en cada país Registro y orden de canciones según el nº de escuchas realizadas por lugar Representación geográfica de las canciones de más éxito Inspiración para escuchar su producto por correlación NECESIDAD PROCESO RESULTADO https://spotifymaps.github.io/ musicalcities/
  • 54.
    @ slashmobility |@lora_strong C A S O S D E É X I T O IBM: THINK _ 100 años de IBM Equilibrio vida - trabajo Recopilación de data de empleados y clientes de IBM a través de sus años de trayectoria Interactive wall en NY NECESIDAD PROCESO RESULTADO
  • 55.
    @ slashmobility |@lora_strong C A S O S D E É X I T O NETFLIX _ 65 millones de miembros en 50 países = 100 millón horas / día Recomendaciones según gustos Personalización por países Fidelización y captación Buena UX Nuevas producciones DATOS CÓMO APLICA BENEFICIOS https://spotifymaps.github.io/ musicalcities/
  • 56.
    @ slashmobility |@lora_strong C A S O S D E É X I T O UBER _ 450 ciudades 75 millones de usuarios 3 millones de conductores Precio dinámico Rating de tu conductor Mejor ruta Superposición a taxistas Fidelización DATOS CÓMO APLICA RESULTADO
  • 57.
    @ slashmobility |@lora_strong C A S O S D E É X I T O AMAZON _ 300 millones usuarios $177.9 billones Cyber monday Recomendaciones de otros productos Investigación de tendencias Tomas de decisión Digitalización pura Gigante DATOS CÓMO APLICA RESULTADO
  • 58.
    @ slashmobility |@lora_strong Tips SOLUCIÓN
  • 59.
    @ slashmobility |@lora_strong T I P S ¡IMPORTANTE! Harry Beck (1931) Visual Data e Infografías no son lo mismo. Eventbrite (ayer)
  • 60.
    @ slashmobility |@lora_strong T I P S 1. Dar más info visual que textual - S. ILLENBERGER; “THE TRUTH ABOUT SEX”
  • 61.
    @ slashmobility |@lora_strong T I P S Proporciona contexto - @Colorseffects, ‘El gran hotel Budapest’ https://thecolorsofmotion.com/
  • 62.
    @ slashmobility |@lora_strong T I P S Prioriza los detalles importantes - VARHATIUK, K. “Cryptocurrency exchange”
  • 63.
    @ slashmobility |@lora_strong T I P S Tener claro lo que quieres comunicar - PLU, A. “Financial goals”.
  • 64.
    @ slashmobility |@lora_strong ¿Dudas?
  • 65.