SlideShare a Scribd company logo
2
Most read
3
Most read
4
Most read
What is a dashboard?
A dashboard is a visual display of the most important
information needed to achieve one or more objectives;
consolidated and arranged on a single screen so the
information can be monitored at a glance.
- Stephen Few (2004)
From “Dashboard Confusion” in Intelligent Enterprise magazine, March 20, 2004
Common definition of a dashboard.
An information display designed for people
to help maintain situational awareness.
Source: The Big Book of Dashboards (BigBookofDashboards.com)
Another way to think about dashboards.
• Information is presented using small, concise, direct, & clear display of media
• Clearly stated messages
• Each point should be limited to the space needed
• Customized
• tailored to the needs of
a specific group or individual
• Consistent Layout
• Data changes over time
• Interface is consistent
(until it’s time for the next revision)
Few, Stephen (2013), Information Dashboard Design, p. 28
Tableau dashboards have several common attributes.
Source: “blinged dashboard” from http://robslink.com/SAS/democd36/oil_blinged.htm
Not all dashboards are created equally.
• Some of the widgets and displays provided by tool vendors (thankfully,
not Tableau) are glitzy but unhelpful – like these:
• Require a disproportionate amount of room for information presented
• Hard to read and understand with little actionable information
Avoid useless features that are available in some dashboards.
Dashboard – High Effectiveness
Source: Information Dashboard Design by Stephen Few
One gauge takes the same space that
can accommodate twenty data points
in this dashboard design.
Source: Information Dashboard Design by Stephen Few
Red indicates more visual attention on that portion of the page
Source: http://styleguide.yahoo.com/writing/write-web/eye-tracking-where-do-readers-look-first
Even great visuals can be overlooked.
Source: http://www.useit.com/alertbox/reading_pattern.html
The “F-Pattern” is the common way people approach digital/printed communication.
Dominance of the neutral quadrants may change based on content.
Source: http://www.useit.com/alertbox/reading_pattern.html
Most emphasis Neutral
Neutral Least emphasis
The location of our visuals should reflect our emphasis.
Dominance of the neutral quadrants may change based on content.
Source: http://www.useit.com/alertbox/reading_pattern.html
Most emphasis Neutral
Neutral Least emphasis
The F-pattern is very relevant when designing dashboards.
Sales Team Dashboard
Source: Information Dashboard Design by Stephen Few
Sales Team Dashboard
Most emphasis Neutral
Neutral Least emphasis
Source: Information Dashboard Design by Stephen Few

More Related Content

PDF
Database & Database Users
PPT
Windows Architecture
PPT
Software Process Model in software engineering
PDF
Unit 5- Architectural Design in software engineering
PPTX
software requirement specification
PDF
Human Computer Interaction - Facebook Messenger
PPT
PPT
4. SQL in DBMS
Database & Database Users
Windows Architecture
Software Process Model in software engineering
Unit 5- Architectural Design in software engineering
software requirement specification
Human Computer Interaction - Facebook Messenger
4. SQL in DBMS

What's hot (11)

PDF
An Introduction to Software Architecture
PDF
Intro to Dynamic Web Pages
DOC
Hld and lld
PPT
PDF
Component diagram
PDF
Design and Implementation in Software Engineering
PPTX
Photoshop 101
PDF
Introligator 734[02] z1.03_u
PPT
FDS (Sixth Edition) | C1 | Databases and Database Users
PPTX
Ch20 systems of systems
PDF
3 data modeling using the entity-relationship (er) model
An Introduction to Software Architecture
Intro to Dynamic Web Pages
Hld and lld
Component diagram
Design and Implementation in Software Engineering
Photoshop 101
Introligator 734[02] z1.03_u
FDS (Sixth Edition) | C1 | Databases and Database Users
Ch20 systems of systems
3 data modeling using the entity-relationship (er) model
Ad

Similar to Storytelling with Data - Overview of Dashboards (20)

PDF
Dashboards- Take a closer look at your data
PDF
Dashboard Design / IxDA
PDF
IRJET- Creating a Dashboard using Tableau
PPT
1KEY Dashboard - 1KEY Agile
PPTX
Best_Practices_for_Effective_Dashboards (1).pptx
PDF
eb-how-to-design-best-in-class-dashboards-en.pdf
PDF
Dashboard research_fin
PDF
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
PDF
#NPTechClubATX: Leveraging Financial Dashboards for Success
PDF
Salesforce.com Finland User Group_Dashboard design_Robert Nykopp_2014-09-24
PPTX
Tableau Dashboard Design Best Practices
PPTX
Best practices for visualising data and building dashboards
PPTX
Dashboard philosophy
PDF
Dashboards - Driving Change or Driving Us Insane
PPTX
ke-6.pptxjhgjhg jgjgjgug bububuiyybibiu
PPT
Marketing Dashboards
PDF
Information visualization: information dashboards
PPTX
Data Visualization and Dashboard Design
PDF
How to create an analytics dashboard (with examples).pdf
PPTX
4 Steps to Better Dashboard Design - ZingChart
Dashboards- Take a closer look at your data
Dashboard Design / IxDA
IRJET- Creating a Dashboard using Tableau
1KEY Dashboard - 1KEY Agile
Best_Practices_for_Effective_Dashboards (1).pptx
eb-how-to-design-best-in-class-dashboards-en.pdf
Dashboard research_fin
Digital analytics: Dashboards, visualizations, and lying with data (Lectures ...
#NPTechClubATX: Leveraging Financial Dashboards for Success
Salesforce.com Finland User Group_Dashboard design_Robert Nykopp_2014-09-24
Tableau Dashboard Design Best Practices
Best practices for visualising data and building dashboards
Dashboard philosophy
Dashboards - Driving Change or Driving Us Insane
ke-6.pptxjhgjhg jgjgjgug bububuiyybibiu
Marketing Dashboards
Information visualization: information dashboards
Data Visualization and Dashboard Design
How to create an analytics dashboard (with examples).pdf
4 Steps to Better Dashboard Design - ZingChart
Ad

More from Zachary Goldman (10)

PPTX
Storytelling with Data - Additional Persuasion Slides
PPTX
The Impact of Color in Visualizations
PPTX
Hero or Foe - The Importance of Context
PPTX
Q&A with Professor of Neuroscience: From the Future of Storytelling
PPTX
Persuading (Un)favorable People
PPTX
Persuasion Overview Online
PPTX
Assertion Evidence Slide Design
PPTX
SWD Business Communication
PPTX
Evidence Driven Citations
PPT
Goldman Introduction to Nonverbal Communication
Storytelling with Data - Additional Persuasion Slides
The Impact of Color in Visualizations
Hero or Foe - The Importance of Context
Q&A with Professor of Neuroscience: From the Future of Storytelling
Persuading (Un)favorable People
Persuasion Overview Online
Assertion Evidence Slide Design
SWD Business Communication
Evidence Driven Citations
Goldman Introduction to Nonverbal Communication

Recently uploaded (20)

PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Insiders guide to clinical Medicine.pdf
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Business Ethics Teaching Materials for college
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
01-Introduction-to-Information-Management.pdf
PDF
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
Classroom Observation Tools for Teachers
PDF
Pre independence Education in Inndia.pdf
PPTX
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
PPTX
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
PDF
Microbial disease of the cardiovascular and lymphatic systems
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
PPTX
Cell Structure & Organelles in detailed.
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Insiders guide to clinical Medicine.pdf
O5-L3 Freight Transport Ops (International) V1.pdf
Business Ethics Teaching Materials for college
human mycosis Human fungal infections are called human mycosis..pptx
01-Introduction-to-Information-Management.pdf
Mark Klimek Lecture Notes_240423 revision books _173037.pdf
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
Final Presentation General Medicine 03-08-2024.pptx
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Classroom Observation Tools for Teachers
Pre independence Education in Inndia.pdf
BOWEL ELIMINATION FACTORS AFFECTING AND TYPES
The Healthy Child – Unit II | Child Health Nursing I | B.Sc Nursing 5th Semester
Microbial disease of the cardiovascular and lymphatic systems
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
O7-L3 Supply Chain Operations - ICLT Program
BÀI TẬP BỔ TRỢ 4 KỸ NĂNG TIẾNG ANH 9 GLOBAL SUCCESS - CẢ NĂM - BÁM SÁT FORM Đ...
Cell Structure & Organelles in detailed.

Storytelling with Data - Overview of Dashboards

  • 1. What is a dashboard?
  • 2. A dashboard is a visual display of the most important information needed to achieve one or more objectives; consolidated and arranged on a single screen so the information can be monitored at a glance. - Stephen Few (2004) From “Dashboard Confusion” in Intelligent Enterprise magazine, March 20, 2004 Common definition of a dashboard.
  • 3. An information display designed for people to help maintain situational awareness. Source: The Big Book of Dashboards (BigBookofDashboards.com) Another way to think about dashboards.
  • 4. • Information is presented using small, concise, direct, & clear display of media • Clearly stated messages • Each point should be limited to the space needed • Customized • tailored to the needs of a specific group or individual • Consistent Layout • Data changes over time • Interface is consistent (until it’s time for the next revision) Few, Stephen (2013), Information Dashboard Design, p. 28 Tableau dashboards have several common attributes.
  • 5. Source: “blinged dashboard” from http://robslink.com/SAS/democd36/oil_blinged.htm Not all dashboards are created equally.
  • 6. • Some of the widgets and displays provided by tool vendors (thankfully, not Tableau) are glitzy but unhelpful – like these: • Require a disproportionate amount of room for information presented • Hard to read and understand with little actionable information Avoid useless features that are available in some dashboards.
  • 7. Dashboard – High Effectiveness Source: Information Dashboard Design by Stephen Few
  • 8. One gauge takes the same space that can accommodate twenty data points in this dashboard design. Source: Information Dashboard Design by Stephen Few
  • 9. Red indicates more visual attention on that portion of the page Source: http://styleguide.yahoo.com/writing/write-web/eye-tracking-where-do-readers-look-first Even great visuals can be overlooked.
  • 10. Source: http://www.useit.com/alertbox/reading_pattern.html The “F-Pattern” is the common way people approach digital/printed communication.
  • 11. Dominance of the neutral quadrants may change based on content. Source: http://www.useit.com/alertbox/reading_pattern.html Most emphasis Neutral Neutral Least emphasis The location of our visuals should reflect our emphasis.
  • 12. Dominance of the neutral quadrants may change based on content. Source: http://www.useit.com/alertbox/reading_pattern.html Most emphasis Neutral Neutral Least emphasis The F-pattern is very relevant when designing dashboards.
  • 13. Sales Team Dashboard Source: Information Dashboard Design by Stephen Few
  • 14. Sales Team Dashboard Most emphasis Neutral Neutral Least emphasis Source: Information Dashboard Design by Stephen Few

Editor's Notes

  • #3: Stephen Few’s definition of a dashboard is very specific. He does not believe that something interactive or exploratory is by definition a dashboard.
  • #6: We learned in module 1 how the mind perceives information. Gradient colors and background colors can affect the way we perceive color. 3D effects can hide or even distort the data. Simple changes can have a dramatic impact.
  • #8: Compare to the CIO dashboard from Information Dashboard Design by Stephen Few.
  • #9: The gauges, which are often very large on dashboards, take up a large portion of the dashboard for a single KPI. We can build dashboards that are much more effective without the use of these glitzy tools.
  • #14: This is a sales team dashboard from Stephen Few’s book, Information Dashboard Design. Let’s see how it does with the emphasis guidelines.
  • #15: It’s not a perfect quadrant, but it works pretty well. The most important information about overall rep performance is in the top left quadrant.