professional infographics made easy · what are infographics and why are they important? •visual...

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 Youhthompson@esri.com

@SiAction