Post on 05-Jul-2015
José Ramón MacíasBCU Journal Club 20091028
“ Define beauty to be a
harmony of all the parts...
fitted together with such
proportion and
connection, that nothing
could be added, diminished or
altered, but for the
worse.”
- Leon Battista (1406-1472)
Buckminster Fuller
architect
Beauty
emerges
from every
design that is
working.
Jess @wallstats.com
it’s like potatoes, they
may have the most
nutritional value straight
out of the ground, but it
taste like dirt...
...cut them
up, fry’em, throw some
chili and cheese on
them, and you have
yourself an audience
“
”
Pie Chart
1st find your key message
2nd really need a chart for that ?
3rd which chart type?
4th How to design it?
make data easy to understand
reveal relationship between data
amplify impact of data
convert raw data into information
Use charts only to
Core Design
a chart dissection
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
Surprisingly, conditions 4 & 5 behave the same!
Surprisingly, conditions 4 & 5 behave the same!
5 %
10 %
15 %
20 %
cond1 cond2 cond3 cond4 cond5
0
Axis presents what is measured…
…and the units of measurement.
Surprisingly, conditions 4 & 5 behave the same!
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
Present only as much data points as necessary, but not more.
Surprisingly, conditions 4 & 5 behave the same!
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
Only relevant data points should be labeled, otherwise they just will clutter the chart.
13 % 13 %
17 %
19 %
2 %
Surprisingly, conditions 4 & 5 behave the same!
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
Use legends only for more than onedata series.Most of the times labeling directly the lines or pie slices will work better.
Expected
Observed
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
Surprisingly, conditions 4 & 5 behave the same!
Title must clearly and briefly state the main point of the chart, the one that supports the presentation purpose.
0
cond1 cond2 cond3 cond4 cond5
5 %
10 %
15 %
20 %Data source must be provided in a way to allow readers to check data by themselves.
- Doe J. et al. Nature 2009
Surprisingly, conditions 4 & 5 behave the same!
Color is not for decoration.Use as less as possible and only to remark your point.
0
cond1 cond2 cond3 cond4 cond5
5 %
10 %
15 %
20 %
Surprisingly, conditions 4 & 5 behave the same!
You should also highlightless obvious but important issues.
Surprisingly, conditions 4 & 5 behave the same!
cond1 cond2 cond3 cond4
0
cond5
5 %
10 %
15 %
20 %
(soft) Animation effects may help to understand complex charts.
Expected
Observed
Examples
#
- Raymon Loewy
“ Design
is too
important
to be left to
designers ”
T1 T2 T3 T4 Totals
Condition1 -18% 7% 25% 2% 2%
Condition2 47% -7% 26% 15% 17%
Condition3 15% -5% 1% 7% 19%
Condition4 57% 10% -3% 7% 13%
Condition5 57% 6% -3% 8% 13%
-40%
-20%
0%
20%
40%
60%
80%
Cond1 Cond2 Cond3 Cond4 Cond5
Pe
rce
nta
ge
Conditions
Testing 5 conditions at 4 times
T1
T2
T3
T4
Totals
T1 T2 T3 T4 Totals
Condition1 -18% 7% 25% 2% 2%
Condition2 47% -7% 26% 15% 17%
Condition3 15% -5% 1% 7% 19%
Condition4 57% 10% -3% 7% 13%
Condition5 57% 6% -3% 8% 13%
0%
5%
10%
15%
20%
Cond1 Cond2 Cond3 Cond4 Cond5
Surprisingly, conditions 4 & 5 behave the same!
#
Nancy Duarte
#
Something to avoid
being creative and
searching for simplicity
didn’tgave an answer
didn’t know
what a BLOG is !!!
Some statistics…
thesedon’t
people that visit blogsregularly
spontaneityd
iver
sity
uncensored
rethinking pie charts
uncensored
diversity
spontaneity
diversity
spontaneityuncensored
Most valued feature from blogs:
spontaneity
div
ersi
tyuncensored
Most valued feature from blogs:
#
Nancy Duarte
Hierarchy
Flow
Contrast
Proximity
White space