Central Michigan University IHBI Webinar Series Nolen Akerman, …. Akerman W… · Central...

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

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

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

A Framework for

Building Visualizations

• 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” ?

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

A Framework for

Building Visualizations

Audience: Executive Leader

Purpose: Highlight Key Facts

Tool: MS PowerPoint, Adobe PDF

Dataset: Operational Metrics

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

A Framework for

Building Visualizations

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

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

A Framework for

Building Visualizations

Audience: Real Estate Agents

Purpose: Identify Opportunities and Matches

Tool: Tableau

Dataset: Small <1,000 records

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

A Framework for

Building Visualizations

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

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

A Framework for

Building Visualizations

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

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

A Framework for

Building Visualizations

Formalized scope or template document to identify key

information regarding the purpose (intended use) of the

visualization. Visualization Scope Document (VSD)

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

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

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

Elements of Design

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

Consistent Color (lack)

Simplified

Images

Consistent

Font

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

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

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

Elements of Design

Color for Contrast

Consistency of Color

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

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

Elements of Design

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

A B C

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

Elements of Design

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

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

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

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

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.

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

Examples

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

Examples

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

Examples

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

Examples

Balance

Grouping

Grouping

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

Examples

Consistency

of Color &

Font

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

Examples

Hierarchy

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

Examples

Alignment

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

Examples

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

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

Tableau Tips and Tricks

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

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.

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

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

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

Design Basics Index

Jim Krause

Beautiful Evidence

Edward Tufte

Information Design Workbook

Kim Baer

References

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

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