Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Best Practices for Dashboard Design
Search
usable
July 25, 2019
Design
3
190
Best Practices for Dashboard Design
Presented by Sesan Osanyibi at the usable meetup.
usable
July 25, 2019
Tweet
Share
More Decks by usable
See All by usable
Building Better Products with Design Thinking
usable
2
95
Inclusive Design: Designing Fintechs Products That Bring People Together
usable
2
85
Process
usable
3
44
Design Thinking and Psychology
usable
2
62
Designer's Guide to Remote Usability Testing
usable
4
130
The Fundamentals of User Interface Animation
usable
3
35
Harnessing the Power of Empathy in Design
usable
3
76
Customer Experience is Becoming Branding, and Other Lessons
usable
2
81
On Being A Solo Designer
usable
2
22
Other Decks in Design
See All in Design
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
160
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
150
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
1
2.4k
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
アクセシビリティのはじめかた デザイナー編
tokimari
3
1.3k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
140
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
6
1.5k
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
760
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
330
MLP_Cleanup_Olga
olgastoryboard
0
140
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
250
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
93
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
Adopting Sorbet at Scale
ufuk
73
9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
Producing Creativity
orderedlist
PRO
341
39k
Why Our Code Smells
bkeepers
PRO
334
57k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.2k
The World Runs on Bad Software
bkeepers
PRO
65
11k
The Language of Interfaces
destraynor
154
24k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
We Have a Design System, Now What?
morganepeng
50
7.2k
Making the Leap to Tech Lead
cromwellryan
132
8.9k
Transcript
BEST PRACTICES FOR DASHBOARD DESIGN SIMPLE & CLEAN TEMPLATE Prepared
By Sesan Osanyinbi
P A G E 2 WHAT IS A DASHBOARD ?
P A G E 3 DASH QUICK ⎯⎯⎯
P A G E 4 DASHBOARD = QUICKBOARD
P A G E 5 REPORT INFORMATION OVERLOAD
P A G E 6 1 SELECTIVE FOCUS 3 SELECTIVE
DECISION 2 SELECTIVE ATTENTION
P A G E 7 DIFFERENT STROKES FOR DIFFERENT FOLKS
P A G E 8 Bad UI
P A G E 9 Designer perspective Stakeholder perspective
P A G E 1 0 THE HOW MOMENT?
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
P A G E 1 2 TOOLS STYLES PRINCIPLES
P A G E 1 3 LOW FIDELITY
P A G E 1 4 CHECK LIST TO CONSIDER
A state with no content, called the blank state
P A G E 1 5 CHECK LIST TO CONSIDER
A state with very few entries, which happens the first few days of use
P A G E 1 6 CHECK LIST TO CONSIDER
Unusual text entries: very long headlines and names, and very short text inputs
P A G E DESIGN
P A G E 1 8 Primary actions Data table
UI PATTERNS Search Iconography
P A G E PRINCIPLE
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
P A G E Related metrics Use of Icon Give
Context Use colors
P A G E WHAT IS THE FUTURE OF DASHBOARD?
THANK YOU WWW.SESANOSANYINBI.COM @_shesan