application of data visualization best practices and improved data communication

47
Applying Data Visualization Best Practices Michel Guillet Juice Analytics

Upload: michelguillet

Post on 06-Aug-2015

393 views

Category:

Data & Analytics


2 download

TRANSCRIPT

Page 1: Application of Data Visualization best practices and improved data communication

Applying Data Visualization Best Practices

Michel Guillet Juice Analytics

Page 2: Application of Data Visualization best practices and improved data communication

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?

Page 3: Application of Data Visualization best practices and improved data communication

Take me back to 1999….

Page 4: Application of Data Visualization best practices and improved data communication

How do we influence our audiences?

Page 5: Application of Data Visualization best practices and improved data communication

Its not about fancy?

Page 6: Application of Data Visualization best practices and improved data communication

Or cool or colorful..

Page 7: Application of Data Visualization best practices and improved data communication

7 design principlesfor 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

Page 8: Application of Data Visualization best practices and improved data communication

Gradual Reveal

Draw the audience in

Reveal information as the user expresses interest

Build understanding piece by piece

Page 9: Application of Data Visualization best practices and improved data communication

How Many Households

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

Page 10: Application of Data Visualization best practices and improved data communication

How Many Households

http://worrydream.com/HowManyHouseholds/

Page 11: Application of Data Visualization best practices and improved data communication

Sprint dashboard

Page 12: Application of Data Visualization best practices and improved data communication

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.”

Page 13: Application of Data Visualization best practices and improved data communication

Fitbit

Page 14: Application of Data Visualization best practices and improved data communication

Social media viz

Google Social Collider, Chrome Experiments

Page 15: Application of Data Visualization best practices and improved data communication

Guide AttentionVisual cues and functionality to draw the user to the things that matter most.

ColorContrastPositioningPathsSizeAnimation

Photo by David Clapp (http://www.davidclapp.co.uk/)

Page 16: Application of Data Visualization best practices and improved data communication

Shaking Off Oil Addiction

http://www.bloomberg.com/graphics/2014-america-shakes-off-oil-addiction/

Page 17: Application of Data Visualization best practices and improved data communication

HR dashboard

via Panorama Necto

Page 18: Application of Data Visualization best practices and improved data communication

Support Casual Use

Minimize the barrier to entry for new users

Avoiding feature overload

Providing clear, concise descriptions of what things mean.

Page 19: Application of Data Visualization best practices and improved data communication

Umbrellatoday.com

Page 20: Application of Data Visualization best practices and improved data communication

Lead to Action

Empower users to finish their task quickly

Direct users to the action that should be taken based on the results

Page 21: Application of Data Visualization best practices and improved data communication

World Chat Clock

http://worldchatclock.com/

Page 22: Application of Data Visualization best practices and improved data communication

Buy or Rent?

http://www.nytimes.com/interactive/2014/upshot/buy-rent-calculator.html

Page 23: Application of Data Visualization best practices and improved data communication

“I’ll get right on that”“good to know”“cool”

Interesting < Useful < Actionable

Page 24: Application of Data Visualization best practices and improved data communication

“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/

Page 25: Application of Data Visualization best practices and improved data communication

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

Page 26: Application of Data Visualization best practices and improved data communication

Valuation Analyzer

http://labs.juiceanalytics.com/valuation/index.html

Page 27: Application of Data Visualization best practices and improved data communication

+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 scopein Q3 2009

284 clicksmeasure

the new “Vortex” marketing campaign drove new leads after a slow Q2

explanation of mitigating factors

Relevance

Page 28: Application of Data Visualization best practices and improved data communication

Explanation before InformationProvide 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."

Page 29: Application of Data Visualization best practices and improved data communication

Gun deaths

http://guns.periscopic.com

Page 30: Application of Data Visualization best practices and improved data communication

Annotation

Associate contextual information with the data being displayed

New York Times

Page 31: Application of Data Visualization best practices and improved data communication

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

Common Requests?

Page 32: Application of Data Visualization best practices and improved data communication

Every day examples

Page 33: Application of Data Visualization best practices and improved data communication

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

Page 34: Application of Data Visualization best practices and improved data communication

Images courtesy of Tim Bray: http://www.tbray.org/ongoing/When/200x/2003/03/13/Data-Ink

Eliminate Chart Junk

Page 35: Application of Data Visualization best practices and improved data communication

Which team had highest payroll?

Page 36: Application of Data Visualization best practices and improved data communication
Page 37: Application of Data Visualization best practices and improved data communication

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

Page 38: Application of Data Visualization best practices and improved data communication

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

Page 39: Application of Data Visualization best practices and improved data communication

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

Other2%

Budget 2%

Hertz3%

Avis93%

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

Other2%

Budget 2%

Hertz3%

Avis93%

Page 40: Application of Data Visualization best practices and improved data communication

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

Page 41: Application of Data Visualization best practices and improved data communication

Resources

Page 42: Application of Data Visualization best practices and improved data communication

Garr Reynolds

Page 43: Application of Data Visualization best practices and improved data communication

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

Page 44: Application of Data Visualization best practices and improved data communication
Page 45: Application of Data Visualization best practices and improved data communication

Topic Resources

Data Visualizationwww.smallmeans.com/new-york-times-infographics/www.perceptualedge.com/bloginfographics.alltop.comHans Rosling http://www.youtube.com/watch?v=lYpX4l2UeZg

Data Help

http://openrefine.org/www.chartchooser.comwww.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 designercolorbrewer2.orgwww.juiceanalytics.com/writing/simple-font-framework/http://theweek.com/article/index/245632/how-typeface-influences-the-way-we-read-and-think

Story telling/PresentationsResonate, Nancy Duarte; The Presentation, Andrew Abela, Ph.D.www.duarte.com/books/resonate/www/Presentation Zen, Garr Reynolds

List of Resources

Page 46: Application of Data Visualization best practices and improved data communication

Hans Rosling

http://youtu.be/lYpX4l2UeZg

Page 47: Application of Data Visualization best practices and improved data communication

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