March 19 – 21, 2014 Orlando, FL
Infographics
…and why we seem to like them
Can simplify & compress content
Visually engaging
Less boring than plain tables & text Espresso
Image Credit: Lokesh Dhakar http://www.lokeshdhakar.com/coffee-drinksillustrated/
Steamed Milk
Milk Foam
Espresso
30
0
0
Caffé Latte
30
50
20
Cappucchino
30
35
35
Flat White
30
50
0
Texttexttexttexttexttexttexttexttexttext Texttexttexttexttexttexttexttexttexttext Texttexttexttexttexttexttexttexttexttext Texttexttexttexttexttexttexttexttexttext
Bianca Woods – Session 709– Infographics
But not all infographics work Sometimes they’re a complete mess Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 1
March 19 – 21, 2014 Orlando, FL
Not all infographics are created alike!
What?!
Bianca Woods – Session 709– Infographics
So when should you use an infographic? To infographic…
…or NOT to infographic?
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 2
March 19 – 21, 2014 Orlando, FL
Tie together related data Simplify large amounts of content
Tell a story that’s best told through data
Consider using an infographic if you need to…
Bianca Woods – Session 709– Infographics
Use it just because it’s shiny & new Need to tell a linear narrative story
Attempt to link data that actually isn’t connected
You’re better off using something else if you need to…
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 3
March 19 – 21, 2014 Orlando, FL
Where do people tend to go wrong when they make infographics? ?
?
?
?
?
?
?
Unclear point But what does it mean?!
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 4
March 19 – 21, 2014 Orlando, FL
Data & information is poorly displayed Well, that doesn’t tell me anything!
Bianca Woods – Session 709– Infographics
Confusing (or just plain ugly) graphic design Ahhh! My eyes!
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 5
March 19 – 21, 2014 Orlando, FL
So what does a GOOD infographic have? Clear narrative and point
How much pie have I eaten so far? a history of pie consumption up to this point of time
Logical information
Well-designed graphics That’s some good looking pie!
Pie I have eaten Pie I have not eaten
Bianca Woods – Session 709– Infographics
What’s my story? Essay Approach
Topic
Data & Info Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 6
March 19 – 21, 2014 Orlando, FL
What’s my story? Research Approach
Data & Info
Topic
Bianca Woods – Session 709– Infographics
Can I thoroughly support my story?
Data
Data
Data
Data
Data
Data
Data
Main Idea
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 7
March 19 – 21, 2014 Orlando, FL
The hard task of sorting Slightly Related
Somewhat Related
Mostly Related Data
Data
Data Data
Strongly Related
Data
Story
Data
Data
Data Data
Data
Data
Data Data
Data Data
Try it out for yourself Topic “How conferences help you build your skills.” Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 8
March 19 – 21, 2014 Orlando, FL
What do I keep? “How conferences help you build your skills.” percentage of people from your company who attended conferences over 1. The the past 5 years from employees about what memorable things they learned at recent 2. Quotes conferences 3. A set of statistics on how learning professionals rate the value of conferences 4. Study results on the value of conferences for people in executive roles chart showing how the number of conferences has increased over the past 10 5. Ayears list showing a selection of industry conferences and when during the year 6. Athey’re held
Bianca Woods – Session 709– Infographics
How exactly do I display my content?
Text
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 9
March 19 – 21, 2014 Orlando, FL
Communicating with graphs 8 Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
7 6 5 4 3 2 1 0 Jan Mar May Jul Sep Nov
Bianca Woods – Session 709– Infographics
Types of graphs How I spend my day
Type: Pie
Working
Sleeping Relaxing Fighting zombies Commuting
Best Suited For: Showing the portions of a whole. Capturing a moment of time
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 10
March 19 – 21, 2014 Orlando, FL
Types of graphs Time spent shooting zombies (in minutes)
Type: Bar/Column
50 40
Best Suited For:
30
Comparing different items/categories
20
Showing changes over time
10 0 Mon
Tues
Wed
Thurs
Fri Bianca Woods – Session 709– Infographics
Types of graphs Zombie Kills Per Day
Type:
14
Stacked Bar/Column
12
Best Suited For:
10 8 6 4 2
Elena Ginny Wayne
Comparing different categories while also showing the components of each category
0
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 11
March 19 – 21, 2014 Orlando, FL
Types of graphs Distance Fled Per Day From Zombies (in km)
Type: Line
5 4
Best Suited For:
3
Showing results over time.
Ysabet Dana Jason
2 1 0
Comparing the results from several sources over time
Bianca Woods – Session 709– Infographics
Types of graphs Canadian Zombie Repellant Sales
Type: Scatter
(in millions) SoldTitle Units Axis
10 Groan-BGone
8 6
WD-Zombie
4
Showing patterns between two variables throughout a large number of data points.
Raid Zombie Spray
2 0
Best Suited For:
Jun
Axis Title
Dec
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 12
March 19 – 21, 2014 Orlando, FL
Misleading information Missing and Confusing Labels
Choosing the Wrong Graph Type
Inconsistent or Misleading Design
25 20
Time on the job
10 8
15
6
E D C B A
10 8
4 2
6 4
0 Type Type 1 2
A
B
C
D
2
Comparing Brands Over Time
Type 1 Bianca Woods – Session 709– Infographics
Other ways to show information Here’s a bunch of text that gives
When asked what drink was their this infographic more context Titles favourite, the 14 surveyed customers
Images Colour Maps
Text
replied… 90% 55% 73% “Adding a related quote here” Aren’t sure why they should care
Don’t know what that means
90% 55% 73%
Some info about this statistic Some info about this statistic Some info about this statistic
6 4
Want to run away
Coffee Tea Pop Water
2 0
Juice
Type 1 Type 2 Type 3 Type 4
Some text to explain why this graph is important Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 13
March 19 – 21, 2014 Orlando, FL
Cite your sources!
Infographic credit: http://infographiccommons.com/view/could-samsung-take-down-apple.html Bianca Woods – Session 709– Infographics
What isn’t working? During a recent survey, participants replied: 1-100 101-200 201-300 301-500 501-700 750-1000
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 14
March 19 – 21, 2014 Orlando, FL
What should it look like? vs Bianca Woods – Session 709– Infographics
Committing to the right aesthetic
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 15
March 19 – 21, 2014 Orlando, FL
Colour Scheme
Main Colours
Main Colours
Main Colours
Main Colours
Bianca Woods – Session 709– Infographics
Picking the right fonts
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 16
March 19 – 21, 2014 Orlando, FL
Keeping everything from looking cramped
Contact & license info
Infographic credit: http://infographiccommons.com/view/tedtalks-info.html
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 17
March 19 – 21, 2014 Orlando, FL
What isn’t working?
Bianca Woods – Session 709– Infographics
How can I find out more? Hmm… tell me more!
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 18
March 19 – 21, 2014 Orlando, FL
Books Information is Beautiful and
The Visual Miscellaneum David McCandless
Bianca Woods – Session 709– Infographics
Books Cool Infographics Randy Krum
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 19
March 19 – 21, 2014 Orlando, FL
Books White Space is Not Your Enemy Kim Golombisky Rebecca Hagen Bianca Woods – Session 709– Infographics
Websites that show great infographics
www.informationisbeautiful.net Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 20
March 19 – 21, 2014 Orlando, FL
Websites that show great infographics
www.coolinfographics.com
Websites that show great infographics
visual.ly Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 21
March 19 – 21, 2014 Orlando, FL
Tools for creating your own
visual.ly
Bianca Woods – Session 709– Infographics
Tools for creating your own
Infogr.am
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 22
March 19 – 21, 2014 Orlando, FL
Tools for creating your own
PowerPoint
Bianca Woods – Session 709– Infographics
Additional Resources http://biancawoods.weebly.com/in fographics.html
http://e-geeking.blogspot.ca
@eGeeking
Bianca Woods – Session 709– Infographics
Session 709 – Telling Your Story with Infographics – Bianca Woods, BMO Financial Group
Page 23