Infographics and data visualizations are powerful communication tools to make information easier to understand and more memorable to an audience. Designing to communicate with data can be applied to PowerPoint presentations, reports, blog posts and infographics. Randy will share the science behind why infographics work, great examples of how companies are leveraging infographics to communicate information, and design secrets anyone can use to overcome the most common pitfalls and mistakes designers make. Top software and websites used by designers will also be shared, including many free tools that anyone can use. You will get many actionable tips and links you can use right away in your own communication. Presentation at the RocksDigital Conference on Social Media Day June 30, 2016

1. #RocksDigital
@rtkrum
June 30, 2016
Cool
Infographics

2. Randy Krum
President, InfoNewt
CONTINUING AND
PROFESSIONAL EDUCATION
DFW
DataViz &
Infographics
5 Things About Me

3. coolinfographics.com/RocksDigital2016
Most links available at

4. NOT Data Visualization!

6. Image by Will Lion, 2008

7. 280
Newspapers/Day
Dr. Martin Hilbert, USC, 2014
Information
Overload
1986 2007 2014
174
Newspapers/Day
40
Newspapers/Day

8. 25,000
50,000
75,000
100,000
125,000
1990 1994 1998 2002 2006 2010 2014 2018
Global Internet Traffic Growth
(Petabytes/Month)
CiscoVisual Networking Index, 2015
2016
Over 100,000 Petabytes/Month in 2017

9. Don’t Be Part of the Problem!

10. University of Rochester, 2004
80% of the brain is dedicated to
visual processing

11. The human brain is a pattern recognition machine

12. Picture Superiority Effect
European Journal of Cognitive Psychology 18(6), 2006
10% 65%
Text or Audio Only Text + Picture
Memory retention after 3 days

13. What is an infographic?

14. DataVisualizations

15. Infographics Tell
Stories Combining
Text
Illustrations
DataVisualizations
Layout

16. The
5-Second
Rule
Quick <5sec
Long >5min

17. Key
Message
What is the ONE
thing you want your
audience to
remember?
“Google makes money
from advertising!”

18. 3-Part Story Format
Introduction/Foundation
Call-To-Action/Conclusion
Ah-Ha!
The Main Event

19. Introduction
Conclusion
Ah-Ha!
The Main Event
www.rothira.com/tower-of-beer

20. Good Infographics are…
Understood
Faster
Memorable Actionable

21. Static
Infographic
bit.ly/1kryeac

22. Animated - Wind Maps
hint.fm/wind/
August 29, 2012 - Hurricane Isaac
FernandaViégas, Google DataVisualization Group

23. Animated GIF

24. Videos
youtu.be/VcSX4ytEfcE youtu.be/3qRtDnsnSwk
projects.flowingdata.com/target/ youtu.be/kY3AgpmQ6ZU

25. Interactive Hover/Click for more information

26. 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016
Search term =
“Infographic”
0
100
50
6

28. Informative

31. Popular,
Interesting,
Related
Topics

32. Share
Internal
Data

33. How-To

34. Persuasive

35. Company
Elevator Pitch

36. Infographic Ad

37. Infographic Ads

38. Infographic
PR

39. Charities
And
Humanitarian
Information

40. Lobbying

41. Entertainment

43. Infographic MusicVideo
Röyksopp
Remind me

46. Financial
Data

47. Sales
Data

48. Business
Model

49. Competitor
Landscape

50. Social Media Strategy

51. Qualitative
Data

52. Quantitative Data

53. Personas
Or
Demographics

54. Annual
Reports

56. Please
Be Accurate

58. FalseVisualizations

59. Calculate Area for Shapes
1X
9X
1X
3X
Area = 0.79in2
Diameter = 1in
Area = 0.785in2
Diameter = 1in
Area = 7.07in2
Diameter = 3in
Area = 2.355in2
Diameter = 1.73in
WRONG
CORRECT

60. FalseVisualizations
January 6, 2016

61. FalseVisualizations
January 6, 2016

62. Eliminate Chart Legends

65. Tell A Story

66. A big pile of data

68. The human brain is a pattern recognition machine

69. Preattentive Attributes
Visual aspects your brain can process easily in a fraction of a second
Form Color PositionSize

70. Better Design
0"
10"
20"
30"
40"
50"
60"
1975" 2007"
Melanoma(incidence(rates(per(100,000(people(
Australia(has(the(HIGHEST(rates(of(Melanoma((Skin(Cancer)(
USA"
AUS"
UK"

73. Vector Graphics
OmniGraffleAdobe Illustrator
PowerPoint InkscapeAffinity Designer
Visio

74. Online Infographics
Design

75. Image Editing
Adobe Photoshop Pixelmator
AcornGIMP

76. The Noun Project
thenounproject.com

77. Wordle.net

78. chartle.net

79. gliffy.com

82. Highcharts/HighMaps JS
highcharts.com

83. D3.js

84. Coolinfographics.com/Tools

85. coolinfographics.com/book
Download a Free Chapter!

86. DFW
DataViz &
Infographics
DFW DataVisualization & Infographics
#DFWDataVizbit.ly/DFWDataViz

87. DataVisualization & Dashboard
Design Course
Nov 2 - Dec 14, 2016
bit.ly/SMUDataViz CONTINUING AND
PROFESSIONAL EDUCATION

88. Contact
infonewt.com
@rtkrum
coolinfographics.com
randy@infonewt.com