PRESENTED BY SUZANNE MCGILL StrataBlue,
Senior Graphic Designer 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 SHOW. DON’T TELL. Creating Visually Useful Infographics For Your Audience.

Hi! I’m Suzanne. Senior Graphic
Designer at StrataBlue is a full-service, digital-marketing agency. We specialize in digital content, advertising, creative, social media and mobile. Our team delivers ROI through a multi-channel approach, linking campaign management to analytics with your 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 desired business result as our guide.

9 7 8 7 10
SHOW. DON’T TELL. employees also located in New Jersey & New York 9 7 8 7 10 INDUSTRIES: 14 employees Legal Restaurants Recreational Financial Lending Insurance/ Healthcare Commercial Real Estate Consumer Goods/ Retail

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 My Background: Ohio University - School of Visual Communications Degree in Informational Graphics & Publication Design Previously with a Tech Startup - created infographics ***

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 WHAT is an Infographic?

“A visualization of data or
ideas that conveys complex information to an audience in a manner that can be quickly consumed and easily understood.” 9 7 8 7 10 SHOW. DON’T TELL. INFOGRAPHIC: 9 7 8 7 10 Mark Smiciklas WHAT

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 WHEN did we start to see them?

We’ve always used pictures to
communicate. 9 7 8 7 10 SHOW. DON’T TELL. USA TODAY first to use infographics. 9 7 8 7 10 WHEN fast forward many, many years. 35,000 BC 1982

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 WHY are they so effective?

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 WHY TEXT VISUAL 7x 1x

DIRECTIONS WITH 9 7 8
7 10 SHOW. DON’T TELL. 9 7 8 7 10 WHY text + illustrations 323% better FOLLOWED than without illustrations

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 WHY 20% Most people only remember 20% of what they read.

WHY 80% grumpy 9 7
8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 cat with sad eyes and frown. 60,000x FASTER

BLOG BLOG How Are We
Using Social Media? By First Last Name Nam resto tet denihilis si qui ut fugia il mo cumquidi comnienim et ut veliquo id et eum ipsam endaecat aut dolorios accullu ptatiusaest, quam, odis parum at archiliqui reped et que eum reratendisi veles restiis estisque voluptaqui odiam expe consequ ibusdam nonseque. Veles destruntur, ipsam, quo beaquas aut lab ime sant ipsunt assum audio. Ut veliasped maximus et aboriam et desequis et liam audaestiunt ut doluptiis nosam, omnimi, non es vella por aut ped qui dolest, ut lande nonem quati iminus ide delita im reheniscias aut re suntur? Unt ipistis dolore nem nuscipsae con ped. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 WHY VS. 500 views 560 views

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 WHY 800% infographic 2 years

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 WHAT do they do for us?

9 7 8 7 10
SHOW. DON’T TELL. TITLE & INTRODUCTION THE MEAT 9 7 8 7 10 WHAT They tell a story. beginning middle end CONCLUSION, CALL TO ACTION Don’t forget to leave space for your sources!

9 7 8 7 10
SHOW. DON’T TELL. Saciissttt PROCESS IDEAS 9 7 8 7 10 WHAT CHRONOLOGY GEOGRAPHY ANATOMY HIERARCHY RELATIONSHIPS PERSONALITY How can we use them in the business world?

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 CREATING an Infographic

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 1. Finding your topic.

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 2. Creating your content. ASK YOURSELF: What’s the point?

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 3. Define your medium.

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 4. Define the data. RESOURCES: http://flowingdata.com/2009/11/25/9-ways-to-visualize-proportions-a-guide/ http://flowingdata.com/2010/01/07/11-ways-to-visualize-changes-over-time-a-guide/

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 5. Organize your data.

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 6. Create a wireframe. TITLE SIDEBAR COMPARE (SOURCES)

EXAMPLE
CHRONOLOGY

EXAMPLE
GEOGRAPHY

EXAMPLE
COMPARING

EXAMPLE
INTERACTIVE

EXAMPLE
PUBLICATION

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 7. Set the mood. COLORS FONTS ROCKWELL EXTRA BOLD a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z TEXTURES ICONS

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 PROCES 8. Design it!

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 DO’S & DONT’S

Find accurate data. 9 7
8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DO “63% of infographics on the web contain inaccurate facts.” - Just kidding, this statistic is made up.

Don’t eyeball your measurements. 9
7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DON’T

DON’T example ORIGINAL DESIGN CORECTED
DESIGN SOURCE: coolinfographics.com

DO Simplify your charts 9
7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 & graphs. https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio

Don’t clutter your page. (WHITE
SPACE IS YOUR FRIEND) 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DON’T

DON’T example CLUTTERED DESIGN SOURCE:
http://blog.newswhip.com/

DO example Hello, WHITE SPACE
SOURCE: Huffington Post

Choose simple fonts. 9 7
8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DO NO. YES! Extremely Decorative This should not be used for your body copy. Simple typeface Headline Cleaner, easier to read font for body copy. VS

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 DON’T Don’t forget to share!

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 FUTURE TRENDS of Infographics

http://visual.ly/brain-numbers 9 7 8 7
10 SHOW. DON’T TELL. 9 7 8 7 10 FUTURE http://vimeo.com/92595987 Video http://visual.ly/brain-numbers “Videos are shared 12x more than links and text posts combined on Facebook.” VFM Leonardo Inc.

http://www.distancetomars.com/ http://visual.ly/wine-beer-or-spirits?view=true 9 7 8
7 10 SHOW. DON’T TELL. http://visual.ly/brain-numbers 9 7 8 7 10 FUTURE Interactive Infographics

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 RESOURCES for Infographics

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 RESOURCES Pinterest Search “infographic(s)” on Pinterest and explore! Upload your infographics to your company’s Pinterest account to get more traffic and views. http://www.pinterest.com/ http://visual.ly/brain-numbers

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 RESOURCES Visual.ly Categorized by Infographic, Video, Interactive, Presentation Upload your own infographics to Visual.ly to get more traffic and views. http://visual.ly/brain-numbers http://visual.ly

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 RESOURCES Cool Info-graphics http://www.coolinfographics.com/

9 7 8 7 10
SHOW. DON’T TELL. 9 7 8 7 10 RESOURCES dribbble. com Search “infographics”. Great visual website to use for inspiration. https://dribbble.com/

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 THANK YOU!

9 7 8 7 10
9 7 8 7 10 9 7 8 7 10 Link to presentation: Stratablue.com/blog

SOURCES The Power of Infographics:
Using Pictures to Communicate and Connect With Your Audiences Mark Smiciklas University of Rochester, 2004 Google 2012 statistics http://blog.hootsuite.com/social-media-storytelling-4/ http://www.marketingtechblog.com/interactive-infographic-trend/#ixzz3EjNKf2qG http://www.coolinfographics.com/ Randy Krum | http://infonewt.com/ https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio darkhorseanalytics.com pinterest.com/infographics http://visual.ly/planning-ness-2013-how-turn-data-design http://blog.newswhip.com/ Huffington Post http://neomam.com/interactive/13reasons/