professional infographics made easy · what are infographics and why are they important? •visual...
TRANSCRIPT
Professional Infographics
Made Easy
Helen Thompson
Esri
Lea rn ing
Webina r
What Are Infographics and Why Are They Important?
• Visual presentations of information that use design to display content
• Communicate data quickly and clearly ▪ Express complex messages and ideas simply
▪ Enhances understanding and comprehension
▪ Self-contained summary of what the reader needs or values
▪ Effectively compress and display
• Present insights in impactful ways▪ Context
▪ Cause and effect
Infographic Elements
• Visual Elements▪ Color coding/branding
▪ Graphics
▪ Reference icons
• Content Elements▪ Maps
▪ Statistics
▪ Charts
• Knowledge Elements▪ Facts
Quantitative Infographics: The Art of Finding Out More
• Convey statistical data▪ Logically grouped
▪ Summarize
▪ Interpretive
• Structured information▪ Hierarchically organized
▪ Relative importance of parts
▪ Flow of knowledge
• Progressive Reveal
Designing Infographics
• Limit Scope
• Think Color
• Communicate Conclusions
• Emphasize relationships▪ Connect key components
• Keep it Simple▪ Clean, clear, concise
Business Analyst Infographic Vocabulary
• Element▪ Fixed sized building block
▪ Container to hold sections
▪ Defined in pixels
▪ Minimum size 200x150
• Template▪ Table (layout) of elements
▪ Defined in rows and columns
▪ Master design for infographics
▪ Structured whiteboard
• Esri blank template library
• User defined
• Organizational (shared) templates
Business Analyst Infographic Vocabulary
• Component elements▪ Infographics
▪ Charts▪ Bar graph
▪ Line graph
▪ Pie chart
▪ Donut chart
▪ Ring chart
▪ Tables
▪ Images
▪ Text
▪ Maps
Business Analyst Infographic Vocabulary
• Panel▪ Graphical summary of data
▪ Esri attributes
▪ Webmap fields
▪ Custom data services
▪ Icons
▪ Values
▪ Descriptions
• Customization▪ Layout/Grouping
▪ Styles/Colors
▪ Icons/shapes
Configuring Infographic Templates
• Elements▪ Merge
▪ Split
▪ Resize
▪ Reposition
▪ Swap
▪ Copy
• Templates▪ Design themes
▪ Style common components
▪ Backgrounds
▪ Printing/Page set up
5 Step Plan for Designing Infographic Templates
• Sketch it out▪ Draw the final design on paper or on a whiteboard
• Grid it and Chop it up▪ Convert your design to a set of individual grids and major component of the infographic
• Use backgrounds images as you build to improve the design and layout process
▪ Remove complexity▪ Simplify and rework so that it’s easy to build every part
• Think library▪ Make every infographic object a reusable element
6 Columns5
Ro
ws
Divisible into 4 major sections
Left-Right and Top-Bottom
Size=1200x750 pixels
using 200x150 element
Questions
Thank [email protected]
@SiAction