Application of Data Visualization best practices and improved data communication

Preview:

Citation preview

Applying Data Visualization Best Practices

Michel Guillet Juice Analytics

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?

Take me back to 1999….

How do we influence our audiences?

Its not about fancy?

Or cool or colorful..

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

Gradual Reveal

Draw the audience in

Reveal information as the user expresses interest

Build understanding piece by piece

How Many Households

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

How Many Households

http://worrydream.com/HowManyHouseholds/

Sprint dashboard

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

Fitbit

Social media viz

Google Social Collider, Chrome Experiments

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

Shaking Off Oil Addiction

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

HR dashboard

via Panorama Necto

Support Casual Use

Minimize the barrier to entry for new users

Avoiding feature overload

Providing clear, concise descriptions of what things mean.

Umbrellatoday.com

Lead to Action

Empower users to finish their task quickly

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

World Chat Clock

http://worldchatclock.com/

Buy or Rent?

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

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

Interesting < Useful < Actionable

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

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

Valuation Analyzer

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

+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

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

Gun deaths

http://guns.periscopic.com

Annotation

Associate contextual information with the data being displayed

New York Times

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

Common Requests?

Every day examples

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

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

Eliminate Chart Junk

Which team had highest payroll?

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

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

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%

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

Resources

Garr Reynolds

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

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

Hans Rosling

http://youtu.be/lYpX4l2UeZg

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

Recommended