House Rules:

Turn off your mobile phones Avoid unnecessary talking throughout the seminar Questions will be entertained during the open forum

Designing Visual Communication

Topics
The six principles of graphic design
Guidelines to avoid ethical lapses when using visuals Identifying which point to illustrate

Topics
The most common options for presenting data in a visual format
The most common options for presenting information, concepts, and ideas Verifying the quality of your visuals

Understanding Visual Communication

1. Identify Visual Points

2. Select the Best Visuals

3. Create Effective Visuals

The Power of Images

Enhance textual messages
Replace verbal messages Convey complex information Hold peoples attention Communicate with diverse audiences

Convey connotative meaning

The Visual Evolution in Business Communication

Technology Audience Skills Expectations

Consistency

Interpret Images

Emphasis

Contrast

Visual Literacy
Create Images

Convention

Balance

Simplicity

The Ethics of Visual Communication

Consider All Possible Interpretations Provide Appropriate Context

Do Not Conceal Negative Information

Do Not Exaggerate Support Information

The Ethics of Visual Communication

Do Not Oversimplify Complex Situations Do Not Imply Cause and Effect

Avoid Manipulation or Coercion

Be Careful How You Aggregate Data

Choosing Points to Illustrate

Clear Complete Concise Connected Compelling

Purpose Of Visuals
To clarify

To simplify To summarize To impress To unify

Selecting the Right Visuals

Data and Information Concepts and Ideas

The Parts of a Table

Multicolumn Head*
Stubhead Row head Row head Subhead Subhead Total Subhead XXX XX XX XXX Subhead Single-Column Head XXX XXX XXX XXX XX XX XX XX

Source: (In the same format as a text footnote). *Footnote (for explanation of elements in the table).

Preparing Data Tables

Common Units Consistent Usage Column Headings Rows and Columns Totals and Averages Data Sources

Temperature F

Line Chart

Surface Chart
90,000

Average Per Game

80,000 70,000 60,000 50,000 40,000 30,000

20,000
10,000 0 2004 2005 2006 2007 2008 2009 2010

Other Students Families Alumni Staff

Using Bar Charts

Compare Items
Show Changes Indicate Composition Show Relative Sizes

Single Bar Chart

Grouped Bar Chart

Deviation Bar Chart

Segmented Bar Chart

Combination Bar Chart

16,000 14,000 12,000 $8,000 $7,000 $6,000 $5,000

Head Count

10,000

Training Costs

8,000
6,000 4,000 2,000 0 2005 2006 2007 Head Count 2008 Training Costs 2009 2010

$4,000
$3,000 $2,000 $1,000 $0

Paired Bar Chart

Alternatives to Bar Charts

Pictograms
Novelty Impact Visual Appeal

Gantt Charts
Show Time Line Track Progress

Pictogram

Gantt Chart

Charting Business Entities and Variables

Scatter Diagrams
Several Entities Two Variables

Bubble Diagrams
Several Entities Three Variables

Bubble Diagram
30% 25% 20% 15% 10% 5% 0% 0% 10% 20% 30% 40% 50% 60% 70% Revenue Growth Rate

Extan (Annual sales: $155M)

Profit Margin

Flizel (Annual sales: $700M) Zenach (Annual sales: $850M) MooreComp (Annual sales: $1.4B)

Pie Chart

Data Visualization
Data Limits

Graphic Variety
Data Complexity

Tag Cloud

Visuals for Presenting Data

Tables Line and Surface Charts Bar Charts Pictogram and Gantt Chart Scatter Diagram and Bubble Diagram Pie Charts Data Visualization

Information, Concepts, and Ideas

Organization Charts Flow Charts

Positions Units Functions

Processes Procedures Sequences

Organization Chart

Using Maps
Location and Distance
Geographic Distribution Routes Distribution Routes Points of Interest Market Territories Facilities Locations

Map of Sleep Insufficiency

Drawings and Diagrams

Networks Processes

Operations

Procedures

Photographic Images

Kansas City Public Library

Photographic Images
Consider the use of diagrams
Learn basic image-processing tools

Match the file to the application

Insist on communication value

Honor copyrights and permissions

Animation and Video

Shapes and Text

Computer Animation

Digital Video

Visuals for Presenting Information, Concepts and Ideas

Organization and Flow Charts
Maps Drawings and Diagrams Photographs Animation and Video

Producing and Integrating Visuals

Creation Integration Verification

Creating Visual Aids

Training Experience

Templates

Quality

Integrating Text and Visuals

maintaining balance between illustrations and words referencing visuals placing visuals writing titles, captions and legends

Over-all Result of MSU-IIT Palakasan 2013

Percentile

The Legendary Fusion of CED-IDS remains undefeated. Overall percentile from KASAMA Tabulation Committee.

Verifying Visual Quality

Accuracy
Documentation Honesty

Designing Visual Communication

Sources:
Bovee, Thill (2009). Business Communication Today 10th Edition. http://www.sapdesignguild.org/goodies/diagram_guidelines/charts_bk.html http://mobileopportunity.blogspot.com/ http://docs.oracle.com/javafx/2/charts/chart-overview.htm http://www.jidesoft.com/products/charts.htm http://www.burningcutlery.com/derek/bargraph/ http://www.billiondollargraphics.com/infographics.html http://aoteastudios.com/2012/06/the-benefits-of-visual-communication-in-businessanalysis/