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
46
Design Thinking and Psychology
usable
2
65
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
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
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
820
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
Personal Story Sequence(WIP) - Younghoon Park
elrns88
0
260
Slip N Slime - Character Design Ideation
thebogheart
0
310
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
460
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
400
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
160
SaaSのマーケティングを進めるサービスサイトを育てる取り組み / Designship 2024 Main Stage
sms_tech
1
1.2k
デザインスプリントを活かすチームの在り方
mixi_design
PRO
2
790
Night Shift (beginning sequence)
cpineda57
0
910
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
210
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
210
Featured
See All Featured
A Tale of Four Properties
chriscoyier
156
23k
Adopting Sorbet at Scale
ufuk
73
9.1k
Documentation Writing (for coders)
carmenintech
65
4.4k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
What's new in Ruby 2.0
geeforr
343
31k
Unsuck your backbone
ammeep
668
57k
Teambox: Starting and Learning
jrom
133
8.8k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
[RailsConf 2023] Rails as a piece of cake
palkan
52
4.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
A Philosophy of Restraint
colly
203
16k
Visualization
eitanlees
145
15k
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