Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important...

31
Global Sponsor: Dashboard Design Stacia Misner, Business Intelligence Author and Consultant Dos and Don’ts

Transcript of Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important...

Page 1: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Global Sponsor:

Dashboard Design

Stacia Misner, Business Intelligence Author and Consultant

Dos and Don’ts

Page 2: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Overview

What Is It With Dashboards?

Effective Dashboard Design

Dashboard Makeover Action Plan

Page 3: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

What Is It With Dashboards?

Page 4: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Dashboard Metaphor

How fast are you going?

How much fuel remains?

Does anything need your attention?

Page 5: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

13 Design Don’ts

aka Common Mistakes in Dashboard Design

Photo: Zach Klein / Creative Commons

See Stephen Few, Information Dashboard Design

Page 6: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Navigation Interference

Vertical or horizontal scrolling required

Multiple pages for “single” dashboard

Page 7: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Missing Context

Values displayed without benchmark

Gauges without supporting details

Page 8: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Too Much Detail

Too much precision in values

Page 9: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Wrong Measurement

Significance of variance difficult to compare as two lines

Page 10: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Meaningless Variety

Different types of charts send different messages

Page 11: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Wrong Visualization

Pie charts not always best choice for comparisons

3D obscures data points

Page 12: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Bad Design

Values in legend interrupt perception

Page 13: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Skewing Results

Scale break alters perception of relative sizes

Scale started at value other than 0 has similar result

Page 14: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Unhelpful Arrangement

Flow from one item to another does not add insight

Page 15: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Inappropriate (or No) Emphasis

Use of styling implies greater importance Bold

Color

Lines

Underlines

Italics

Borders

Page 16: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Clutter

Too many items on a page distract from message

Background image adds nothing useful

Multiple links to similar report types wastes valuable space

Page 17: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Color

Hot colors demand attention and distract from message

Page 18: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Just Plain Ugly

People likely won’t use a dashboard that is unattractive

Page 19: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Effective Dashboard Design

Remember the Dashboard’s Purpose

Maintain Key Design Principles

Plan the Arrangement for Best Communication

Page 20: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Remember the Dashboard’s Purpose

Visual display

of most important information needed

to achieve one or more objectives

which

fits entirely on a single computer screen

so it can be

monitored at a glance

--Stephen Few, Information Dashboard Design

Page 21: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Maintain Key Design Principles

Minimize non-data elements

Be ruthless and eliminate whatever you can!

If it must stay, reduce its emphasis (size, color, borders)

Maximize data elements

Eliminate data that does not add to immediate insight

Draw attention to most important data elements

Page 22: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Plan the Arrangement for Best

Communication

It’s all about relationships – define them visually

Use relationships to organize data by function, entity, or data

source

Use white space or subtle borders to create distinctions between

groups

Enhance the message with supporting information

Add comparative measures

Use percentages to better communicate differences

Be consistent with color and font

Link to details or enable filtering

Page 23: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Dashboard Makeover Action Plan

Identify Dashboard Type and Audience

Identify Metrics

Select Visualization

Add Support and Interaction

Keep It Simple

Page 24: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Identify Dashboard Types and Audiences

Strategic Operational

Summary of overall

health

Progress on long-

term goals and

strategic objectives

Historical

Executive audience

Snapshot of current

operations

Clear meaning

Link to action or

information

Real-time

Department focus

Analytic

Supports comparisons,

review of history,

evaluate performance

Drill into causes

Needs feedback loop

– establish goals to

course-correct

Don’t take cookie-cutter approach

Do consider unique needs of each audience

Page 25: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Identify Metrics

What is the question that must be answered? Proper metric

What does success look like?

What does a problem look like?

What are top 5-10 that you must know all the time?

What does audience need to know? Proper detail

Include timely summary information on dashboard

Link to supporting details

What does the audience need to do? Proper action

What must happen next?

Do focus on goals and critical information

Page 26: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Select Visualization

http://img.labnol.org/di/choosing_a_good_chart2.pdf

Page 27: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Add Support and Interaction

Add Supporting Information

Simple lists of issues and tasks

Schedules of due dates and people assigned

Filter

Additional web part to prompt user for selection

Connect to multiple web parts to apply to related content

Drill / Link

Simple lists of issues and tasks

Schedules of due dates and

people assigned

Action to perform next

Don’t require too much manual intervention

Do make it easy to take steps in response to information

Page 28: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Keep It Simple

Start Simple

Start with 3 metrics

Focus on trends rather than 2 point-in-time comparisons

Don’t try to use every available features

Let the dashboard evolve

Get user feedback early and often

Revisit the choice of metrics periodically – business is dynamic!

Page 29: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Presenting the Dashboard Makeover…

Page 30: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Global Sponsor:

Questions?

Page 31: Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important information needed to achieve one or more objectives which fits entirely on a single

Global Sponsor:

Thank You for Attending