13 common mistakes in dashboard design
-
Upload
rahul-gupta -
Category
Design
-
view
374 -
download
0
Transcript of 13 common mistakes in dashboard design
![Page 1: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/1.jpg)
13 common
mistakes in
dashboard
design
Rahul Gupta
![Page 2: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/2.jpg)
Issues in Dashboard Design
– Too much data available to show
– Choosing right infographics to communicate the info
– Quantity vs Things-that-matters-most trade-off
– Is dashboard for novice/expert ?
– What is goal of the dashboard ? What do we want user to know/assess ? This
will govern what should be included and what should not.
– “If the statistics are boring, you have got the wrong numbers.”- Edward Tufte
![Page 3: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/3.jpg)
Exceeding the boundaries of a
single screen
Why?
– It is easy to form relation between
components, when everything on
dashboard fits in single screen.
![Page 4: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/4.jpg)
Supplying inadequate context for
the data
Example
– Not enough info about what
numbers mean.
Solution
– Tooltip, helper text
– Benchmarking the data
![Page 5: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/5.jpg)
Displaying excessive detail or
precision
Non-Examples
– Mkt cap being shown in decimal
points
– Examples
– Showing in human readable format
![Page 6: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/6.jpg)
Expressing Measures indirectly
![Page 7: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/7.jpg)
Choosing inappropriate display
media
![Page 8: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/8.jpg)
Introducing meaningless variety
![Page 9: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/9.jpg)
Encoding quantitative data
inaccurately
![Page 10: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/10.jpg)
Arranging the data poorly
– Similar metric/data should be
placed together
– Examples
– Fitbit puts all daily stats in one tile
![Page 11: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/11.jpg)
Highlighting important data
ineffectively or not at all
– Google finance use it effectively :
stock price, the single most
important thing
– Fitbit misses this point
![Page 12: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/12.jpg)
Cluttering the display with
useless decoration
![Page 13: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/13.jpg)
Misusing or overusing color
– Color should be used to make a
point or help something stand out.
![Page 14: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/14.jpg)
Designing an unattractive visual
display
![Page 15: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/15.jpg)
Case Studies
– Google Finance: stock page
– Fitbit Dashboard
– Screener.in
![Page 16: 13 common mistakes in dashboard design](https://reader036.fdocuments.in/reader036/viewer/2022062223/58ee1bd11a28ab580c8b45db/html5/thumbnails/16.jpg)
Salesforce dashboards