designing great dashboards for saas and enterprise applications
TRANSCRIPT
![Page 1: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/1.jpg)
© Design for Context
Lisa Battle President and Principal Consultant [email protected] @design4context
Designing Great Dashboards
for SaaS and Enterprise Applications UXPA 2016 Conference • 3 June 2016
![Page 2: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/2.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
SIMPLICITY
Dashboards
![Page 3: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/3.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
![Page 4: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/4.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
![Page 5: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/5.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
What is a dashboard? (in modern enterprise and SaaS applications)
![Page 6: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/6.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67 6
A starting point for important tasks
My “To Do” list
Problems I
need to know
about
How am I doing? What’s going on?
Trends in my business Recent
activity
![Page 7: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/7.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
What is NOT a dashboard?
![Page 8: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/8.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Is this a dashboard?
8
![Page 9: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/9.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Is this a dashboard?
9
![Page 10: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/10.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Is this a dashboard?
10
![Page 11: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/11.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Is this a dashboard?
11
![Page 12: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/12.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Does my application need a dashboard?
![Page 13: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/13.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
An application with only one task
13
![Page 14: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/14.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
An application to create things for my own use
14
![Page 15: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/15.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Membership management system
15
Primary Navigation Tabs Secondary Navigation Ribbon
Tertiary (and beyond) Navigation: Actions
Search
Recent
Favorites
Blank when the user first logs in
![Page 16: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/16.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Multi-user order entry & workflow system
16
16
Logo
![Page 17: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/17.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Dashboard patterns
![Page 18: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/18.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts
![Page 19: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/19.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts
![Page 20: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/20.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts
![Page 21: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/21.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts Highest priority alerts
Second priority
alerts
Other alerts in context
![Page 22: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/22.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts
![Page 23: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/23.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts
23
![Page 24: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/24.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts “To Do” Items
![Page 25: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/25.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“To Do” Items
![Page 26: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/26.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“To Do” Items
![Page 27: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/27.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“To Do” Items
![Page 28: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/28.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Alerts “To Do” Items Performance Statistics
![Page 29: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/29.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Performance Statistics
![Page 30: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/30.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Performance Statistics
30
![Page 31: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/31.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Performance Statistics
![Page 32: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/32.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Performance Statistics
32
Type A Type B
![Page 33: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/33.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Performance Statistics Alerts “To Do” Items Current Status
Amount
25 12%
![Page 34: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/34.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Balances
34
![Page 35: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/35.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Stats
35
![Page 36: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/36.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Visual Indicators of Status
36
![Page 37: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/37.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Visual Indicators of Status
37
![Page 38: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/38.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Visual Indicators of Status
38
![Page 39: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/39.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items Search
![Page 40: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/40.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Search
![Page 41: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/41.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Search
![Page 42: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/42.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Search Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items
Task Starting Points
Action
![Page 43: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/43.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Task Starting Points
![Page 44: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/44.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Task Starting Points
![Page 45: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/45.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Task Starting Points
![Page 46: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/46.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Task Starting Points
Action
Search Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items
Social Components
![Page 47: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/47.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Social Components
![Page 48: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/48.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Social Components
![Page 49: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/49.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Social Components
My Team’s Progress Leader Board
![Page 50: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/50.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Social Components
Task Starting Points
Action
Search Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items
Recent Activity
![Page 51: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/51.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Recent Activity
![Page 52: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/52.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Recent Activity
![Page 53: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/53.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Recent Activity
![Page 54: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/54.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Recent Activity
54
![Page 55: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/55.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Recent Activity Social Components
Task Starting Points
Action
Search Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items
News, Events, Announcements
![Page 56: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/56.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
News, Events, Announcements
![Page 57: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/57.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
News, Events, Announcements
![Page 58: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/58.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
News, Events, Announcements Recent Activity Social
Components Task Starting
Points
Action
Search Current Status
Amount
25 12%
Performance Statistics Alerts “To Do” Items
Push Content
Headline
![Page 59: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/59.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“Push” Content
![Page 60: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/60.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“Push” Content
![Page 61: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/61.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
“Push” Content
![Page 62: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/62.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Search Alerts
Task Starting Points
Action
Social Components Recent Activity News, Events,
Announcements Push Content
Headline
“To Do” Items Performance Statistics Current Status
Amount
25 12%
![Page 63: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/63.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
How do we ensure a good user experience for dashboards?
![Page 64: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/64.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Answer meaningful questions
1
![Page 65: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/65.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67 65
Who is the user?
What are they responsible for?
What is most important for them to know?
What do they need to take action on?
What will cause a problem for them if it does not go well?
![Page 66: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/66.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
User Research
66
![Page 67: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/67.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Organizational Values
67
![Page 68: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/68.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Exceptions
68
![Page 69: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/69.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67 69
![Page 70: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/70.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Provide relevant role-based views
2
![Page 71: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/71.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67 71
Learner Instructor
![Page 72: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/72.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Instructor
72
![Page 73: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/73.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Learner
73
![Page 74: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/74.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Use visualization metaphors that fit the type of data
3
![Page 75: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/75.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Metaphors
75
Place in Space, AKA How to Create a Conceptual Model Stephen Anderson, IA Summit 2016 presenta=on h>p://www.slideshare.net/stephenpa/place-‐in-‐space-‐aka-‐how-‐to-‐design-‐a-‐concept-‐model
![Page 76: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/76.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Comparison of Quantity
76
![Page 77: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/77.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Relative Proportions of Things
77
![Page 78: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/78.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Progress Towards a Goal
78
39%
![Page 79: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/79.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Trends Over Time
79
![Page 80: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/80.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Activity Over Time
80
![Page 81: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/81.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Percentages
81
![Page 82: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/82.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Tables vs Graphs
82
![Page 83: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/83.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Familiar Metaphors
83
![Page 84: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/84.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Fads
84
![Page 85: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/85.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Sensitive Information
85
![Page 86: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/86.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Balance rollups vs instance level data 4
![Page 87: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/87.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Instance-level data
87
12 Instance-level data Rollup
12
![Page 88: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/88.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Instance-level data Logo
Logo
![Page 89: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/89.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Instance-level data
89
![Page 90: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/90.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Rollups
90
![Page 91: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/91.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Rollups
91
![Page 92: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/92.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Prioritize and eliminate unnecessary details
5
![Page 93: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/93.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Prioritize
93
![Page 94: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/94.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Hover or Expand
94
![Page 95: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/95.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Asking “Why?”
95
![Page 96: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/96.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Give users/clients (some) control over the display
6
![Page 97: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/97.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
User Configuration
97
![Page 98: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/98.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
User Configuration
98
Can I turn off the Invoice Summary?
![Page 99: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/99.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
User Configuration
99
![Page 100: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/100.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
User Configuration
100
Easy to create new dashboards and widgets
![Page 101: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/101.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Client Configuration
101
![Page 102: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/102.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Accessible and responsive 7
![Page 103: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/103.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Accessibility
103
Readability • Font size • Redundant cues – don’t rely on color alone • Contrast
Add text equivalents • For all that isn’t text • Don’t rely on images or styles alone
Support all input methods • Keyboard, touch, speech • Make content order logical
Use proper semantic structure • Makes navigating easier • Communicates what each item is, and its state
From: Red Alert! Communica=ng status through great UX, graphics and accessibility. Ba>le, Bergel, Chaffee, UXPA 2014
Give users control Don’t: • Override pinch-zoom • Hard code fonts • Require timed responses
that users can’t extend
![Page 104: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/104.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Responsive
104
What will people
really be doing on
mobile?
Understand the user
scenarios
Keep it simple, relevant and timely.
![Page 105: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/105.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Responsive
105
![Page 106: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/106.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Mobile
106
Quick access to
timely, high
level
information
and alerts
![Page 107: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/107.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Plan for scalability and full lifecycle 8
![Page 108: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/108.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
First-Time Use
108
No forwards found. No orders found.
![Page 109: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/109.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
No Data
109
![Page 110: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/110.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
No Data
110
![Page 111: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/111.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
No Data
111
![Page 112: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/112.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67
Evolve Over Time
112
![Page 113: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/113.jpg)
@design4context Designing Great Dashboards UXPA 2016
© Design for Context
http://www.uxpa2016.org/sessionsurvey/67 113
Answer meaningful questions
Provide relevant role-based views
Use visualization metaphors that fit the data
Balance rollups vs instance level data
Prioritize and eliminate unnecessary details
Give users some control over the display
Accessible, mobile and responsive
Plan for scalability and full lifecycle
1 2 3 4 5 6 7 8
![Page 114: Designing Great Dashboards for SaaS and Enterprise Applications](https://reader031.vdocuments.mx/reader031/viewer/2022022412/58f9aa20760da3da068b75cd/html5/thumbnails/114.jpg)
© Design for Context
Lisa Battle President and Principal Consultant [email protected] @design4context
Presentation is on Slideshare – Go to www.designforcontext.com/insights
Designing Great Dashboards
for SaaS and Enterprise Applications
UXPA 2016 Conference • 3 June 2016