SlideShare ist ein Scribd-Unternehmen logo
1 von 53
Downloaden Sie, um offline zu lesen
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/

Weitere ähnliche Inhalte

Was ist angesagt?

Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
Graeme Smith
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
Armin Heurich
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
Greg Sarles
 

Was ist angesagt? (20)

Graphic Design Overview
Graphic Design OverviewGraphic Design Overview
Graphic Design Overview
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
Infographics
InfographicsInfographics
Infographics
 
5 Rules for Infographic Success
5 Rules for Infographic Success5 Rules for Infographic Success
5 Rules for Infographic Success
 
Font analysis
Font analysisFont analysis
Font analysis
 
10 Things CEOs Need to Know About Design
10 Things CEOs Need to Know About Design 10 Things CEOs Need to Know About Design
10 Things CEOs Need to Know About Design
 
Nticx
Nticx Nticx
Nticx
 
eCommerce Internal Linking: Into the Spider-Verse-to-upload.pdf
eCommerce Internal Linking: Into the Spider-Verse-to-upload.pdfeCommerce Internal Linking: Into the Spider-Verse-to-upload.pdf
eCommerce Internal Linking: Into the Spider-Verse-to-upload.pdf
 
Introduction to Graphic Designing.pdf
Introduction to Graphic Designing.pdfIntroduction to Graphic Designing.pdf
Introduction to Graphic Designing.pdf
 
Typography Essentials: Part 1
Typography Essentials: Part 1Typography Essentials: Part 1
Typography Essentials: Part 1
 
Graphic Design Principles
Graphic Design PrinciplesGraphic Design Principles
Graphic Design Principles
 
Typography presentation
Typography presentationTypography presentation
Typography presentation
 
SEO for Changing E-commerce Product Pages - How to Optimize your Online Store...
SEO for Changing E-commerce Product Pages - How to Optimize your Online Store...SEO for Changing E-commerce Product Pages - How to Optimize your Online Store...
SEO for Changing E-commerce Product Pages - How to Optimize your Online Store...
 
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered DesignBetter Twitch Broadcasting through Rapid Prototyping & Human Centered Design
Better Twitch Broadcasting through Rapid Prototyping & Human Centered Design
 
Fundamental of typography
Fundamental of typographyFundamental of typography
Fundamental of typography
 
How to do keyword research in a language you don’t speak, by Lidia Infante
How to do keyword research in a language you don’t speak, by Lidia InfanteHow to do keyword research in a language you don’t speak, by Lidia Infante
How to do keyword research in a language you don’t speak, by Lidia Infante
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
VISUAL SEMIOTICS AND CULTURAL CRITICISM
VISUAL SEMIOTICS AND CULTURAL CRITICISM VISUAL SEMIOTICS AND CULTURAL CRITICISM
VISUAL SEMIOTICS AND CULTURAL CRITICISM
 
Design of Communication
Design of CommunicationDesign of Communication
Design of Communication
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
 

Andere mochten auch

INFOGRAPHICS: The Good and The Bad
INFOGRAPHICS: The Good and The BadINFOGRAPHICS: The Good and The Bad
INFOGRAPHICS: The Good and The Bad
Didit Marketing
 
Infographics: Analyze, Evaluate and Create
Infographics: Analyze, Evaluate and CreateInfographics: Analyze, Evaluate and Create
Infographics: Analyze, Evaluate and Create
Linda Nitsche
 
Classification of Market
Classification of MarketClassification of Market
Classification of Market
Nijo Ninan
 

Andere mochten auch (20)

Its all about Infographics
Its all about InfographicsIts all about Infographics
Its all about Infographics
 
What Makes Great Infographics
What Makes Great InfographicsWhat Makes Great Infographics
What Makes Great Infographics
 
INFOGRAPHICS: The Good and The Bad
INFOGRAPHICS: The Good and The BadINFOGRAPHICS: The Good and The Bad
INFOGRAPHICS: The Good and The Bad
 
Why are Infographics Important
Why are Infographics ImportantWhy are Infographics Important
Why are Infographics Important
 
Infographics: Analyze, Evaluate and Create
Infographics: Analyze, Evaluate and CreateInfographics: Analyze, Evaluate and Create
Infographics: Analyze, Evaluate and Create
 
Comparing JVM Web Frameworks - Jfokus 2012
Comparing JVM Web Frameworks - Jfokus 2012Comparing JVM Web Frameworks - Jfokus 2012
Comparing JVM Web Frameworks - Jfokus 2012
 
Simulation Powerpoint- Lecture Notes
Simulation Powerpoint- Lecture NotesSimulation Powerpoint- Lecture Notes
Simulation Powerpoint- Lecture Notes
 
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
Comparing Hot JavaScript Frameworks: AngularJS, Ember.js and React.js - Sprin...
 
textile printing
 textile printing textile printing
textile printing
 
Surviving Google: SEO in 2020
Surviving Google: SEO in 2020Surviving Google: SEO in 2020
Surviving Google: SEO in 2020
 
Classification of Market
Classification of MarketClassification of Market
Classification of Market
 
Collection and Conveyance of Water
Collection and Conveyance of WaterCollection and Conveyance of Water
Collection and Conveyance of Water
 
Fmcg training modules-bfg
Fmcg training modules-bfgFmcg training modules-bfg
Fmcg training modules-bfg
 
Cardiac cycle ppt (2)
Cardiac cycle ppt (2)Cardiac cycle ppt (2)
Cardiac cycle ppt (2)
 
How I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPointHow I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPoint
 
Engaging Learners with Technology
Engaging Learners with TechnologyEngaging Learners with Technology
Engaging Learners with Technology
 
Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017Thai tech startup ecosystem report 2017
Thai tech startup ecosystem report 2017
 
The Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing ContentThe Ultimate Guide to Creating Visually Appealing Content
The Ultimate Guide to Creating Visually Appealing Content
 
SEO Masterclass Webit 2010
SEO Masterclass Webit 2010SEO Masterclass Webit 2010
SEO Masterclass Webit 2010
 
2011 Trend Report (general version) - Urbanology by Tami Honesty
2011 Trend Report (general version) - Urbanology by Tami Honesty2011 Trend Report (general version) - Urbanology by Tami Honesty
2011 Trend Report (general version) - Urbanology by Tami Honesty
 

Ähnlich wie Show Don't Tell - Creating Visually Useful Infographics For Your Audience

Coding for Designers
Coding for DesignersCoding for Designers
Coding for Designers
Milly Schmidt
 
Webconf 2013 - Media Query 123
Webconf 2013 - Media Query 123Webconf 2013 - Media Query 123
Webconf 2013 - Media Query 123
Hina Chen
 

Ähnlich wie Show Don't Tell - Creating Visually Useful Infographics For Your Audience (20)

What Is Good DataViz Design?
What Is Good DataViz Design?What Is Good DataViz Design?
What Is Good DataViz Design?
 
International Web Analytics: A Monkey-free Framework
International Web Analytics: A Monkey-free FrameworkInternational Web Analytics: A Monkey-free Framework
International Web Analytics: A Monkey-free Framework
 
The Data-Driven Marketer - Trendigital 2016
The Data-Driven Marketer - Trendigital 2016The Data-Driven Marketer - Trendigital 2016
The Data-Driven Marketer - Trendigital 2016
 
What Is Good DataViz Design?
What Is Good DataViz Design?What Is Good DataViz Design?
What Is Good DataViz Design?
 
[INFOGRAPHIC] 10 Visual Content Ideas For Your Business
[INFOGRAPHIC] 10 Visual Content Ideas For Your Business[INFOGRAPHIC] 10 Visual Content Ideas For Your Business
[INFOGRAPHIC] 10 Visual Content Ideas For Your Business
 
How to Create Powerful Presentation
How to Create Powerful PresentationHow to Create Powerful Presentation
How to Create Powerful Presentation
 
Get Their Attention: How to Present Results to Get Results - 2016 MnSearch Su...
Get Their Attention: How to Present Results to Get Results - 2016 MnSearch Su...Get Their Attention: How to Present Results to Get Results - 2016 MnSearch Su...
Get Their Attention: How to Present Results to Get Results - 2016 MnSearch Su...
 
DataViz & Infographics: Design & Publishing Online
DataViz & Infographics: Design & Publishing OnlineDataViz & Infographics: Design & Publishing Online
DataViz & Infographics: Design & Publishing Online
 
Arbeitsprobe sl sealdays2013
Arbeitsprobe sl sealdays2013Arbeitsprobe sl sealdays2013
Arbeitsprobe sl sealdays2013
 
6 Strategies for Presenting Data & Charts
6 Strategies for Presenting Data & Charts6 Strategies for Presenting Data & Charts
6 Strategies for Presenting Data & Charts
 
6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)6 Rules to Designing Amazing Mobile Apps (@media 2011)
6 Rules to Designing Amazing Mobile Apps (@media 2011)
 
Coding for Designers
Coding for DesignersCoding for Designers
Coding for Designers
 
Get Your Geek On...Using Technology To Stay in the Game
Get Your Geek On...Using Technology To Stay in the GameGet Your Geek On...Using Technology To Stay in the Game
Get Your Geek On...Using Technology To Stay in the Game
 
Redefining content with Infographics
Redefining content with InfographicsRedefining content with Infographics
Redefining content with Infographics
 
Webconf 2013 - Media Query 123
Webconf 2013 - Media Query 123Webconf 2013 - Media Query 123
Webconf 2013 - Media Query 123
 
Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish Programming for Non-programmers PFNP @ Razorfish
Programming for Non-programmers PFNP @ Razorfish
 
5 Data Visualization Pitfalls
5 Data Visualization Pitfalls5 Data Visualization Pitfalls
5 Data Visualization Pitfalls
 
Steve Jobs Presentation Secrets
Steve Jobs Presentation SecretsSteve Jobs Presentation Secrets
Steve Jobs Presentation Secrets
 
Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014Programming for Non-Programmers - SXSW Vegas 2014
Programming for Non-Programmers - SXSW Vegas 2014
 
[Interaction 18] From Blank Page to World Stage
[Interaction 18] From Blank Page to World Stage[Interaction 18] From Blank Page to World Stage
[Interaction 18] From Blank Page to World Stage
 

Kürzlich hochgeladen

怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
eqaqen
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
sriharipichandi
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
eeanqy
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 

Kürzlich hochgeladen (20)

Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
一比一定(购)西悉尼大学毕业证(WSU毕业证)成绩单学位证
 
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
Anupama Kundoo Cost Effective detailed ppt with plans and elevations with det...
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
怎样办理伯明翰城市大学毕业证(BCU毕业证书)成绩单留信认证
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 

Show Don't Tell - Creating Visually Useful Infographics For Your Audience

  • 1. 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.
  • 2. 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.
  • 3. 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
  • 4. 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 ***
  • 5. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 WHAT is an Infographic?
  • 6. “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
  • 7. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 WHEN did we start to see them?
  • 8. 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. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 WHY are they so effective?
  • 10. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 WHY TEXT VISUAL 7x 1x
  • 11. 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
  • 12. 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.
  • 13. 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
  • 14. 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
  • 15. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 WHY 800% infographic 2 years
  • 16. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 WHAT do they do for us?
  • 17. 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!
  • 18. 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?
  • 19. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 CREATING an Infographic
  • 20. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 PROCES 1. Finding your topic.
  • 21. 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?
  • 22. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 PROCES 3. Define your medium.
  • 23. 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/
  • 24. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 PROCES 5. Organize your data.
  • 25. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 PROCES 6. Create a wireframe. TITLE SIDEBAR COMPARE (SOURCES)
  • 31. 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
  • 32. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 PROCES 8. Design it!
  • 33. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 DO’S & DONT’S
  • 34. 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.
  • 35. Don’t eyeball your measurements. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DON’T
  • 36. DON’T example ORIGINAL DESIGN CORECTED DESIGN SOURCE: coolinfographics.com
  • 37. 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
  • 38. 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
  • 39. DON’T example CLUTTERED DESIGN SOURCE: http://blog.newswhip.com/
  • 40. DO example Hello, WHITE SPACE SOURCE: Huffington Post
  • 41. 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
  • 42. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 DON’T Don’t forget to share!
  • 43. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 FUTURE TRENDS of Infographics
  • 44. 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.
  • 45. 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
  • 46. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 RESOURCES for Infographics
  • 47. 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
  • 48. 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
  • 49. 9 7 8 7 10 SHOW. DON’T TELL. 9 7 8 7 10 RESOURCES Cool Info-graphics http://www.coolinfographics.com/
  • 50. 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/
  • 51. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 THANK YOU!
  • 52. 9 7 8 7 10 9 7 8 7 10 9 7 8 7 10 Link to presentation: Stratablue.com/blog
  • 53. 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/