dashboard design outline - dimensional insightinfo.dimins.com/rs/254-lji-829/images/2016 chicago...
TRANSCRIPT
![Page 2: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/2.jpg)
©2016 Dimensional Insight, Inc.
![Page 3: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/3.jpg)
©2016 Dimensional Insight, Inc.
AgendaAgenda
Key Considerations– Hierarchy of Information– Ideal Number of Metrics– Fundamentals of Design
Mechanics– Fonts– Colors
Resources
![Page 4: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/4.jpg)
©2016 Dimensional Insight, Inc.
Attendees have Version 6.4 and 7.0
Version 6.4 is “Classic” interface.– The Version 7.0 Interface may be changed to “Classic” in
environment settings Version 7.0 defaults to “Simplified User Interface”
– Benefit of built in tools to improve:• Navigation• Visual Design
BOTH environments require color, font and layout choices … that is the realm of this presentation
![Page 5: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/5.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 6: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/6.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 7: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/7.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 8: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/8.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 9: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/9.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 10: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/10.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 11: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/11.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 12: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/12.jpg)
©2016 Dimensional Insight, Inc.
Key Considerations
![Page 13: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/13.jpg)
©2016 Dimensional Insight, Inc.
Key ConsiderationsAddressing key considerations
Survey users– Types of Users– Personal Preferences– Individual Needs
Decide on Content– Content for Implementation– Content per Page
Design Activities– Hierarchy– Style– Layout on a Single Page
![Page 14: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/14.jpg)
©2016 Dimensional Insight, Inc.
A word about style
Wingtip ConverseNIKE
![Page 15: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/15.jpg)
©2016 Dimensional Insight, Inc.
A word about style
Wingtip
Conservative
![Page 16: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/16.jpg)
©2016 Dimensional Insight, Inc.
A word about style
New Balance
Performance
NIKE
![Page 17: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/17.jpg)
©2016 Dimensional Insight, Inc.
A word about style
Converse
Flashy
NIKE
![Page 18: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/18.jpg)
©2016 Dimensional Insight, Inc.
Hierarchy of Information
![Page 19: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/19.jpg)
©2016 Dimensional Insight, Inc.
Hierarchy of Information
Sales by Product Sales Growth Sales by Region % Goal % Discounted Items
Cost of Goods Sold Total Quantities Sold Quantities Sold by
Product Current Inventory
Sales Manager Example
![Page 20: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/20.jpg)
©2016 Dimensional Insight, Inc.
Hierarchy of Information
![Page 21: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/21.jpg)
©2016 Dimensional Insight, Inc.
Hierarchy of Information
![Page 22: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/22.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 23: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/23.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsHigh information density
Will users “get it all”? Limits to human capacity for
seeing and comprehending
![Page 24: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/24.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
??? 3 5 7 12 24 30!
![Page 25: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/25.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics7 metrics per screen, (plus or minus 2)
Densely populated dashboards obstruct readability—Difficult to quickly
locate and understand information
Poor readability leads to poor user adoption
"The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information" (Miller 1956)
![Page 26: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/26.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 27: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/27.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 28: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/28.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 29: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/29.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 30: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/30.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
Too many different graph types can lead to confusion
versus
![Page 31: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/31.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 32: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/32.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 33: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/33.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of Metrics
![Page 34: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/34.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsLimiting factors
Short-term memory capacity Familiarity with data
![Page 35: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/35.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsPhysiological Factors:
Capacity for seeing Illumination needs Color contrast perception
![Page 36: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/36.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsTechnological Capabilities:
Computer experience Browser interface
experience Experience with
Diver
![Page 37: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/37.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsWalk A Mile In Your Users Shoes:
Ask Users:—What data do you want to see?—How do you want to see it?
– Are you a visual thinker? …verbal?
Identify key metrics:—Have users rank key metrics
by importance
![Page 38: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/38.jpg)
©2016 Dimensional Insight, Inc.
Ideal Number of MetricsThen create a dashboard for user review.
Iterative processWhat-if scenarios
![Page 39: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/39.jpg)
©2016 Dimensional Insight, Inc.
Fundamentals of Design
ELEMENTS
Size
Shape
Distance
Hue
Saturation
Value
TECHNIQUES
Comparison
Contrast
Repetition
Juxtaposition
Proximity
EFFECT
Harmony
Agitation
Rhythm
Focus
Balance
Hierarchy
FEELING
Comfort
Discomfort
Joy
Sadness
Alarm
Security
![Page 40: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/40.jpg)
©2016 Dimensional Insight, Inc.
Fundamentals of Design
FEELING
Comfort
Discomfort
Joy
Sadness
Alarm
Security
![Page 41: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/41.jpg)
©2016 Dimensional Insight, Inc.
Elements of good labeling
Portal Title Section Title
Navigation
Portlet TitlePortlet Key
Value Label
![Page 42: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/42.jpg)
©2016 Dimensional Insight, Inc.
Layout: Images
![Page 43: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/43.jpg)
©2016 Dimensional Insight, Inc.
Layout: Images
MFG Part #16479
MFG Part #45304.0
MFG Part #45064.0
MFG Part #50955
![Page 44: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/44.jpg)
©2016 Dimensional Insight, Inc.
Layout: Images
MFG Part #16479
MFG Part #45304.0
MFG Part #45064.0
MFG Part #50955
![Page 45: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/45.jpg)
©2016 Dimensional Insight, Inc.
Layout: ImagesFleming’s VARK model*
Visual learners Auditory learners Reading/writing-preference learners Kinesthetic learners or tactile learners
http://vark-learn.com/
![Page 46: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/46.jpg)
©2016 Dimensional Insight, Inc.
![Page 47: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/47.jpg)
©2016 Dimensional Insight, Inc.
![Page 48: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/48.jpg)
©2016 Dimensional Insight, Inc.
Mechanics: Fonts
http://en.wikipedia.org/wiki/File:PC-DOS_1.10_screenshot.png
![Page 49: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/49.jpg)
©2016 Dimensional Insight, Inc.
Mechanics: FontsFunction
Communicate Information Create Hierarchy Add Style
![Page 50: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/50.jpg)
©2016 Dimensional Insight, Inc.
Mechanics: Fonts
What fonts are available to all of your users?
![Page 51: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/51.jpg)
©2016 Dimensional Insight, Inc.
Mechanics: FontsThere are no completely 100% safe web fonts
http://www.w3schools.com/cssref/css_websafe_fonts.asp
![Page 52: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/52.jpg)
©2016 Dimensional Insight, Inc.
Mechanics: Fonts
Keep it Readable!
![Page 53: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/53.jpg)
©2016 Dimensional Insight, Inc.
Colors: Matching a Corporate ID SystemLeverage existing colors, fonts & graphics
Expedites process Increases user adoption Communicates company buy-in
![Page 54: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/54.jpg)
©2016 Dimensional Insight, Inc.
Colors: Matching a Corporate ID SystemWhere is the information?
Marketing Department Creative Department Public Relations Firm Graphic Designer/Web Designer
![Page 55: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/55.jpg)
©2016 Dimensional Insight, Inc.
Colors: Matching a Corporate ID System4 things to determine:
—Logo:– Use it in the Title Bar.
—Colors:– DivePort uses RGB values.
—Fonts:– Is there a “web safe”
substitute for your corporate font?
—Graphics– Are they primarily photos or
illustrations?
![Page 56: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/56.jpg)
©2016 Dimensional Insight, Inc.
http://en.wikipedia.org/wiki/Color_blindness
Accommodating color blind users
Color blindness affects a large number of individuals, with protanopia and deuteranopia being the most common types.[11] In individuals with Northern European ancestry, as many as 8 percent of men and 0.4 percent of women experience congenital color deficiency.[45]
The number affected varies among groups. Isolated communities with a restricted gene pool sometimes produce high proportions of color blindness, including the less usual types. Examples include rural Finland, Hungary, and some of the Scottish islands. In the United States, about 7 percent of the male population—or about 10.5 million men—and 0.4 percent of the female population either cannot distinguish red from green, or see red and green differently from how others do (Howard Hughes Medical Institute, 2006). More than 95 percent of all variations in human color vision involve the red and green receptors in male eyes. It is very rare for males or females to be "blind" to the blue end of the spectrum.[46]
![Page 57: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/57.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind Users
Original:
![Page 58: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/58.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind Users
Colorblindness simulation:
Source of simulation: vischeck.com
![Page 59: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/59.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind Users
Typical indicators
![Page 60: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/60.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind Users
Typical indicators
![Page 61: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/61.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind UsersWhat can you do about it?
Be sensitive to user needs Find out who is colorblind
—What kind of colorblindness?
Use “barrier-free colors”—“Set of colors that is unambiguous both to
colorblinds and non-colorblinds”Source: Color Universal Design (CUD) organization; http://jfly.iam.u-tokyo.ac.jp/color/
![Page 62: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/62.jpg)
©2016 Dimensional Insight, Inc.
Colors: Accommodating Color Blind Users
Upload a screen capture of your dashboard here to check its availability to color blind users:– http://www.color-blindness.com/coblis-color-blindness-simulator/
![Page 63: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/63.jpg)
©2016 Dimensional Insight, Inc.
Resources
![Page 64: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/64.jpg)
©2016 Dimensional Insight, Inc.
Content selection
Survey users or key stakeholder for content requirements:https://www.surveymonkey.com/user/sign-up/
![Page 65: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/65.jpg)
©2016 Dimensional Insight, Inc.
Sample Questions
What type of BI user do you consider yourself to be:Executive Analyst Power User Casual User
When it comes to colors, I prefer:Company Colors Muted Colors Bright Colors Dark Colors
Please adjust colors for me:Deuteranope ProtanopeTritanope
Which of these fonts is available on your system:ArialCourier NewGeorgiaTimes New RomanTrebuchet MS Verdana Don’t know
Please indicate your computer platform:PCMac Workstation
Please indicate your operating system:WindowsMacLinux
Monitor Resolution:1024 x 7681280 x 8001344 x 10081600 x 12001920 x 1200Other:
What metrics would you like displayed?
![Page 66: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/66.jpg)
©2016 Dimensional Insight, Inc.
Content selection
Select the right graphs for each data display.http://www.dimins.com/blog/2016/08/18/how-to-select-charts-for-effective-data-display
![Page 67: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/67.jpg)
©2016 Dimensional Insight, Inc.
Layout - Size in pixels & Device
Use GA to determine most commonly used screen size/device.http://www.dimins.com/blog/2016/01/20/how-to-determine-the-ideal-screen-dimensions-for-dashboards/
![Page 68: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/68.jpg)
©2016 Dimensional Insight, Inc.
Current trend: simple is good, flat is better
http://www.dimins.com/blog/2015/04/21/5-steps-to-creating-a-cleaner-looking-dashboard/
![Page 69: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/69.jpg)
©2016 Dimensional Insight, Inc.
Color
Leverage your company’s corporate colorshttp://www.dimins.com/blog/2013/05/09/how-to-make-your-dashboard-interface-more-visually-appealing/
![Page 70: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/70.jpg)
©2016 Dimensional Insight, Inc.
Color - Trends
Check out this cool tool for exploring color combinations:http://www.dimins.com/blog/2016/02/16/a-cool-tool-for-experimenting-with-dashboard-and-portal-color-schemes/
![Page 71: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/71.jpg)
©2016 Dimensional Insight, Inc.
Colors – accommodating Color blind users
Blog article on color blind users:– http://www.dimins.com/blog/2015/03/23/how-to-design-a-
dashboard-for-colorblind-users/
![Page 72: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/72.jpg)
©2016 Dimensional Insight, Inc.
Current trend: add icons
https://thenounproject.com/ Access a seemingly unlimited amount of icons to use on
dashboards Remember: some people are more visual than literal
and these icons help them quickly understand the information being displayed
![Page 73: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/73.jpg)
©2016 Dimensional Insight, Inc.
Dashboard Design Take Away
Content needed on a dashboard depends on the user needs; get their input! See Blog article about feedback loop:http://www.dimins.com/blog/2016/03/31/how-to-refine-your-dashboard-design-using-a-feedback-loop/
![Page 74: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/74.jpg)
©2016 Dimensional Insight, Inc.
Use collaboration tool to gather feedback
I use Teamer to share design ideas in my office.
![Page 75: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/75.jpg)
©2016 Dimensional Insight, Inc.
Easy way to get up-to-date suggestions
Subscribe to our blog
![Page 76: Dashboard Design Outline - Dimensional Insightinfo.dimins.com/rs/254-LJI-829/images/2016 Chicago Regional Meeti… · Dashboard Design. Rose Weinberger. rweinberger@dimins.com ©2016](https://reader034.vdocument.in/reader034/viewer/2022050423/5f920ee6cc1ab70fc50781a2/html5/thumbnails/76.jpg)
©2016 Dimensional Insight, Inc.
This is just fun.
http://answerthepublic.com/