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
99
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
85
Customer Experience is Becoming Branding, and Other Lessons
usable
2
87
On Being A Solo Designer
usable
2
27
Other Decks in Design
See All in Design
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
330
decksh object reference
ajstarks
2
1.3k
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
920
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
170
数理的アプローチで挑むスマホUIのデザイン改善:タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
lycorptech_jp
PRO
0
870
mento Design Team Portfolio
mento0fficial
1
910
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
120
7 Core Values of Round-L
wired888
0
2.2k
What makes a great Director?
_limex_
0
330
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
580
portfolio.pdf
onof003
0
200
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.5k
Mobile First: as difficult as doing things right
swwweet
225
10k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
How GitHub (no longer) Works
holman
315
140k
Building Adaptive Systems
keathley
44
2.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Designing Experiences People Love
moore
142
24k
Speed Design
sergeychernyshev
32
1.2k
Thoughts on Productivity
jonyablonski
70
4.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