VIZSTORYTELLING

Sandra Becker MAD 06/2018

CryptoSandra

INTRO

 

SESSION01

 

CryptoSandra

Cuéntame algo , algo nuevo, algo interesante...
pero dímelo rápidamente

 

“Pero, mira los datos , no los puedes ver... la historia, que te cuentan ellos.”

SESSION01

 

CryptoSandra

OBJECTIVES

 

SESSION02

 

CryptoSandra

Mostrar resultados
 

SESSION02

 

CryptoSandra

enseñar modelos
 

SESSION02

 

CryptoSandra

provocar refelxion
 

SESSION02

 

CryptoSandra

provocar refelxion
 

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

data scientist
consultant

SESSION02

 

CryptoSandra

AUDIENCE

 

SESSION03

 

CryptoSandra

conocimiento previo

 
 

​sea técnico o de negocio, determina el estilo, contenido etc. de la historia. 

SESSION03

 

CryptoSandra

expectativas

 
 

Interés general sobre la temática o tener un mayor engagement en los datos para posibilitar una toma de decisión en base a la historia. 

SESSION03

 

CryptoSandra

CREATION

 

SESSION04

 

CryptoSandra

01 poner en contexto

 
 

SESSION04

 

CryptoSandra

02 LA HISTORIA EMPIEZA ...

 

SESSION04

 

CryptoSandra

03 CREAR TENSIÓN

 
 

SESSION04

 

CryptoSandra

04 proponer resolución

 
 

SESSION04

 

CryptoSandra

data scientist
visual expert

SESSION04

 

CryptoSandra

data scientist
visual expert

SESSION04

 

CryptoSandra

data scientist
visual expert

SESSION04

 

CryptoSandra

visual analysis
data scientist
visual expert

SESSION04

 

CryptoSandra

VISUAL LANGUAGE

 

SESSION05

 

CryptoSandra

Colores para actores

 

SESSION05

 

CryptoSandra

cada actor de la pelicula representado por un color unico. 

 
 

Ningún elemento visual tiene tanto poder a la hora de identificar y reverenciar ciertos elementos.   
   

SESSION05

 

CryptoSandra

fromas para eventos

 

SESSION05

 

CryptoSandra

formatos que representan eventos del viaje

 
 

Para mostrar eventos o circumsantancias se se usan diferentes formatos visuales. Un visual enconding que viene de los inforgrafics. 
   

SESSION05

 

CryptoSandra

Patrones como historias

 

SESSION05

 

CryptoSandra

patrones fuerzan el humano a buscar explicaCiones.

 

Como humanos intentamos obtener el sentido de lo que vemos, por lo tanto es casi un instinto crear una historia que nos explique los patrones que vemos. 
   

SESSION05

 

CryptoSandra

patrones fuerzan el humano a buscar explicaCiones.

 

Como humanos intentamos obtener el sentido de lo que vemos, por lo tanto es casi un instinto crear una historia que nos explique los patrones que vemos. 
   

SESSION05

 

CryptoSandra

COLORES Y FORMATOS SON LOS ELEMENTOS VISUALES QUE DEJAN VER PATRONES.

 

En base al codigo de colores y del flujo de lineas cada ciudad obtiene su propio patron que representa su historia.  
   

SESSION05

 

CryptoSandra

CONCEPTS

 

SESSION06

 

CryptoSandra

 

author driven

 

Viewer driven

Una historia 
Muchos mensajes 
Linear 
Estatico 
Eficiente 
Descubrir historia 
No mensajes 
No linear 
Interactivo 

 

Abierto

 

CryptoSandra

SESSION06

 

 

author driven

 

Viewer driven

CryptoSandra

SESSION06

 

CryptoSandra

SESSION06

 

keep scrolling

 
 

Con cada “scroll” recompensa con un nuevo contenido. 

El Autor expresa su historia y el usuario tiene cierto control pero no hace falta que se esfuerza mucho. 

CryptoSandra

SESSION06

 

Periodismo de datos I

 
 

Provocar reflexión sobre el concepto de elecciones.  
   

CryptoSandra

SESSION06

 

Periodismo de datos II

 
 

Provocar reflexión sobre tu consumo del agua.  
   

CryptoSandra

SESSION06

 

visual essay

 
 

¿De verdad son hombres blancos los que dominan las conversaciones en las películas?  

CryptoSandra

SESSION06

 

mundo de analisis

 
 

Entender los factores que influyen al calentamiento global. 
   

CryptoSandra

SESSION06

 

CryptoSandra

SESSION06

 

Study results

 
 

¿Cómo se intercambian de móviles? ¿Cómo se lee un CHORD? 
   

CryptoSandra

SESSION06

 

Discovery

 
 

¿Cómo es el universo en que vivimos - y cómo se relaciona?    
        
            
            
                
            
            
                
            
        

CryptoSandra

SESSION06

 

Refelxión

 
 

¿Quien esta detrás de los números de los muertos por arma.    
        
            
            
                
            
            
                
            
        

CryptoSandra

SESSION06

 

CryptoSandra

SESSION06

 

author

 
 

viewer

 
 

Interactuar y explorar 

 

   
Crear el mundo de exploración, explica el contexto.  

 

   

CryptoSandra

SESSION06

 

timeline y filtros

 
 

¿Como se evalúa el gusto de musical?  
   

CryptoSandra

SESSION06

 

complejidad y click

 
 

¿Cómo están connectados los royales entre ellos? 
   

CryptoSandra

SESSION06

 

SESSION07

 

CryptoSandra

MUST HAVE

 

Personalización

 

SESSION07

 

CryptoSandra

refErencia con tu vida, experiencias y impresiones.

 
 

En este ejemplo, el autor presenta visualmente sus vacaciones. Estas empujan a una reflexión sobre su propia vida.    
   

SESSION07

 

CryptoSandra

A traves de la experiencia perSonalizada

 
 

En este articulo el autor se siente animado a crear una visualización por su pasión y curiosidad de la obra Hamilton.  
   

SESSION07

 

CryptoSandra

Belleza

 

SESSION07

 

CryptoSandra

Colores Son el marquillaje de la visualización.

 
 

SESSION07

 

CryptoSandra

visualización de datos como/es arte.

 
 

SESSION07

 

CryptoSandra

Emoción

 

SESSION07

 

CryptoSandra

humanizacion de datos

 
 

SESSION07

 

CryptoSandra

SESSION08

 

CryptoSandra

NEW MEDIA

 

gif

 

SESSION08

 

CryptoSandra

Animación tipo video.

 
 

Los Gifs sirven perfectamente para contar una historia corta como la animación tiene la función de un video.    

SESSION08

 

CryptoSandra

3D Viz

 

SESSION08

 

CryptoSandra

3D Más dimension para contar

 
 

Las visualizaciones en 3D ofrecen un nuevo layer de información (visual), lo cual esta conectado con lo demás y sirve perfectamente para contar eficientemente una historia.  
   

SESSION08

 

CryptoSandra

SESSION09

 

CryptoSandra

INSPIRACIÓN

 

podcast

 
 

Se presentan varios ejemplos que explican el mundo del visual storytelling.  
   

SESSION09

 

CryptoSandra

Conference videos

 
 

La primera conferencia solamente sobre el tema de visual storytelling.   
   

SESSION09

 

CryptoSandra

SESSION10

 

CryptoSandra

WORKSHOP

 

1. Investiga el proyecto

2. Encuentra una historia

3. Que elementos visuales se usa? 

4. Que aspectos te cuesta entender?

5. Te ha gustado el proyecto?

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

SESSION10

 

CryptoSandra

"Aaron’s unique quality was

that he was marvellously and vigorously different.

There is a scarcity of that.

Perhaps we can be all

a little more

different too."

 

Edward R. Tufte about Aaron Swartz

CryptoSandra

VIZSTORYTELLING

By Sandra Becker

VIZSTORYTELLING

A talk in english PyConCZ https://www.youtube.com/watch?v=xtyA-lqXMPI A talk in spanish at the D3.js meet-up in Madrid https://www.youtube.com/watch?v=OexDxfbFD38

  • 928
Loading comments...

More from Sandra Becker