SlideShare une entreprise Scribd logo
1  sur  26
Best Practices for
Effective Dashboards
DASHBOARD DOCTOR SESSION
Katie Poznanski-Ring, Butler University
Dawit Gelan, Indiana University
1
What is a dashboard?
"A dashboard is a visual display of the most important
information to achieve one or more objectives;
consolidated and arranged on a single screen so the
information can be monitored at a glance."
Stephen Few
2
Good Dashboards
3
Bad Dashboards
4
Best Practices for
Effective Dashboards
1. Identify your goal
2. Design for the real world
3. Choose metrics that matter
4. Keep it visual
5. Build in functionality
6. Avoid chart junk
7. Follow the 4 C’s ofVisualization
8. Finalize withTableau’s dashboard checklist
5
1. Identify your goal
6
 Know your purpose and audience/consumer
 Know your dashboard type
 Strategic: executive, high-level
 Operational: immediate use, sales information, pulse
 Analytic: drill-down, highly interactive
 What value will the dashboard add?
Does the dashboard...
...help management define what is important?
...educate people in the organization about the things that matter?
...set goals and expectations for specific individuals or groups?
...help executives sleep at night because they know what’s going on?
...encourage specific actions in a timely manner?
...highlight exceptions and provide alerts when problems occur?
...communicate progress and success?
...provide a common interface for interacting with and analyzing important
business data?
 Leverage the most viewed spot
2. Design for the real world
7
 Author at your final display size
 Limit the number of views to three or four
(unless there is an absolute need)
 Implement an iterative improvement process based on user
feedback
3. Choose metrics that matter
8
 Metrics must be relevant to the goal.
 Ask the following questions when deciding which metrics to
include in your dashboard:
i. How does each metric contribute to those objectives?
ii. Do you have data, either internal or external, that can shed light on
the objectives?
iii.Can you design a meaningful metric that measures those
contributions?
iv.Is this metric truly necessary to contribute to the objectives?
i. Can you build a systematic and on-going means of measurement?
4. Keep it visual
9
 Cognition &Visual Perception
 GestaltTheory & Design Principals
 Color choice
 Design for Accessibility: avoid red-green and 'stop light' palette (red-yellow-green)
 Stay on-brand and on-theme (online color palette tools make this easy)
 Font choice
 Chart choice
 White space
 Information grouping
 Most important data on X andY axes; encode less important data in color or shape
attributes
 Pre-Attentive Attributes / Enduring Dispositions
 Make it easy for your audience to understand your message
Cognition & Visual Perception
10
• Vision is among our keenest senses
• Our brains process visual information faster and more efficiently than text
• Our visual system has been processing information long before language
was ever developed
Chart vTabular data presentation – which do you prefer?
Pre-Attentive Attributes / Enduring Dispositions
11
Color
Form
VS
Gestalt Theory & Design Principals
12
• Theory
• The mind is constantly trying to make sense of the world; when the human
mind (perceptual system) forms a percept or "gestalt", the whole has a
reality of its own, independent of the parts.
• Principals (8):
• Proximity (objects close to each other
are perceived as a group)
• Similarity (elements tend to be
integrated into groups if they are
similar to each other)
• Enclosure (objects with a boundary
surrounding them are perceived to
belong together)
Gestalt Examples
13
Reification
• Illusory contours
• Constructive or generative aspect of
perception, by which the experienced
percept contains more explicit spatial
information than the sensory stimulus
on which it is based.
• The whole is other than the sum of the
parts
Multistability (Multistable Perception) /
Figure-Ground Articulation
• Tendency of ambiguous perceptual
experiences to pop back and forth unstably
between two or more alternative
interpretations.
• E.g. Necker cube and
Rubin's Figure/Vase illusion
Color Choice
14
Limit to 7 or less colors
VS
Design for Accessibility
15
ColorVision Deficiency (color blindness)
affects ~10% population
Stay On-Brand / On-Theme
16
Utilize online color palette generators
Font Choice
17
Avoid scripts:
Recommended fonts
Choose the Right Chart Type
18
• Trends overTime:
• line chart
• Comparison & Ranking:
• bar chart
• Correlation:
• scatterplot
• Distribution:
• box plot
• Likert Scale:
• divergent bar chart
Avoid Pie Charts
19
Much harder for humans to differentiate
differences in circles or angles than lines
VS
5. Build in functionality
20
 Add interactivity to encourage exploration
 Drill-downs
o Allow users to go from a summary metric/view to deeper detail
that provides more context and/or breakout of the information.
 Show filters and parameters
 Enable highlighting
 Action filters
 Tooltips
6. Avoid chart junk
21
 Unless it serves a purpose, don't include it
i. E.g. 3D effects, image overload, chart shading, label overload
 Prioritize data-to-ink ratio
 Resist temptation to use purely decorative chart types
 Avoid chart overload
7. Follow the 4 C’s of Visualization
22
1. Clarity
• Defined audience, clear message, ease of understanding
2. Concise
• Balance minimalism with detail, brevity with comprehensiveness
3. Captivating
• Attracts and holds attention, is interesting
4. Catalyst
• Prompts action
8. Tableau check list
23
1. What questions are you trying to answer?
• Does this visualization answer all of your questions?
• Is the purpose of the visualization clearly explained in its title or surrounding text?
• Can you understand the visualization in 30 seconds or less, without additional information?
• Does your visualization include a title? Is that title simple, informative, and eye-catching?
• Does your visualization include subtitles to guide your viewers?
2. Do you have the right chart type for your analysis?
• What types of analysis are you performing?
• Have you selected the most suitable chart type(s) for your types of analysis?
• Have you considered alternative chart types that could work better than the ones you have
chosen?
3. Are your views effective?
• Are your most important data shown on the X- andY-axes and your less important data
encoded in color or shape attributes?
• Are your views oriented intuitively—do they cater to the way your viewers read and
perceive data?
• Have you limited the number of measures or dimensions in a single view so that your users
can see your data?
• Have you limited your usage of colors and shapes so that your users can distinguish them
and see patterns?
8. Tableau check list (cont.)
24
4. Is your dashboard holistic?
• Do all your views fit together to tell a single story?
• Do all your views flow well from one to the next? Are they in a good order?
• Do your most important views appear in the top or top-left corner?
• Are secondary elements in your dashboard placed well so they support the views without interrupting
them?
• Are your filters in the right locations?
• Do your filters work correctly? Do views become blank or downright confusing if you apply a filter?
• Do your filters apply to the right scope?
• Are your filter titles informative? Can viewers easily understand how to interactive with your filters?
• Are your legends close to the views they apply to?
• Is your legend highlight button set to “on” or “off” according to your preference?
• Do you have filter, highlight or URL actions? If so, do they work?
• Are your legends and filters grouped and placed intuitively?
• Do you have scrollbars in your views? If so, are they acceptable ones?
• Are your views scrunched?
• Do your views fit consistently well when you apply filters?
5. Did you perfect your work?
• Do all the colors on your dashboard go together without clashing?
• Do you have less than 7-10 colors on your dashboards?
• Do you use fonts consistently in all of your views and no more than three different fonts on one
dashboard?
• Are you labels clear and concise? Are they placed optimally to help guide your viewers? Make sure
subtitles are formatted to be subordinate to the main title.
• Are you tooltips informative? Do they have the right format so that they’re easy for viewers to use?
Sources
25
 Best Practices for Effective Dashboards (Tableau Manual)
 5 Best Practices for Creating Effective Dashboards (Tableau)
 A Guide to Creating Dashboards People Love to Use
 Stephen Few: Dashboard Formatting & Layout
 VisualAnalysis Best Practices SimpleTechniques for Making Every Data
Visualization Useful and Beautiful
 The Big Book of Dashboards:VisualizingYour Data Using Real-World Business
Scenarios
 Essential Design Principles forTableau (Coursera)
 3WaysTo Make Lovely Line Graphs InTableau
THANK YOU!
26
• Katie Poznanski-Ring, Butler University
• kpoznans@butler.edu
• Dawit Gelan, Indiana University
• dgelan@indiana.edu

Contenu connexe

Similaire à Effective Dashboard Design

Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!Theresa Neil
 
Effective Business Presentations with Storyboarding and Data Visualization
Effective Business Presentations with Storyboarding and Data VisualizationEffective Business Presentations with Storyboarding and Data Visualization
Effective Business Presentations with Storyboarding and Data VisualizationCarmen Proctor
 
Business Intelligence Dashboard best practice webinar (2013)
Business Intelligence Dashboard best practice webinar (2013)Business Intelligence Dashboard best practice webinar (2013)
Business Intelligence Dashboard best practice webinar (2013)Yellowfin
 
How to Master the Art of Dashboard Design
How to Master the Art of Dashboard DesignHow to Master the Art of Dashboard Design
How to Master the Art of Dashboard DesignEvgeny Tsarkov
 
Principles of data visualisation 2020
Principles of data visualisation 2020Principles of data visualisation 2020
Principles of data visualisation 2020Marié Roux
 
Visual guidance calgary user group
Visual guidance calgary user groupVisual guidance calgary user group
Visual guidance calgary user groupBerkovich Consulting
 
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave Malouf
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave MaloufAssessing Your Current DesignOps Practice: A Heuristic Model - Dave Malouf
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave MaloufWeb à Québec
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeDave Malouf
 
So You Think You Want a Dashboard
So You Think You Want a DashboardSo You Think You Want a Dashboard
So You Think You Want a DashboardJSI
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDJames Washok
 
UX Design Principles
UX Design PrinciplesUX Design Principles
UX Design PrinciplesEvan Wiener
 
Measurecamp 7 Workshop: Data Visualisation
Measurecamp 7 Workshop: Data VisualisationMeasurecamp 7 Workshop: Data Visualisation
Measurecamp 7 Workshop: Data VisualisationSean Burton
 
Extension presentation
Extension presentationExtension presentation
Extension presentationalkapant123
 
Intro to Graphics and Visuals
Intro to Graphics and VisualsIntro to Graphics and Visuals
Intro to Graphics and VisualsSafwan Brightwell
 
Presentation slights on mc
Presentation slights on mcPresentation slights on mc
Presentation slights on mcmehul Mehul
 
Tableau1 Basics-Dashboards.pptx
Tableau1 Basics-Dashboards.pptxTableau1 Basics-Dashboards.pptx
Tableau1 Basics-Dashboards.pptxChongHuiYee
 
5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboardData IQ Argentina
 

Similaire à Effective Dashboard Design (20)

Data visualisation
Data visualisation Data visualisation
Data visualisation
 
Just Make Me a Dashboard!
Just Make Me a Dashboard!Just Make Me a Dashboard!
Just Make Me a Dashboard!
 
Effective Business Presentations with Storyboarding and Data Visualization
Effective Business Presentations with Storyboarding and Data VisualizationEffective Business Presentations with Storyboarding and Data Visualization
Effective Business Presentations with Storyboarding and Data Visualization
 
Business Intelligence Dashboard best practice webinar (2013)
Business Intelligence Dashboard best practice webinar (2013)Business Intelligence Dashboard best practice webinar (2013)
Business Intelligence Dashboard best practice webinar (2013)
 
How to Master the Art of Dashboard Design
How to Master the Art of Dashboard DesignHow to Master the Art of Dashboard Design
How to Master the Art of Dashboard Design
 
Principles of data visualisation 2020
Principles of data visualisation 2020Principles of data visualisation 2020
Principles of data visualisation 2020
 
Visual guidance calgary user group
Visual guidance calgary user groupVisual guidance calgary user group
Visual guidance calgary user group
 
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave Malouf
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave MaloufAssessing Your Current DesignOps Practice: A Heuristic Model - Dave Malouf
Assessing Your Current DesignOps Practice: A Heuristic Model - Dave Malouf
 
Measuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps PracticeMeasuring & Evaluating Your DesignOps Practice
Measuring & Evaluating Your DesignOps Practice
 
So You Think You Want a Dashboard
So You Think You Want a DashboardSo You Think You Want a Dashboard
So You Think You Want a Dashboard
 
5574-112.pdf
5574-112.pdf5574-112.pdf
5574-112.pdf
 
Visual design
Visual designVisual design
Visual design
 
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for IDThe Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
 
UX Design Principles
UX Design PrinciplesUX Design Principles
UX Design Principles
 
Measurecamp 7 Workshop: Data Visualisation
Measurecamp 7 Workshop: Data VisualisationMeasurecamp 7 Workshop: Data Visualisation
Measurecamp 7 Workshop: Data Visualisation
 
Extension presentation
Extension presentationExtension presentation
Extension presentation
 
Intro to Graphics and Visuals
Intro to Graphics and VisualsIntro to Graphics and Visuals
Intro to Graphics and Visuals
 
Presentation slights on mc
Presentation slights on mcPresentation slights on mc
Presentation slights on mc
 
Tableau1 Basics-Dashboards.pptx
Tableau1 Basics-Dashboards.pptxTableau1 Basics-Dashboards.pptx
Tableau1 Basics-Dashboards.pptx
 
5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard5 steps to a visually persuasive dashboard
5 steps to a visually persuasive dashboard
 

Dernier

꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call
꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call
꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Callshivangimorya083
 
Customer Service Analytics - Make Sense of All Your Data.pptx
Customer Service Analytics - Make Sense of All Your Data.pptxCustomer Service Analytics - Make Sense of All Your Data.pptx
Customer Service Analytics - Make Sense of All Your Data.pptxEmmanuel Dauda
 
Unveiling Insights: The Role of a Data Analyst
Unveiling Insights: The Role of a Data AnalystUnveiling Insights: The Role of a Data Analyst
Unveiling Insights: The Role of a Data AnalystSamantha Rae Coolbeth
 
Data Science Project: Advancements in Fetal Health Classification
Data Science Project: Advancements in Fetal Health ClassificationData Science Project: Advancements in Fetal Health Classification
Data Science Project: Advancements in Fetal Health ClassificationBoston Institute of Analytics
 
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptxEMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptxthyngster
 
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Service
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Service
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
RA-11058_IRR-COMPRESS Do 198 series of 1998
RA-11058_IRR-COMPRESS Do 198 series of 1998RA-11058_IRR-COMPRESS Do 198 series of 1998
RA-11058_IRR-COMPRESS Do 198 series of 1998YohFuh
 
20240419 - Measurecamp Amsterdam - SAM.pdf
20240419 - Measurecamp Amsterdam - SAM.pdf20240419 - Measurecamp Amsterdam - SAM.pdf
20240419 - Measurecamp Amsterdam - SAM.pdfHuman37
 
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...Suhani Kapoor
 
Brighton SEO | April 2024 | Data Storytelling
Brighton SEO | April 2024 | Data StorytellingBrighton SEO | April 2024 | Data Storytelling
Brighton SEO | April 2024 | Data StorytellingNeil Barnes
 
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...Jack DiGiovanna
 
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service Amravati
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service AmravatiVIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service Amravati
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...Suhani Kapoor
 
Data Science Jobs and Salaries Analysis.pptx
Data Science Jobs and Salaries Analysis.pptxData Science Jobs and Salaries Analysis.pptx
Data Science Jobs and Salaries Analysis.pptxFurkanTasci3
 
Dubai Call Girls Wifey O52&786472 Call Girls Dubai
Dubai Call Girls Wifey O52&786472 Call Girls DubaiDubai Call Girls Wifey O52&786472 Call Girls Dubai
Dubai Call Girls Wifey O52&786472 Call Girls Dubaihf8803863
 
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130Suhani Kapoor
 
Industrialised data - the key to AI success.pdf
Industrialised data - the key to AI success.pdfIndustrialised data - the key to AI success.pdf
Industrialised data - the key to AI success.pdfLars Albertsson
 
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Callshivangimorya083
 
B2 Creative Industry Response Evaluation.docx
B2 Creative Industry Response Evaluation.docxB2 Creative Industry Response Evaluation.docx
B2 Creative Industry Response Evaluation.docxStephen266013
 
Call Girls In Mahipalpur O9654467111 Escorts Service
Call Girls In Mahipalpur O9654467111  Escorts ServiceCall Girls In Mahipalpur O9654467111  Escorts Service
Call Girls In Mahipalpur O9654467111 Escorts ServiceSapana Sha
 

Dernier (20)

꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call
꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call
꧁❤ Greater Noida Call Girls Delhi ❤꧂ 9711199171 ☎️ Hard And Sexy Vip Call
 
Customer Service Analytics - Make Sense of All Your Data.pptx
Customer Service Analytics - Make Sense of All Your Data.pptxCustomer Service Analytics - Make Sense of All Your Data.pptx
Customer Service Analytics - Make Sense of All Your Data.pptx
 
Unveiling Insights: The Role of a Data Analyst
Unveiling Insights: The Role of a Data AnalystUnveiling Insights: The Role of a Data Analyst
Unveiling Insights: The Role of a Data Analyst
 
Data Science Project: Advancements in Fetal Health Classification
Data Science Project: Advancements in Fetal Health ClassificationData Science Project: Advancements in Fetal Health Classification
Data Science Project: Advancements in Fetal Health Classification
 
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptxEMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
 
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Service
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Service
Call Girls In Noida City Center Metro 24/7✡️9711147426✡️ Escorts Service
 
RA-11058_IRR-COMPRESS Do 198 series of 1998
RA-11058_IRR-COMPRESS Do 198 series of 1998RA-11058_IRR-COMPRESS Do 198 series of 1998
RA-11058_IRR-COMPRESS Do 198 series of 1998
 
20240419 - Measurecamp Amsterdam - SAM.pdf
20240419 - Measurecamp Amsterdam - SAM.pdf20240419 - Measurecamp Amsterdam - SAM.pdf
20240419 - Measurecamp Amsterdam - SAM.pdf
 
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...
VIP High Class Call Girls Jamshedpur Anushka 8250192130 Independent Escort Se...
 
Brighton SEO | April 2024 | Data Storytelling
Brighton SEO | April 2024 | Data StorytellingBrighton SEO | April 2024 | Data Storytelling
Brighton SEO | April 2024 | Data Storytelling
 
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...
Building on a FAIRly Strong Foundation to Connect Academic Research to Transl...
 
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service Amravati
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service AmravatiVIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service Amravati
VIP Call Girls in Amravati Aarohi 8250192130 Independent Escort Service Amravati
 
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...
VIP High Class Call Girls Bikaner Anushka 8250192130 Independent Escort Servi...
 
Data Science Jobs and Salaries Analysis.pptx
Data Science Jobs and Salaries Analysis.pptxData Science Jobs and Salaries Analysis.pptx
Data Science Jobs and Salaries Analysis.pptx
 
Dubai Call Girls Wifey O52&786472 Call Girls Dubai
Dubai Call Girls Wifey O52&786472 Call Girls DubaiDubai Call Girls Wifey O52&786472 Call Girls Dubai
Dubai Call Girls Wifey O52&786472 Call Girls Dubai
 
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130
VIP Call Girls Service Miyapur Hyderabad Call +91-8250192130
 
Industrialised data - the key to AI success.pdf
Industrialised data - the key to AI success.pdfIndustrialised data - the key to AI success.pdf
Industrialised data - the key to AI success.pdf
 
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip CallDelhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
Delhi Call Girls CP 9711199171 ☎✔👌✔ Whatsapp Hard And Sexy Vip Call
 
B2 Creative Industry Response Evaluation.docx
B2 Creative Industry Response Evaluation.docxB2 Creative Industry Response Evaluation.docx
B2 Creative Industry Response Evaluation.docx
 
Call Girls In Mahipalpur O9654467111 Escorts Service
Call Girls In Mahipalpur O9654467111  Escorts ServiceCall Girls In Mahipalpur O9654467111  Escorts Service
Call Girls In Mahipalpur O9654467111 Escorts Service
 

Effective Dashboard Design

  • 1. Best Practices for Effective Dashboards DASHBOARD DOCTOR SESSION Katie Poznanski-Ring, Butler University Dawit Gelan, Indiana University 1
  • 2. What is a dashboard? "A dashboard is a visual display of the most important information to achieve one or more objectives; consolidated and arranged on a single screen so the information can be monitored at a glance." Stephen Few 2
  • 5. Best Practices for Effective Dashboards 1. Identify your goal 2. Design for the real world 3. Choose metrics that matter 4. Keep it visual 5. Build in functionality 6. Avoid chart junk 7. Follow the 4 C’s ofVisualization 8. Finalize withTableau’s dashboard checklist 5
  • 6. 1. Identify your goal 6  Know your purpose and audience/consumer  Know your dashboard type  Strategic: executive, high-level  Operational: immediate use, sales information, pulse  Analytic: drill-down, highly interactive  What value will the dashboard add? Does the dashboard... ...help management define what is important? ...educate people in the organization about the things that matter? ...set goals and expectations for specific individuals or groups? ...help executives sleep at night because they know what’s going on? ...encourage specific actions in a timely manner? ...highlight exceptions and provide alerts when problems occur? ...communicate progress and success? ...provide a common interface for interacting with and analyzing important business data?  Leverage the most viewed spot
  • 7. 2. Design for the real world 7  Author at your final display size  Limit the number of views to three or four (unless there is an absolute need)  Implement an iterative improvement process based on user feedback
  • 8. 3. Choose metrics that matter 8  Metrics must be relevant to the goal.  Ask the following questions when deciding which metrics to include in your dashboard: i. How does each metric contribute to those objectives? ii. Do you have data, either internal or external, that can shed light on the objectives? iii.Can you design a meaningful metric that measures those contributions? iv.Is this metric truly necessary to contribute to the objectives? i. Can you build a systematic and on-going means of measurement?
  • 9. 4. Keep it visual 9  Cognition &Visual Perception  GestaltTheory & Design Principals  Color choice  Design for Accessibility: avoid red-green and 'stop light' palette (red-yellow-green)  Stay on-brand and on-theme (online color palette tools make this easy)  Font choice  Chart choice  White space  Information grouping  Most important data on X andY axes; encode less important data in color or shape attributes  Pre-Attentive Attributes / Enduring Dispositions  Make it easy for your audience to understand your message
  • 10. Cognition & Visual Perception 10 • Vision is among our keenest senses • Our brains process visual information faster and more efficiently than text • Our visual system has been processing information long before language was ever developed Chart vTabular data presentation – which do you prefer?
  • 11. Pre-Attentive Attributes / Enduring Dispositions 11 Color Form VS
  • 12. Gestalt Theory & Design Principals 12 • Theory • The mind is constantly trying to make sense of the world; when the human mind (perceptual system) forms a percept or "gestalt", the whole has a reality of its own, independent of the parts. • Principals (8): • Proximity (objects close to each other are perceived as a group) • Similarity (elements tend to be integrated into groups if they are similar to each other) • Enclosure (objects with a boundary surrounding them are perceived to belong together)
  • 13. Gestalt Examples 13 Reification • Illusory contours • Constructive or generative aspect of perception, by which the experienced percept contains more explicit spatial information than the sensory stimulus on which it is based. • The whole is other than the sum of the parts Multistability (Multistable Perception) / Figure-Ground Articulation • Tendency of ambiguous perceptual experiences to pop back and forth unstably between two or more alternative interpretations. • E.g. Necker cube and Rubin's Figure/Vase illusion
  • 14. Color Choice 14 Limit to 7 or less colors VS
  • 15. Design for Accessibility 15 ColorVision Deficiency (color blindness) affects ~10% population
  • 16. Stay On-Brand / On-Theme 16 Utilize online color palette generators
  • 18. Choose the Right Chart Type 18 • Trends overTime: • line chart • Comparison & Ranking: • bar chart • Correlation: • scatterplot • Distribution: • box plot • Likert Scale: • divergent bar chart
  • 19. Avoid Pie Charts 19 Much harder for humans to differentiate differences in circles or angles than lines VS
  • 20. 5. Build in functionality 20  Add interactivity to encourage exploration  Drill-downs o Allow users to go from a summary metric/view to deeper detail that provides more context and/or breakout of the information.  Show filters and parameters  Enable highlighting  Action filters  Tooltips
  • 21. 6. Avoid chart junk 21  Unless it serves a purpose, don't include it i. E.g. 3D effects, image overload, chart shading, label overload  Prioritize data-to-ink ratio  Resist temptation to use purely decorative chart types  Avoid chart overload
  • 22. 7. Follow the 4 C’s of Visualization 22 1. Clarity • Defined audience, clear message, ease of understanding 2. Concise • Balance minimalism with detail, brevity with comprehensiveness 3. Captivating • Attracts and holds attention, is interesting 4. Catalyst • Prompts action
  • 23. 8. Tableau check list 23 1. What questions are you trying to answer? • Does this visualization answer all of your questions? • Is the purpose of the visualization clearly explained in its title or surrounding text? • Can you understand the visualization in 30 seconds or less, without additional information? • Does your visualization include a title? Is that title simple, informative, and eye-catching? • Does your visualization include subtitles to guide your viewers? 2. Do you have the right chart type for your analysis? • What types of analysis are you performing? • Have you selected the most suitable chart type(s) for your types of analysis? • Have you considered alternative chart types that could work better than the ones you have chosen? 3. Are your views effective? • Are your most important data shown on the X- andY-axes and your less important data encoded in color or shape attributes? • Are your views oriented intuitively—do they cater to the way your viewers read and perceive data? • Have you limited the number of measures or dimensions in a single view so that your users can see your data? • Have you limited your usage of colors and shapes so that your users can distinguish them and see patterns?
  • 24. 8. Tableau check list (cont.) 24 4. Is your dashboard holistic? • Do all your views fit together to tell a single story? • Do all your views flow well from one to the next? Are they in a good order? • Do your most important views appear in the top or top-left corner? • Are secondary elements in your dashboard placed well so they support the views without interrupting them? • Are your filters in the right locations? • Do your filters work correctly? Do views become blank or downright confusing if you apply a filter? • Do your filters apply to the right scope? • Are your filter titles informative? Can viewers easily understand how to interactive with your filters? • Are your legends close to the views they apply to? • Is your legend highlight button set to “on” or “off” according to your preference? • Do you have filter, highlight or URL actions? If so, do they work? • Are your legends and filters grouped and placed intuitively? • Do you have scrollbars in your views? If so, are they acceptable ones? • Are your views scrunched? • Do your views fit consistently well when you apply filters? 5. Did you perfect your work? • Do all the colors on your dashboard go together without clashing? • Do you have less than 7-10 colors on your dashboards? • Do you use fonts consistently in all of your views and no more than three different fonts on one dashboard? • Are you labels clear and concise? Are they placed optimally to help guide your viewers? Make sure subtitles are formatted to be subordinate to the main title. • Are you tooltips informative? Do they have the right format so that they’re easy for viewers to use?
  • 25. Sources 25  Best Practices for Effective Dashboards (Tableau Manual)  5 Best Practices for Creating Effective Dashboards (Tableau)  A Guide to Creating Dashboards People Love to Use  Stephen Few: Dashboard Formatting & Layout  VisualAnalysis Best Practices SimpleTechniques for Making Every Data Visualization Useful and Beautiful  The Big Book of Dashboards:VisualizingYour Data Using Real-World Business Scenarios  Essential Design Principles forTableau (Coursera)  3WaysTo Make Lovely Line Graphs InTableau
  • 26. THANK YOU! 26 • Katie Poznanski-Ring, Butler University • kpoznans@butler.edu • Dawit Gelan, Indiana University • dgelan@indiana.edu