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
98
Inclusive Design: Designing Fintechs Products That Bring People Together
usable
2
88
Process
usable
3
50
Design Thinking and Psychology
usable
2
69
Designer's Guide to Remote Usability Testing
usable
4
140
The Fundamentals of User Interface Animation
usable
3
44
Harnessing the Power of Empathy in Design
usable
3
83
Customer Experience is Becoming Branding, and Other Lessons
usable
2
86
On Being A Solo Designer
usable
2
27
Other Decks in Design
See All in Design
mento Design Team Portfolio
mento0fficial
1
810
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
Memory Man v3 (WIP)
storybychad
PRO
0
2.6k
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.6k
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.4k
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
400
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
550
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
220
CursorでAI活用のナレッジベースを構築する
kanzaki
0
720
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
350
Featured
See All Featured
Mobile First: as difficult as doing things right
swwweet
224
9.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Music & Morning Musume
bryan
46
6.8k
It's Worth the Effort
3n
187
28k
Done Done
chrislema
185
16k
How to Ace a Technical Interview
jacobian
280
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Bash Introduction
62gerente
615
210k
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