Data visualizations and infographics 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, websites, reports, blog posts and infographics. Randy's talk covers common pitfalls and design tips you can use whether you are working with a designer or going to design your own. 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. Major topics included: - The Science of Infographics - Data Visualization Design Tips - Software applications and website design tools Custom presentation for the Dallas UX Meetup group in March 2015.

1. #DFWDataVizMarch 26, 2015
Infographics:
Design Tips & Tools

2. Randy Krum
President, InfoNewt
@rtkrum

3. coolinfographics.com/DallasUX
Most links available at

4. Image by Will Lion, 2008

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

6. TB
Petabyte
G
1 PB = 1,024 TB

7. 20 PB/Day
50 PB

8. Facebook
Data Warehouse
300 PB
bit.ly/1ExunRK

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

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

11. The human brain is a pattern
recognition machine

12. Scientists need humans to analyze Mars
planetfour.org
“Computers are just no good
at detecting the features we are
trying to mark.The human mind
is far superior at analyzing
images”

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

14. What is an infographic?

15. DataVisualizations

16. Infographics
Tell Stories Combing
Text
Illustrations
DataVisualizations
Layout

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

18. Design Tips

19. #1
Be Accurate

23. FalseVisualizations

24. 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

26. Bedford'Police'Department'Budget
Budget Circle Circle
2009-2010 Area Diameter
Police
Patrol $4,609,556 5.30 2.60
C.I.D. $1,545,216 1.78 1.50
Community8Services $843,754 0.97 1.11
Deten?on8Services $802,880 0.92 1.08
Administra?on $782,525 0.90 1.07
Dispatch $662,940 0.76 0.99
Traffic $530,514 0.61 0.88
Records $372,171 0.43 0.74
Red8Light8Camera $371,460 0.43 0.74
Animal8Control $362,703 0.42 0.73
SWAT $18,660 0.02 0.17
Drug8Enforcement $15,000 0.02 0.15
Training $6,600 0.01 0.10
Total $10,923,979 12.57 4.00

27. 20th Century Death

28. #2
Be
Focused

29. A big pile of data

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

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

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

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

34. Data Dense bit.ly/Z2dQxx

35. #3
BeVisual

36. Data shown
as text-only
provides
no context!
thesocialmediahat.com/active-users

38. Visualizing data compares
multiple values and puts the
information into context

39. There are approximately
2,802,478,934
global Internet users
InternetWorldStats.com
December 31, 2013
Big fonts are NOT data visualizations!

40. Global Internet Users
2013
2,802,478,934
It’s tough to visualize a
number by itself

41. There are approximately
2,802,478,934
global Internet users
InternetWorldStats.com
December 31, 2013
Approximately
7,157,504,906
total people on Earth
US Census Bureau (USCB)
April 2014

42. There are approximately
2,802,478,934
global Internet users
InternetWorldStats.com
December 31, 2013
Approximately
318,987,350
total people in the U.S.
US Census Bureau (USCB)
September 2014

43. Text-Only Data is Perceived as
Less Important
49%
Parents use the
phone to monitor
their child's location
64%
Parents look at the
sentence of their
child’s cell phone

44. If your data is important
enough to include in the
infographic, visualize it!

45. #4 Be Transparent

47. #5 Eliminate Chart Legends

50. amzn.to/MjBdPq
#6
Be Different

51. bit.ly/1AU1hb8
The Graphic
Continuum

53. #7
BeVaried
Rose Diagram
Doughnut Charts
Icon Grid
100% Bars

54. 90 Pie Charts!

55. Small Multiples

56. #8 Clear Footnotes
Include URL to the original infographic
http://company.com/infographic
© creative
commons
copyright OR

57. Design Tools

61. Design With Objects

62. Excel Conditional Formatting

63. Excel Conditional Formatting

64. Vector Graphics
OmniGraffleAdobe Illustrator
PowerPoint InkscapeAffinity Designer
Visio

65. Online Infographics
Design

66. Infographics Presentations Charts Web Banners Animations Resumes
Millions of Images 100+ Beautiful Fonts Thousands of FreeVector
COOL30 - 30% OFF Forever!
Discount Code Expires April 30th
Publish & Share

67. Image Editing
Adobe Photoshop Pixelmator
AcornGIMP

68. Image Backgrounds
JPG PNG or GIF

69. Vectors vs. Images

70. Grid of 100 Squares

71. Grid of 100 Squares
65%10
10

72. The Noun Project
thenounproject.com

73. Wordle.net

74. chartle.net

75. gliffy.com

76. thinglink.com

79. Developers

80. Chart.js
Interactive HTML5 Charts

81. Highcharts/HighMaps JS
highcharts.com

82. D3.js

83. R
programming language
r-project.org
Processing 2.0
programming language
processing.org

84. Coolinfographics.com/Tools

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

86. bit.ly/coolinfogroup

87. Infographics & DataVisualization
Design Class
April 7 - May 19, 2015
Discount Code ($50 off) =VIP50
bit.ly/SMU-DataViz

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

89. Contact
infonewt.com
@rtkrum
coolinfographics.com