Top Banner
47
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Data Visualization Design Best Practices Workshop
Page 2: Data Visualization Design Best Practices Workshop

Amanda MakulecProgram Manager & RME AssociateJohn Snow, Inc.

Passionate about how visualizing data effectively can empower people to make decisions.

Page 3: Data Visualization Design Best Practices Workshop

This Summit has been all about collecting, sharing, quality-checking, streamlining, improving, visualizing

data.

Page 4: Data Visualization Design Best Practices Workshop
Page 5: Data Visualization Design Best Practices Workshop

Data shows us diversity.

Page 6: Data Visualization Design Best Practices Workshop
Page 7: Data Visualization Design Best Practices Workshop
Page 8: Data Visualization Design Best Practices Workshop

Effective visualizations help stakeholders use that information for decisionmaking.

Page 9: Data Visualization Design Best Practices Workshop
Page 10: Data Visualization Design Best Practices Workshop

Designing visualizations that communicate clearly doesn’t have to be complicated.

Page 11: Data Visualization Design Best Practices Workshop

A basic understanding of design best practices are all you need to get started.

Page 12: Data Visualization Design Best Practices Workshop

Disseminate &

share

Build your chart

Find the story in

your data

Identify your

audience & context

START

Page 13: Data Visualization Design Best Practices Workshop

1Who is your audience?

Page 14: Data Visualization Design Best Practices Workshop

On the most common visualization

mistakes

“Time isn’t adequately spent on is just what is the question that you’re trying to answer and what does your audience need to know?”

Cole NaussbaumerStorytellingwithData.com

From: http://cxcafe.maritzcx.com/storytelling-with-data-dashboarding-with-cole-nussbaumer/

Page 15: Data Visualization Design Best Practices Workshop

Different stakeholders have different data needs.

Page 16: Data Visualization Design Best Practices Workshop

Consider your stakeholders’ literacy, numeric literacy, and what data they need to make decisions.

Page 17: Data Visualization Design Best Practices Workshop

For more complex data analysis tools like dashboards, it is especially important to engage your end user to understand their needs.

Image credit: Beth Kanter

Page 18: Data Visualization Design Best Practices Workshop

2Identify the story you want to tell & consider additional available data.

Page 19: Data Visualization Design Best Practices Workshop

The most important question in visualization:

Read more at: http://stephanieevergreen.com/most-important-question/

Stephanie EvergreenEvergreen Data

What’s your point?

Page 20: Data Visualization Design Best Practices Workshop

Start with the data you’ve collected.

Page 21: Data Visualization Design Best Practices Workshop

Then, identify additional data available that would help you tell your story better visually.

Page 22: Data Visualization Design Best Practices Workshop

Edit your data as necessary to tell your story.

e.g. create

percentages from raw

numbers,

check quality, etc.

Page 23: Data Visualization Design Best Practices Workshop

3Design your chart or graph

Page 24: Data Visualization Design Best Practices Workshop

Consider the kind of data story you have.

Distribution Part to Whole Correlation

Time Series Compare Categories

Ranking

Image credit: Column Five Media’s Visage Data Visualization 101

Page 25: Data Visualization Design Best Practices Workshop

Consult with great resources for choosing the right chart type.

The Graphic ContinuumJon Schwabish & Severino Rebecca policyviz.com/presentations/graphic-continuum-video

Chart ChooserJuice Analyticslabs.juiceanalytics.com/chartchooser/index.html

Data Visualization 101Visage | visage.co/data-visualization-101-design-charts-graphs/l

Page 26: Data Visualization Design Best Practices Workshop

And consider consulting your colleagues

M&E Advisor

Graphic Designer

Technical Expert

Communications Expert

Page 27: Data Visualization Design Best Practices Workshop

4Plan for how you’ll share your visualization when it’s complete.

Page 28: Data Visualization Design Best Practices Workshop

In “about five to eight seconds, someone’s going to make the decision of do they devote any more time to looking at what you’ve got in front of them or do they move on to the next thing.” Cole Naussbaumer

StorytellingwithData.com

From: http://cxcafe.maritzcx.com/storytelling-with-data-dashboarding-with-cole-nussbaumer/

Page 29: Data Visualization Design Best Practices Workshop

Simple design principlesor “leveraging our lizard brain”

Page 30: Data Visualization Design Best Practices Workshop

“What really makes a chart effective are font, color, and design, and the depth of critical analysis displayed.”

Dona M. WongThe Wall Street Journal Guide to

Information Graphics

Page 31: Data Visualization Design Best Practices Workshop

Decluttering

Consider removing:• Border• Grid lines• Background shading• Axis (if you plan on

labeling the data points)

Does it enhance or distract from your data story?

Page 32: Data Visualization Design Best Practices Workshop

Title & labelsAre you clear and succinct (6-12 words), telling your reader the key takeaway & including labels that are essential?

Recommendation of 6-12 words from the Data Visualization Checklist http://stephanieevergreen.com/dataviz-checklist/

Page 33: Data Visualization Design Best Practices Workshop

Color

To add emphasis Or to create the confusing effect of Skittles on a page.

Page 34: Data Visualization Design Best Practices Workshop

Practice with existing graphs and chartsHow could these charts communicate more effectively?

Page 35: Data Visualization Design Best Practices Workshop
Page 36: Data Visualization Design Best Practices Workshop

Year 1 Year 2 Year 3 Year 4 Year 5

District 1

District 2

District 3

32%

District 4 24%

District 5District 4 was the only district where coverage de-clined during the five year project.

Page 37: Data Visualization Design Best Practices Workshop

Change in BMI status of women 20-49 years from 1980 to 2008 by region

1980 2008

Data table from: Black RE, Victora CG, Walker SP, Bhutta ZA, Christian P, de Onis M, Ezzati M, Grantham-McGregor S, Katz J, Martorell R, Uauy R. Maternal and child undernutrition and overweight in low-income and middle-income countries” The Lancet 2013; (06 June 2013) DOI: 10.1016/S0140-6736(13)60937-X.

Page 38: Data Visualization Design Best Practices Workshop

The proportion of women who are overweight has increased in low and middle income countries.

Page 39: Data Visualization Design Best Practices Workshop

Graph from https://www.urbanreproductivehealth.org/sites/mle/files/issu_mid-term_research_brief_english.pdf

Page 40: Data Visualization Design Best Practices Workshop
Page 41: Data Visualization Design Best Practices Workshop

Graph from https://www.urbanreproductivehealth.org/sites/mle/files/issu_mid-term_research_brief_english.pdf

Page 42: Data Visualization Design Best Practices Workshop

Use of implants and injectables has increased among women using family planning.

Page 43: Data Visualization Design Best Practices Workshop

The proportion of family planning users choosing implants & injectables has increased.

Page 44: Data Visualization Design Best Practices Workshop

About our activity today

Page 45: Data Visualization Design Best Practices Workshop

A few resources for building your data viz

skills

People & their blogs:Cole Naussbaumer | Storytelling with DataAlberto Cairo | The Functional ArtStephanie Evergreen | Evergreen DataJon Schwabish | Policy VizAnn K. Emery | Emery Evaluation

Favorite posts & resources from these experts:Decluttered Excel Templates from ColeExcel Tutorials (video!) from AnnRemakes of Visualizations from Jon

Communities around data viz:Data Viz for Development at DataVizHub.coHelpMeViz to crowdsource data viz expertise

Two online viz tools I recommend:Piktochart (great for making icon matrices)Visage

Books worth buying:

On basic visualization principles:The Wall Street Journal Guide to Information Graphics | Dona M. WongShow Me the Numbers | Stephen Few

On designing presentations with visual content (including graphs & charts):Slideology | Nancy Duarte

Page 46: Data Visualization Design Best Practices Workshop

For the simple graph icons from the Visage Data Visualization 101 eBook and allowing us to share their eBook during our activity today.Visage was born out of Column Five, an industry-leading infographics and visual content agency with offices in Irvine, CA and Brooklyn, NY. Visage is a simple design platform that enables content marketers to create beautiful, on-brand data visualizations and visual content. Our leadership team has been working together for more than 5 years, and our focus is to help companies use visualization and great design to communicate more effectively.

Thanks to…

For providing the space & time to host this workshop.The Measurement and Accountability for Results in Health (#MA4Helath) Summit brought together world leaders to construct a common agenda to improve and sustain country measurement and accountability systems for health results in the post-2015 era. Our thanks to USAID, WHO, and the World Bank who lead the organization and coordination of the event.

Page 47: Data Visualization Design Best Practices Workshop

DataVizHub.coAmanda Makulec [email protected]@abmakulec | More resources on Slideshare

CONNECT