Dashboard Design - PASS · Remember the Dashboard’s Purpose Visual display of most important...
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/6.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/13.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/14.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/15.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/16.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/19.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/20.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/23.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/25.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/26.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/27.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/28.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/29.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/30.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022050403/5fa74e7d8aafb71788588d09/html5/thumbnails/31.jpg)
Global Sponsor:
Thank You for Attending