central michigan university ihbi webinar series nolen akerman, …. akerman w… · central...

Central Michigan University – IHBI Webinar Series Nolen Akerman, Ph.D.


References

A Framework for

Building Visualizations

Elements of Design

Documentation

Examples

Tableau Tips and Tricks

Design Exercises

Introduction Introduction

• The Science – A Simple Framework

• The Art - Selected Design Concepts

• Examples

• The Technology - Tips & Tricks

• Exercises

• References


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


• Who will be using the tool?

• What level in the organization?

• Strategic, tactical, operational?

• Multiple user types?

• Global?

• Informative, persuasive

• What action will result?

• Guided, static, decision support

• Microsoft Excel, PowerPoint

• Adobe Illustrator

• Tableau, Qlikview, MSBI

• SAS Visual Analytics

• Summary data (<10,000 records)

• 1 million records ?

• 10 million records ?

• “Big Data” ?


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


Audience: Executive Leader

Purpose: Highlight Key Facts

Tool: MS PowerPoint, Adobe PDF

Dataset: Operational Metrics


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


Audience: Physicians, Politicians

Purpose: Inform on an Issue

Tool: Adobe Illustrator (assumed)

Dataset: Small Dataset

http://www.comphealth.com/resources/wp-content/uploads/2015/01/JAMA_Medicare_resized.png





References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


Audience: Real Estate Agents

Purpose: Identify Opportunities and Matches

Tool: Tableau

Dataset: Small <1,000 records


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


Methodology 1. Identify Purpose (Intended Use)

2. Consider Audience

3. Research i. Identify Available Datasets

ii. Identify Data Elements

iii. Benchmark Designs

4. Design i. Sketch

ii. Iterate

iii. Collect Feedback

5. Execute Design i. Collect Feedback

6. Document – Deploy

7. Sustain


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


1

2

3 5

6 Effo

rt

4 Recommended

Identify Purpose

Consider Audience

Research

Design

Execute Design

Document - Deploy 1 2

3

5

6

1

2

3

4

5

Effo

rt

4

6

Observed


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

A Framework for


Formalized scope or template document to identify key

information regarding the purpose (intended use) of the

visualization. Visualization Scope Document (VSD)


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

1. Unity – Consistency in colors, fonts, logos, chart types

2. Hierarchy – Sizing and placement to denote importance

3. Color – Color to highlight differences or provide grouping

4. Balance – A sense of harmony to the design, offsetting

visual elements aligned to provide a sense of completeness

5. Grouping – Spacing or alignment to denote a connection of

visual elements


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

https://public.tableau.com/s/gallery/beatles-albums Author: Mike Moore

Consistent Color (lack)

Simplified

Images

Consistent

Font

https://public.tableau.com/s/gallery/beatles-albums



https://public.tableau.com/profile/mike.moore#!/


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

Level 1

Level 2

Level 3

Level 4

https://public.tableau.com/s/gallery/blame-weather-us-flight-delayed-precipitation Author: Matt Chambers

https://public.tableau.com/s/gallery/blame-weather-us-flight-delayed-precipitation











https://public.tableau.com/profile/matt.chambers#!/


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

Color for Contrast

Consistency of Color

https://public.tableau.com/s/gallery/road-accidents-germany Author: Oliver Linder

https://public.tableau.com/s/gallery/road-accidents-germany





https://public.tableau.com/profile/olinder#!/


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

https://public.tableau.com/s/gallery/chicago-crime-scene Author: George Gorczynski

A B C

https://public.tableau.com/s/gallery/chicago-crime-scene





http://public.tableau.com/profile/george.gorczynski#!/


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Elements of Design

https://public.tableau.com/s/gallery/50-years-crime-us Author: Shine Pulikathara

https://public.tableau.com/s/gallery/50-years-crime-us







https://public.tableau.com/profile/shine.pulikathara#!/


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

https://public.tableau.com/profile/nolen.akerman#!/vizhome/MasterAngler/FishingNavigator

‘Fishin’ in the Mitten Purpose: Decision support system for

interested fishermen and fisherwomen to

identify the best place, time, bait and

approach to catch a ‘big’ fish for a

selected fish species.

Audience:

Fishermen and Fisherwomen

Research:

DNR database of Master Angler Awards,

Public Tableau Visualizations

https://public.tableau.com/profile/nolen.akerman#!/vizhome/MasterAngler/FishingNavigator


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

https://public.tableau.com/profile/kelly#!/vizhome/WorldEnergy_3/Energy

Research: Tableau visualizations of the

day ‘Viz of the day.’ Identified a ‘long viz’

style of visualization that extends past the

height of the computer screen.

Provided inspiration for dashboard

designs extending past the constraints of

the screen.

https://public.tableau.com/profile/kelly#!/vizhome/WorldEnergy_3/Energy


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

Balance

Grouping

Grouping


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

Consistency

of Color &

Font


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

Hierarchy


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

Alignment


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Examples

https://public.tableau.com/profile/nolen.akerman#!/vizhome/Dissertation_1/MainDashboard

https://public.tableau.com/profile/nolen.akerman#!/vizhome/Dissertation_1/MainDashboard


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction



References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Design Activities

1. Download an interesting visualization from Tableau Public.

Try to recreate the visualization exactly as is in Tableau.

2. Identify a visualization from Tableau Public and redesign it to

serve another audience or purpose.

3. Select a visualization from online and redesign it (sketch it)

to create a better visualization.


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

References

The Functional Art

Alberto Cairo

Information

Dashboard Design

Stephen Few

Universal Principles

of Design

William Lidwell

Envisioning Information

Edward Tufte

Visual Explanations

Edward Tufte

The Visual Display of

Quantitative

Information

Edward Tufte


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

Design Basics Index

Jim Krause

Beautiful Evidence

Edward Tufte

Information Design Workbook

Kim Baer

References


References

A Framework for


Elements of Design

Documentation

Examples


Design Exercises

Introduction

References

http://www.visualnews.com/

http://www.flowingdata.com

http://www.thisiscolossal.com/

http://vizwiz.blogspot.com/

http://www.datavizdoneright.com/

https://public.tableau.com/s/gallery

National Geographic Magazine

Bloomberg Businessweek

http://www.visualnews.com/

http://www.flowingdata.com/

http://www.thisiscolossal.com/

http://vizwiz.blogspot.com/

http://www.datavizdoneright.com/

https://public.tableau.com/s/gallery

central michigan university ihbi webinar series nolen akerman, …. akerman w… · central...

Documents