Creating Infographics, Part I

J452 Fall 2015

Transcript

1. INFOGRAPHICS, PART I: AN INTRODUCTION • J452 | Fall 2015
2. INFORMATION DESIGN WAYFINDING SYSTEMS | VISUALIZATIONS | INFOGRAPHICS
3. INFORMATION DESIGN WAYFINDING SYSTEMS | VISUALIZATIONS | INFOGRAPHICS Micro Fashion Network: Color. Fixed camera in Cambridge & used software to map colors of clothing.
4. INFORMATION DESIGN WAYFINDING SYSTEMS | VISUALIZATIONS | INFOGRAPHICS Based on a collection of photographs of the Boston Common taken from Flickr. summer winter
6. INFORMATION DESIGN WAYFINDING SYSTEMS | VISUALIZATIONS | INFOGRAPHICS
7. WHY DO INFOGRAPHICS WORK?
8. WE ARE VISUALLY WIRED.
9. http://neomam.com/interactive/13reasons/
10. http://neomam.com/interactive/13reasons/
11. VISUALS INCREASE PERSUASIVENESS OF MESSAGE 80% of what we SEE & DO 20% of what we READ 10% of what we HEAR WE REMEMBER:
12. SO HOW TO MAKE A GOOD ONE?
13. KEYS TO A GREAT INFOGRAPHIC • Known audience • Focused data • Clear design • Shareable story
14. KNOW YOUR AUDIENCE YOU’RE NOT TRYING TO FIND A TOPIC FOR THE WHOLE WORLD. JUST YOUR CORNER OF IT.
15. MAKE IT RELEVANT & REPUTABLE FIND FOCUSED DATA • Use relevant data • Use reputable sources • Fact check • Credit your sources If the data you’re working with is untrustworthy, then your infographic will be, too. — Tiffany Farrant-Gonzalez www.tiffanyfarrant.com http://abduzeedo.com/super-creative-infographics-column-five
16. PROVIDE CLARITY THROUGH COLOR, FONT & LAYOUT HAVE A CLEAR DESIGN • Limit your color palette • Use simple graphics that tie to your data. • Convey the message at a glance. Take a lot of data, or a number of concepts, and boil it down to one image. - @mvolpe • Establish a connection between sections. • Make sure numbers & graphics match. • Make size manageable. http://bit.ly/1MAPjPy
17. ANSWER AN INTERESTING QUESTION CREATE A SHAREABLE STORY • A good infographic starts with a “why” question. • Use rational data to elicit an emotional response. • Graphics should tell the story • Use as little text as possible in a clear font. http://hispanics.barna.org/i-am-an-hispanic-american/
18. LET’S LOOK AT SOME EXAMPLES.
19. FACT: I <3 COFFEE
20. AUDIENCE? FOCUSED DATA? CLEAR DESIGN? SHAREABLE STORY?
21. http://visual.ly/coffee-around-world
22. http://visual.ly/coffee-facts-coffee-club-belgium
23. http://www.livescience.com/16297-coffee-facts-national-coffee-day-infographic.html
24. http://bit.ly/1MANdPv
25. http://www.lifehack.org/articles/lifestyle/how-coffee-and-tea-make-you-healthier.html
26. http://bit.ly/1MAOshD
27. http://www.princeton.edu/~ina/infographics/starbucks.html
28. https://www.pinterest.com/pin/5277724541542645/
29. WHERE DO YOU START? ASSIGNMENT DESCRIPTION | MEMO | SKETCH