Make People Fall in Love with your Data A practical tutorial for - - PowerPoint PPT Presentation
Make People Fall in Love with your Data A practical tutorial for data visualization and UI design we craft applications that make using data enjoyable and rewarding Ken Hilburn VP , Community Enablement ken@juiceanalytics.com Friday, April
Ken Hilburn VP , Community Enablement ken@juiceanalytics.com
A practical tutorial for data visualization and UI design
Friday, April 29, 2011
we craft applications that make using data enjoyable and rewarding
Friday, April 29, 2011
The importance of having a message
Squelch the noise Context gives meaning
Keeping it simple
Our brain’s ability to process data How we judge amounts 6 Principles of visual comprehension
Applying design fundamentals
Rules of chart and table design Choosing the right chart Proper use of contrast Understanding fonts Color palette tips
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Have a message
Friday, April 29, 2011
“Perfection is achieved, not when there’s nothing more to add, but when there is nothing left to take away.”
Antoine de Saint-Exupéry
Squelch the noise
Friday, April 29, 2011
message!simple!design
goingtorain.com
Friday, April 29, 2011
message!simple!design
Show only what’s needed - nothing more
Friday, April 29, 2011
message!simple!design
Without context: 100 people, 100 conclusions
Friday, April 29, 2011
message!simple!design
+4.5% v. last month
comparison to previous time period and goal
100 200 300 400 Q1 2009 Q2 2009 Q3 2009 Q4 2009
Goal Actual shown within broader context of overall trend and goals relevant scope
in Q3 2009 new leads
metric name
the new “Vortex” marketing campaign drove new leads after a slow Q2
explanation of mitigating factors
Friday, April 29, 2011
message!simple!design
How does the data fi t into my workfl ow? What expectations or assumptions do I have? How do I interpret the metric? What other information am I looking at? Does it support
Who is sharing the data? Do they have credibility?
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
Friday, April 29, 2011
message!simple!design
...with ‘simplistic’ ”
Garr Reynolds
“Don’t confuse ‘simplicity’...
Friday, April 29, 2011
message!simple!design
Surveying the results of psychological experiments in the 1950s “My problem is that I have been persecuted by an integer.”
Friday, April 29, 2011
message!simple!design
2 4 6 8 10 Binary digits Numbers Letters + Digits Short words Long words
Number of items we can recall
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
5 one syllable words 2 seconds audio 3 visual images
Friday, April 29, 2011
message!simple!design
1,000,000,000 2,000,000,000 3,000,000,000 Computer You
Working memory capacity
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
N D J F M A M J J A S O N D J F 10 1 2 11 1 1 1 1 2008 ’09 ’10 Monthly timeline of 4G network launches
Friday, April 29, 2011
message!simple!design
People perceive very accurately: length of a line, position in 2D space People perceive semi-accurately: width, area, color intensity, radial distance
Friday, April 29, 2011
message!simple!design
Friday, April 29, 2011
message!simple!design
1) Principle of Proximity
Things that are spatially close belong to a group
Friday, April 29, 2011
message!simple!design
1) Principle of Proximity
Things that are spatially close belong to a group
Friday, April 29, 2011
message!simple!design
2) Principle of Similarity
Things that share color, size or shape belong to a group
Friday, April 29, 2011
message!simple!design
3) Principle of Enclosure
Objects that are enclosed by a shape will be seen as a group
Friday, April 29, 2011
message!simple!design
3) Principle of Enclosure
Objects that are enclosed by a shape will be seen as a group
Friday, April 29, 2011
message!simple!design
4) Principle of Closure
We strive to perceive shapes as complete
Friday, April 29, 2011
message!simple!design
4) Principle of Closure
We strive to perceive shapes as complete
Friday, April 29, 2011
message!simple!design
5) Principle of Continuity
Objects that are aligned are perceived as a group
Friday, April 29, 2011
message!simple!design
6) Principle of Connection
Objects that are connected are part of the same group
Friday, April 29, 2011
message!simple!design
Spike Chart Demo - Context
Friday, April 29, 2011
message!simple!design
Things that are spatially close belong to a group
Proximity Similarity
Things that share color, size or shape belong to a group
Enclosure
Objects that are enclosed by a shape will be seen as a group
Closure
We strive to perceive shapes as complete
Continuity
Objects that are aligned are perceived as a group
Connection
Objects that are connected are part of the same group
Friday, April 29, 2011