presentation for the New Organizing Institute's Graphic Design Training

1. Illustrating Data
April 18, 2014
Julia Reich
@juliareich
stonesoupcreative.com

2. Illustrating Data • 4-18-2014 2

3. Illustrating Data • 4-18-2014 3
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

4. Illustrating Data • 4-18-2014 4
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

5. Illustrating Data • 4-18-2014 5
DATA + STORY + DESIGN

6. Illustrating Data • 4-18-2014 6
Information Design
Infographics Data Visualization

7. Illustrating Data • 4-18-2014 7
http://www.charitywater.org/blog/how-your-birthday-can-change-the-world/

8. Illustrating Data • 4-18-2014 8
Why infographics?
1. Complex ideas become easily
understandable
2. Learn and connect
3. Take action
4. Boost SEO

9. Illustrating Data • 4-18-2014 9
Where can you use infographics?

10. Illustrating Data • 4-18-2014 10
How can you use infographics?
Analysis
Advocacy
Education

11. Illustrating Data • 4-18-2014 11
1. How-to
2. Research Results
3. Did You Know?
4. Compare & Contrast
5. Demographics
6. Timeline
7. Tips
8. Combination
Categories

12. Illustrating Data • 4-18-2014 12
How-to

13. Illustrating Data • 4-18-2014 13
Research Results
http://www.good.is/posts/infographic-america-s-fresh-food-movement

14. Illustrating Data • 4-18-2014 14
Did You Know?
Source: http://visual.ly/palm-beach-opera-50th-anniversary-season

15. Illustrating Data • 4-18-2014 15
Compare & Contrast
Source: http://www.good.is/posts/transparency-pakistan-vs-haiti-which-disaster-got-more-aid

16. Illustrating Data • 4-18-2014 16
Tips
Source: http://www.frogloop.com/care2blog/2012/9/18/infographic-facebook-posting-tips.html

17. Illustrating Data • 4-18-2014 17
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

18. Illustrating Data • 4-18-2014 18
FORMAT
MAP • CHART • DIAGRAM
1
Source: http://hyperakt.com/work-detail/285
Source: http://hyperakt.com
Source: http://hyperakt.com

19. Illustrating Data • 4-18-2014 19
5-10 POINTS
CHOOSE DATA
3
Source: Stone Soup Creative

20. Illustrating Data • 4-18-2014 20
5-10 POINTS
CHOOSE DATA
3
• Number of Family Courts in NY State: 62
• Number of Family Court Judges Statewide: 143
• Number of Annual Filings in NYS Family
Courts: 750,000
• Nearly ¾ of cases involve custody and child
support
• Number of Family Court judges in NYC: 53
• Average annual caseload per NYC Family Court
judge: 1,927 cases From 1991 to the present day,
there have been no judges appointed to the
Family Court bench in New York City.
• During this same time, the New York City Fam-ily
Court total filings increased 23%
• In some counties, average amount of time a
family gets before a judge in a court appear-ance:
5 minutes
• Nearly 80% of Family Court litigants do not
have a lawyer In NYC Black and Hispanic youth
are the subject of more than 90 percent of Fam-ily
Court cases.
• Of the 80,000 NYC Family Court cases in 2010,
nearly 17,000 were active for longer than 180
days.

21. Illustrating Data • 4-18-2014 21
LAY OUT THE DATA
GET VISUAL
5

22. Illustrating Data • 4-18-2014 22
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

23. Illustrating Data • 4-18-2014 23
WHAT'S MOST IMPORTANT?
ESTABLISH HIERARCHY
6
Visible variation can
convey meaning
Source: Stone Soup Creative
http://www.pinterest.com/npmktgd/2014-nonprofit-communications-trends-
report/

24. Illustrating Data • 4-18-2014 24
CREDIT / DOCUMENTATION
REFINE & FINISH
9
Source: http://www.good.is/posts/infographic-the-opportunity-gap

25. Illustrating Data • 4-18-2014 25
• Clear
• Compelling
• Convincing
Information Design is about
making your data:

26. Illustrating Data • 4-18-2014 26
Breakout

27. Illustrating Data • 4-18-2014 27
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

28. THANK YOU!
EMAIL julia@stonesoupcreative.com
PHONE 212-721-9764
WEB stonesoupcreative.com
•
E-news sign-up
•
FREE white paper
FACEBOOK facebook.com/stonesoupcreative
PINTEREST pinterest.com/stonesoupcreate

29. Illustrating Data • 4-18-2014 29
Demographics
Source: http://www.good.is/posts/infographic-what-congress-would-look-like-if-it-really-represented-america

30. Illustrating Data • 4-18-2014 30
Timeline
Source: http://visual.ly/amplifying-our-nations-voice-timeline-voting-rights-united-states

31. Illustrating Data • 4-18-2014 31
Combination
Source: http://www.good.is/posts/infographic-how-to-have-a-100-mile-thanksgiving

32. Illustrating Data • 4-18-2014 32
Infographics can boost SEO
• Optimize with keywords
• Name the graphic using keywords
• Use the word “infographic” in the title
• Share it