Illustrating Data
April 18, 2014
Julia Reich
@juliareich
stonesoupcreative.com
2Illustrating Data • 4-18-2014
3Illustrating Data • 4-18-2014
Objectives
1. Learn why infographics are useful in advocacy work
2. Learn about different categories of infographics
3. Learn how to use graphics to communicate data
4Illustrating Data • 4-18-2014
1. What are infographics and why are they useful?
2. Different categories of infographics and how & where they can be used
3. Steps to get started
4. Breakout
5. Wrap-up
Agenda
5Illustrating Data • 4-18-2014
DATA + STORY + DESIGN
6Illustrating Data • 4-18-2014
Information Design
Infographics Data Visualization
7Illustrating Data • 4-18-2014
http://www.charitywater.org/blog/how-your-birthday-can-change-the-world/
8Illustrating Data • 4-18-2014
Why infographics?
1. Complex ideas become easily understandable
2. Learn and connect
3. Take action
4. Boost SEO
9Illustrating Data • 4-18-2014
Where can you use infographics?
10Illustrating Data • 4-18-2014
How can you use infographics?
Analysis
Advocacy
Education
11Illustrating Data • 4-18-2014
1. How-to
2. Research Results
3. Did You Know?
4. Compare & Contrast
5. Demographics
6. Timeline
7. Tips
8. Combination
Categories
12Illustrating Data • 4-18-2014
How-to
13Illustrating Data • 4-18-2014
Research Results
http://www.good.is/posts/infographic-america-s-fresh-food-movement
14Illustrating Data • 4-18-2014
Did You Know?
Source: http://visual.ly/palm-beach-opera-50th-anniversary-season
15Illustrating Data • 4-18-2014
Compare & Contrast
Source: http://www.good.is/posts/transparency-pakistan-vs-haiti-which-disaster-got-more-aid
16Illustrating Data • 4-18-2014
Tips
Source: http://www.frogloop.com/care2blog/2012/9/18/infographic-facebook-posting-tips.html
17Illustrating Data • 4-18-2014
FORMAT
FIND THE STORY
ADD INFO
MAP, CHART, DIAGRAM
WHO IS IT FOR? / GIVE IT A TITLE
ADD OTHER INTERESTING STATS
HOW WILL IT BE PUBLISHED OR DISTRIBUTED?
FIND ILLUSTRATION / MAKE IT YOUR OWN
5-10 POINTS
WHAT'S MOST IMPORTANT?
CREDIT / DOCUMENTATION / LEG-
MEDIA / APPLICATION
LAY OUT THE DATA
GET VISUAL
STYLIZE
CHOOSE DATA
ESTABLISH HIERARCHY
REFINE & FINISH
1
4
7
2
5
8
3
6
9
STEPS TO MAKING AN INFOGRAPHIC
9
18Illustrating Data • 4-18-2014
FORMAT MAP • CHART • DIAGRAM
1
Source: http://hyperakt.com/work-detail/285
Source: http://hyperakt.com
Source: http://hyperakt.com
19Illustrating Data • 4-18-2014
5-10 POINTS
CHOOSE DATA
3
Source: Stone Soup Creative
20Illustrating Data • 4-18-2014
5-10 POINTS
CHOOSE DATA
3
• NumberofFamilyCourtsinNYState:62
• NumberofFamilyCourtJudgesStatewide:143
• NumberofAnnualFilingsinNYSFam
ily
Courts:750,000
• Nearly¾ofcasesinvolvecustody
andchild
support
• NumberofFamilyCourtjudgesinNYC:53
• AverageannualcaseloadperNYC
FamilyCourt
judge:1,927casesFrom1991totheprese
ntday,
therehavebeennojudgesappoint
edtothe
FamilyCourtbenchinNewYorkCity
.
• Duringthissametime,theNewYorkCityFam-
ilyCourttotalfilingsincreased23
%
• Insomecounties,averageamountoftimea
familygetsbeforeajudgeinacourta
ppear-
ance:5minutes
• Nearly80%ofFamilyCourtlitigant
sdonot
havealawyerInNYCBlackandH
ispanicyouth
arethesubjectofmorethan90perc
entofFam-
ilyCourtcases.
• Ofthe80,000NYCFamilyCourtcasesin
2010,
nearly17,000wereactiveforlong
erthan180
days.
21Illustrating Data • 4-18-2014
LAY OUT THE DATA
GET VISUAL
5
22Illustrating Data • 4-18-2014
WHAT'S MOST IMPORTANT?
ESTABLISH HIERARCHY
6
Source: http://lemonly.com/work/the-bme-challenge-share-inspire-empower
• Use different sizes of text and imagery
• Prominence can be conveyed with color
and boldness, too
• Limit to 3-4 layers of information
23Illustrating Data • 4-18-2014
WHAT'S MOST IMPORTANT?
ESTABLISH HIERARCHY
6
Visible variation can convey meaning
Source: Stone Soup Creativehttp://www.pinterest.com/npmktgd/2014-nonprofit-communications-trends-report/
24Illustrating Data • 4-18-2014
CREDIT / DOCUMENTATION
REFINE & FINISH
9
Source: http://www.good.is/posts/infographic-the-opportunity-gap
25Illustrating Data • 4-18-2014
•Clear
•Compelling
•Convincing
Information Designisaboutmakingyourdata:
26Illustrating Data • 4-18-2014
Breakout
27Illustrating Data • 4-18-2014
Column Five Media
Infographics: The Power of Visual Storytelling
www.columnfivemedia.com/book
Visualising Information for Advocacy
by Tactical Tech
http://visualisingadvocacy.org/
(available on Amazon)
Beth Kanter's Pinterest Board and Blog
www.pinterest.com/kanter/nonprofit-infographics/
www.bethkanter.org/dyi-infographics/
Beginning Infographics: Information Driven
Storytelling
www.skillshare.com
RESOURCES
THANK YOU!
EMAIL [email protected]
PHONE 212-721-9764
WEB stonesoupcreative.com
• E-news sign-up
• FREE white paper
FACEBOOK facebook.com/stonesoupcreative
PINTEREST pinterest.com/stonesoupcreate
29Illustrating Data • 4-18-2014
Demographics
Source: http://www.good.is/posts/infographic-what-congress-would-look-like-if-it-really-represented-america
30Illustrating Data • 4-18-2014
Timeline
Source: http://visual.ly/amplifying-our-nations-voice-timeline-voting-rights-united-states
31Illustrating Data • 4-18-2014
Combination
Source: http://www.good.is/posts/infographic-how-to-have-a-100-mile-thanksgiving
32Illustrating Data • 4-18-2014
Infographics can boost SEO• Optimize with keywords
• Name the graphic using keywords
• Use the word “infographic” in the title
• Share it
Top Related