Best Practices for Dashboard Design

Presented by Sesan Osanyibi at the usable meetup.

Transcript

1. BEST PRACTICES FOR DASHBOARD DESIGN SIMPLE & CLEAN TEMPLATE Prepared By Sesan Osanyinbi
2. P A G E 2 WHAT IS A DASHBOARD ?
3. P A G E 3 DASH QUICK ⎯⎯⎯
4. P A G E 4 DASHBOARD = QUICKBOARD
5. P A G E 5 REPORT INFORMATION OVERLOAD
6. P A G E 6 1 SELECTIVE FOCUS 3 SELECTIVE DECISION 2 SELECTIVE ATTENTION
7. P A G E 7 DIFFERENT STROKES FOR DIFFERENT FOLKS
8. P A G E 8 Bad UI
9. P A G E 9 Designer perspective Stakeholder perspective
10. P A G E 1 0 THE HOW MOMENT?
11. P A G E 1 1 PRE-PROCESS 1 WHY are we doing this? 2 WHO doing this for? 3 WHAT value should it provide? HOW do we measure success? 4
12. P A G E 1 2 TOOLS STYLES PRINCIPLES
13. P A G E 1 3 LOW FIDELITY
14. P A G E 1 4 CHECK LIST TO CONSIDER A state with no content, called the blank state
15. P A G E 1 5 CHECK LIST TO CONSIDER A state with very few entries, which happens the first few days of use
16. P A G E 1 6 CHECK LIST TO CONSIDER Unusual text entries: very long headlines and names, and very short text inputs
17. P A G E DESIGN
18. P A G E 1 8 Primary actions Data table UI PATTERNS Search Iconography
19. P A G E PRINCIPLE
20. P A G E Minimize Cognitive Load Put an Emphasis on Readability Use size and position to show hierarchy Give your numbers context Group your related metrics Use Common Language, icons and design pattern Help users recognise, diagnose, and recover from errors
21. P A G E Related metrics Use of Icon Give Context Use colors
22. P A G E WHAT IS THE FUTURE OF DASHBOARD?
23. THANK YOU WWW.SESANOSANYINBI.COM @_shesan