visual information_neutral
TRANSCRIPT
*Visual information
*
Hello!
dudes…
why are we
here?
Hey! There is a message here! Look at me!
Let’s
make it
easier
+
design
charts
examples
questions
A little bit of context
Research Identify Structure Detail Visualize
The action plan
Research Identify Structure Detail Visualize
Research Identify Structure Detail Visualize
Research Identify Structure Detail Visualize
Research Identify Structure Detail Visualize
Research Identify Structure Detail Visualize
ab cdef
abcde fghijklmn
abcd efghijkl
ab cd
a b
Research Identify Structure Detail Visualize
ab cdef
abcde fghijklmn
abcd efghijkl
ab cd
a b
Mistake 1
The first one is to convert the powerpoint in our main verbal speech, putting all the text there and just reading out loud.
• (and no, bullet points help)
That is not a presentation: that is a public reading session, and it leads to boredom.
Mistake 2
• Our sales have increased 100% • That means we are 100% reacher! • Market expectactions are so good • A destiny of health and luxury await us (Quotations from Wonderland
two different speeches of the same lingüistic nature; it leads to confusion .
a a
a b
a a
Research Identify Structure Detail Visualize
The action plan
design
Photos
“It only takes
a photo and a quote
to create a
cool slide”
“It only takes a photo and a quote to create a
cool slide”
“It only takes a photo and a quote to create a
cool slide”
“It only takes a photo and a quote to create a
cool slide”
“It only takes
a photo and a quote
to create a
cool slide”
So… where do I get my stuff?
icons
Abstraction is universal
A
B
C D
E
What a difference
A makes!
Keep loyal: avoid mixing
colors
composition
Set a focus
where should I look at?
GROUP
MINI PROBLEM
1
MINI PROBLEM
2
MINI PROBLEM
3
Group by proximity
Group by attributes
Group by connections
HIERARCHYZE
MEGA PROBLEM
TO BE CONSIDE
RED
NO ONE
CARES
NO ONE
CARES
Hierarchy by size
Hierarchy by attributes
animation
A natural storyboard
Smoothly follow your voice
Las escaleras se suben de frente, pues hacia atrás o de costado resultan particularmente incómodas.
La actitud natural consiste en mantenerse de pie, los brazos colgando sin esfuerzo, la cabeza erguida aunque no tanto que los ojos dejen de ver los peldaños inmediatamente superiores al que se pisa, y respirando lenta y regularmente.
Para subir una escalera se comienza por levantar esa parte del cuerpo situada a la derecha abajo, envuelta casi siempre en cuero o gamuza, y que salvo excepciones cabe exactamente en el escalón.
They attract attention
Don’t exceed
menus
1. 2. 3. 4. 5.
1. 2. 3. 4. 5.
1. 2. 3. 4. 5.
1. 2. 3. 4. 5.
first > a first > b first > c
second > a second > b second > d second > c second > e
third > a third > b third > c third > d
fourth> a fourth> b
fifth> a fifth> b fifth> c
graphics
Every data
has its visual code
categorical
numerical
ordinal
Jacques Bertin
shape
size
position
hue
intensiy
grain
c o
o c
c
c
c
c
N
N
N
N
N
N
o
o
o
o
Every story
has its graphic
Comparison
words
The deep realms of data
headlines
bars
0
1
2
3
4
5
6
7
8
9
10
Pie charts Bars Treemaps Heatmaps
Index of Boredom of a few random picked charts
Index of Boredom of a few random picked charts
2
0 1 2 3 4 5 6
7
8
9
10
Pie charts Bars Treemaps
Heatmaps
Index of Boredom of a few random picked charts
isothypes
…?
1911-14
1915-18
1919-22
1923-26
radars
1
2 3
4
5
6
7
8
9
10
11 12
13
14 15
16
17
18
19
20
21
22
23 24
Judith
Judith’s activity levels
1
2 3
4
5
6
7
8
9
10
11 12
13
14 15
16
17
18
19
20
21
22
23 24
Judith
Mom
Dad
Family activity levels compared
0
5
How customers value your product?
Doctors Nurses Patients
Choropleths
1 2
3 http://drive.google.com
(colors)
How
much…?
3
5
4
7
How
much…?
3 5 4 7
Cynthia brewer’s
guidelines
Qualitative binary diverging sequential
http://colorbrewer2.org
heatmaps
What is everyone’s worried about…?
What is everyone’s happy with…?
Correlation
Scatter plots
composition
Pie charts
% useful pie charts
% wrong applied pie charts
treemaps
What’s been said by now
Word clouds
30’ 40’ 50’
ideas
Venn diagrams
A B
A
C B
Is the metaphor being loyal?
A C D B
Is the metaphor being loyal?
A
C
D
B
Is the metaphor being loyal?
A
C
D
B
Mind maps
Structure related ideas
I am Organizing my mental chaos
Main idea
examples
Thank you [email protected]