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
96
Inclusive Design: Designing Fintechs Products That Bring People Together
usable
2
87
Process
usable
3
46
Design Thinking and Psychology
usable
2
66
Designer's Guide to Remote Usability Testing
usable
4
130
The Fundamentals of User Interface Animation
usable
3
37
Harnessing the Power of Empathy in Design
usable
3
77
Customer Experience is Becoming Branding, and Other Lessons
usable
2
83
On Being A Solo Designer
usable
2
22
Other Decks in Design
See All in Design
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
160
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
NAHO SHIMONO_Portfolio2025
nahohphp
0
120
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
780
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
270
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
210
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
490
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.6k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
The Cult of Friendly URLs
andyhume
78
6.2k
Thoughts on Productivity
jonyablonski
69
4.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
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