Embed Size (px)
DESCRIPTION
"Show. Don't tell. Creating Visually Useful Infographics For Your Audience." This was a presentation given by Suzanne McGill, the Senior Graphic Designer at StrataBlue -- a full-service digital marketing agency. The presentation was delivered at the National Association of Bar Executive's Conference in Indianapolis on October 2, 2014. Infographics are very beneficial for many different reasons. They provide great brand recognition and SEO benefits. Whether you’re a butcher, banker or beautician, your business can benefit from the power of infographics. Any company can use this visual tool on social media, and research indicates that infographics assist companies in increasing traffic 12% faster than organizations that don’t use them. Embrace the Visual Marketing Era We’ve learned through science that 90% of information transmitted to the brain is visual and is processed 60,000 times faster than text. (Maybe it’s time to revisit adding Pinterest, Instagram or Snapchat to your brand’s marketing strategy.) The daunting fact about creating infographics for many marketers is the time investment required. A successful infographic does not exist without data. If it’s time you are worried about investing in an infographic, look back on your past blog posts, case studies or surveys to cut out a majority of the work! You’ve already put in hours, maybe even months’ worth of work, so repurpose the content to be more visually appealing on different platforms. If you are interested in which infographic will perform best with your target audience, try using Facebook Dark Posts to analyze which visual resonates best with your fans. Or maybe you want to start an infographic from scratch, but need some assistance. Contact Josh Pyne, Director of Sales at StrataBlue, about having an infographic created and promoted to assist your brand's online marketing efforts.
Citation preview
PRESENTED BY
SUZANNE MCGILLStrataBlue, Senior Graphic Designer
9787
10
9787
10
9787
10
SHOW. DON’T TELL.Creating Visually Useful Infographics For Your Audience.
Hi! I’m Suzanne.Senior Graphic Designer at
9787
10SHOW. DON’T TELL.
9787
10
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
desired business result as our guide.
9787
10SHOW. DON’T TELL.
9787
10
9787
10SHOW. DON’T TELL.
9787
10
employees also located in New Jersey & New York
INDUSTRIES:
14 employees
Legal Restaurants Recreational Financial Lending Insurance/ Healthcare
Commercial Real Estate
Consumer Goods/ Retail
9787
10SHOW. DON’T TELL.
9787
10
My Background:
Ohio University - School of Visual Communications
Degree in Informational Graphics & Publication Design
Previously with a Tech Startup - created infographics
***
9787
10
9787
10
9787
10
WHATis an Infographic?
9787
10SHOW. DON’T TELL.
9787
10
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.”
Mark SMiCiklaS
WHAT
9787
10
9787
10
9787
10
WHENdid we start to see them?
9787
10SHOW. DON’T TELL.
9787
10
WHEN
35,000 BC 1982
USA TODAY first to use infographics.
We’ve always used pictures to communicate.
fast forward many, many years.
9787
10
9787
10
9787
10
WHYare they so effective?
9787
10SHOW. DON’T TELL.
9787
10
WHY
TEXT
VISUAL
7x
1x
9787
10SHOW. DON’T TELL.
9787
10
WHY
TExT + iLLusTrATiONs
323%BetteR FOLLOWeD THAN WiTHOuT iLLusTrATiONs
DirECTiONS WiTH
9787
10SHOW. DON’T TELL.
9787
10
WHY
20%Most people only remember 20% of what they read.
9787
10SHOW. DON’T TELL.
9787
10
WHY
80%grumpy cat with sad eyes
and frown.
60,000x
FASTER
9787
10SHOW. DON’T TELL.
9787
10
WHY
Vs.
500 views 560 views
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.
BLOG BLOG
9787
10SHOW. DON’T TELL.
9787
10
WHY
infographic
800%2 years
9787
10
9787
10
9787
10
WHATdo they do for us?
9787
10SHOW. DON’T TELL.
9787
10
WHAT
They tell a story.
beginning
middle
end
TITLE & INTRODUCTION
THE MEAT
CONCLUSION, CALL TO ACTION
Don’t forget to leave space for your sources!
9787
10SHOW. DON’T TELL.
9787
10
WHAT
GEOGRAPHYCHRONOLOGY ANATOMY
STATISTICS IDEASPROCESS
HIERARCHY RELATIONSHIPS PERSONALITY
How can we use them in the business world?
9787
10
9787
10
9787
10
CREATING an Infographic
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
1. Finding your topic.
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
2. Creating your content.aSK YOURSELF: What’s the point?
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
3. Define your medium.
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
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/
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
5. Organize your data.
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
6. Create a wireframe.TITLE
SIDEBARCOMPARE
(SOURCES)
ExAMPLE
CHrONOLOGY
ExAMPLE
GEOGrAPHY
ExAMPLE
COMPAriNG
ExAMPLE
iNTErACTiVE
ExAMPLE
PuBLiCATiON
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
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
9787
10SHOW. DON’T TELL.
9787
10
PrOCEss
8. Design it!
9787
10
9787
10
9787
10
DO’S & DONT’S
9787
10SHOW. DON’T TELL.
9787
10
Find accurate data.
DO
“63% of infographics on the web contain inaccurate facts.”
- Just kidding, this statistic is made up.
9787
10SHOW. DON’T TELL.
9787
10
Don’t eyeball your measurements.
DON’T
DON’T
ExAMPLE
OriGiNAL DEsiGN COrrECTED DEsiGN
SOUrCE:
coolinfographics.com
9787
10SHOW. DON’T TELL.
9787
10
Simplify your charts & graphs.
DO
https://speakerdeck.com/cherdarchuk/remove-to-improve-the-data-ink-ratio
9787
10SHOW. DON’T TELL.
9787
10
Don’t clutter your page.(WHITE SPACE IS YOUR FRIEND)
DON’T
DON’T
ExAMPLECLuTTErED DEsiGN
SOUrCE:
http://blog.newswhip.com/
DO
ExAMPLEHELLO, WHiTE sPACE
SOUrCE:
Huffington Post
9787
10SHOW. DON’T TELL.
9787
10
Choose simple fonts.
DO
Extremely DecorativeThis should not be used for your body copy.
Simple typeface HeadlineCleaner, easier to read font for body copy.
VS
NO. YES!
9787
10SHOW. DON’T TELL.
9787
10
DON’T
Don’t forget to share!
9787
10
9787
10
9787
10
FUTURE TRENDSof Infographics
9787
10SHOW. DON’T TELL.
9787
10
FuTurE
Video
http://vimeo.com/92595987
http://visual.ly/brain-numbers
http://visual.ly/brain-numbers
“Videos are shared 12x more than links and text posts combined on Facebook.”
VFM Leonardo Inc.
9787
10SHOW. DON’T TELL.
9787
10
FuTurE
Interactive Infographics
http://visual.ly/brain-numbers
http://visual.ly/wine-beer-or-spirits?view=truehttp://www.distancetomars.com/
9787
10
9787
10
9787
10
RESOURCESfor Infographics
9787
10SHOW. DON’T TELL.
9787
10
rEsOurCEs
PinterestSearch “infographic(s)” on Pinterest and explore!
Upload your infographics to your company’s Pinterest account to get more traffic and views.
http://visual.ly/brain-numbers
http://www.pinterest.com/
9787
10SHOW. DON’T TELL.
9787
10
rEsOurCEs
Visual.lyCategorized 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
9787
10SHOW. DON’T TELL.
9787
10
rEsOurCEs
Cool Info-graphics
http://www.coolinfographics.com/
9787
10SHOW. DON’T TELL.
9787
10
rEsOurCEs
dribbble.comSearch “infographics”. Great visual website to use for inspiration.
https://dribbble.com/
9787
10
9787
10
9787
10
THANK YOU!
9787
10
9787
10
9787
10
LiNk TO PrEsENTATiON:
Stratablue.com/blog
sOurCEs
The Power of Infographics: Using Pictures to Communicate and Connect With Your AudiencesMark 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/
