A series of examples (good and bad) as they related to Juice's information design principles as well as practical examples for enhancing data communication

1. Applying Data Visualization
Best Practices
Michel Guillet
Juice Analytics

2. Technology
capture, gather, store and data
Data analysts/scientists
Find meaning in this data
Insights
Your audience
make decisions on the data
Communication
What are we talking about?

3. Take me back to 1999….

4. How do we influence our audiences?

5. Its not about fancy?

6. Or cool or colorful..

7. 7 design
principles
for data
communication
1 gradual reveal
2 compactness and modularity
3 guide attention
4 support casual use
5 lead to action
6 relevance
explanation before information7

8. Gradual Reveal
Draw the audience in
Reveal information as
the user expresses
interest
Build understanding
piece by piece

9. How Many Households
http://www.nytimes.com/interactive/2011/06/19/nyregion/how-many-households-are-like-yours.html

10. How Many Households
http://worrydream.com/HowManyHouseholds/

11. Sprint dashboard

12. Compactness
and Modularity
“Compact software tools have all the
virtues of physical tools that fit well in
the hand. They feel pleasant to use,
they don’t obtrude themselves
between your mind and your work,
[and] they make you more
productive.”
- Eric Steven Raymond, “The Art of
Unix Programming.”

13. Fitbit

14. Social media viz
Google Social Collider, Chrome Experiments

15. Guide
Attention
Visual cues and
functionality to draw the
user to the things that
matter most.
Color
Contrast
Positioning
Paths
Size
Animation
Photo by David Clapp (http://www.davidclapp.co.uk/)

16. Shaking Off Oil Addiction
http://www.bloomberg.com/graphics/2014-america-shakes-off-oil-addiction/

17. HR dashboard
via Panorama Necto

18. Support Casual Use
Minimize the barrier to
entry for new users
Avoiding feature
overload
Providing clear, concise
descriptions of what
things mean.

19. Umbrellatoday.com

20. Lead to Action
Empower users to
finish their task
quickly
Direct users to the
action that should
be taken based on
the results

21. World Chat Clock
http://worldchatclock.com/

22. Buy or Rent?
http://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html

23. “I’ll get right on that”“good to know”“cool”
Interesting < Useful < Actionable

24. “5522 Tweets within the same
Second.
Sent from all over the world.
Preserved and categorized in four
Books.”
So what?
One second
http://www.philippadrian.com/project/onesecond/

25. Relevance
Customization to reflect
the users’ point of view
Context to explain how
the information relates to
the user
http://www.businessinsider.com/slow-mo-gopro-vid-of-cliff-jump-gone-
wrong-is-nothing-short-of-insane-2013-12

26. Valuation Analyzer
http://labs.juiceanalytics.com/valuation/index.html

27. +4.5% v. last month
-2.8% v. goal
comparison to previous
time period and goal
0
100
200
300
400
Q1 2009 Q2 2009 Q3 2009 Q4 2009
shown within broader
context of overall trend
and goals
relevant scope
in Q3 2009
284 clicks
measure
the new “Vortex” marketing campaign drove
new leads after a slow Q2
explanation of mitigating
factors
Relevance

28. Explanation
before
Information
Provide context and
explanations to
understand new and
unfamiliar events
"You take the blue pill, the story ends. You wake
up in your bed and believe whatever you want to
believe. You take the red pill, you stay in
wonderland, and I show you how deep the rabbit
hole goes."

29. Gun deaths
http://guns.periscopic.com

30. Annotation
Associate contextual
information with the data
being displayed
New York Times

31. http://viz.wtf/post/109140768701/common-requests-funky-triangles-in-a-spiral-bound
Common Requests?

32. Every day examples

33. Reduce chartjunk
(remove chart elements that are
decorative or ornamental)
Increase data-ink ratio
(make every pixel tell a story about your data)
Charting Rules

34. Images courtesy ofTim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Ink
Eliminate Chart Junk

35. Which team had highest payroll?

37. story❭〉clear❭〉design1 Copyright BCD Travel 2011
Preferred Supplier
Top Carriers
17%
16%
15%22%
24%
22%
24%
6%
17%
16%
15%
6%
American ANA LAN SAS Singapore Other
Q2 10
Q2 11

38. story❭〉clear❭〉design2 Copyright BCD Travel 2011
Preferred Supplier
Top Carriers
0%
5%
10%
15%
20%
25%
30%
ANA American SAS Singapore Other
Q2 '11
Q2 '10

39. story❭〉clear❭〉design5 Copyright BCD Travel 2011
Rental Summary EMEA
Q2 10 Q2 11
Total Spend $18,350 $17,126
Total Rental Days 286 276
Average Rental Days 3.25 3.25
Average Daily Rate $64 $62
Other
2%
Budget
2%
Hertz
3%
Avis
93%
Rental Summary Americas
Q2 10 Q2 11
Total Spend $1,703,232 $1,759,207
Total Rental Days 39,255 41,469
Average Rental Days 2.3 2.3
Average Daily Rate $43 $42
• Total Car spend has increased 7.1% and rental days up 3.6% in 2011
• Average daily rate increased 3%
• Avis down13.7% from 2007 as ZE gained 15.3% market share
No Car Rentals – APAC 2011
• Total Car spend has decreased 3.1% and rental days down 5.3% in 2008
• Avis still maintains high compliance of 93%
Rental Car Summary by Region
Global Rental Car Expense $1,721,583
Other
2%
Budget
2%
Hertz
3%
Avis
93%

40. story❭〉clear❭〉design6 Copyright BCD Travel 2011
Rental Summary EMEA Q2 10 Q2 11
Total Spend $18,350 $17,126
Total Rental Days 286 276
Average Rental Days 3.25 3.25
Average Daily Rate $64 $62
Rental Summary Americas Q2 10 Q2 11
Total Spend $1,703,232 $1,759,207
Total Rental Days 39,255 41,469
Average Rental Days 2.3 2.3
Average Daily Rate $43 $42
• Total Car spend has increased 7.1% and rental days up 3.6% in 2011
• Average daily rate increased 3%
• Avis down13.7% from 2007 as ZE gained 15.3% market share
No Car Rentals – APAC 2011
• Total Car spend has decreased 3.1% and rental days down 5.3% in 2008
• Avis still maintains high compliance of 93%
Rental Car Summary by Region
Global Rental Car Expense $1,721,583
0% 20% 40% 60% 80% 100%
Other
Budget
Hertz
Avis
0% 20% 40% 60% 80% 100%
Other
Budget
Hertz
Avis

41. Resources

42. Garr Reynolds

43. http://www.edwardtufte.com/
Edward Tufte

45. Topic Resources
Data Visualization
www.smallmeans.com/new-york-times-infographics/
www.perceptualedge.com/blog
infographics.alltop.com
Hans Rosling http://www.youtube.com/watch?v=lYpX4l2UeZg
Data Help
http://openrefine.org/
www.chartchooser.com
www.extremepresentation.com/design/charts/
www.juiceanalytics.com/writing/chart-selection-art-and-science/
http://www.excelcharts.com/blog/examples/
Tufte Link Edward Tufte Q&A (www.edwardtufte.com/bboard/q-and-a?topic_id=1)
Be a designer
colorbrewer2.org
www.juiceanalytics.com/writing/simple-font-framework/
http://theweek.com/article/index/245632/how-typeface-influences-the-way-we-read-and-think
Story telling/Presentations
Resonate, Nancy Duarte; The Presentation, Andrew Abela, Ph.D.
www.duarte.com/books/resonate/www/
Presentation Zen, Garr Reynolds
List of Resources

46. Hans Rosling
http://youtu.be/lYpX4l2UeZg

47. Copyright © 2014 by Juice Inc.
Our B2B clients (from start-
ups to Fortune 500) have
launched profitable
products with our design
and technical guidance
Design and launch
data products
Fruition:
Data Product Platform
Data visualization
components designed for
non-technical end-users
Features for sharing and
collaborating on data
insights and analysis
A decade of guiding businesses through the process of designing,
creating and launching new data products
Recognized thought
leaders
On Amazon
About Juice Analytics