+ All Categories
Home > Technology > DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Date post: 16-Apr-2017
Category:
Upload: steve-remington
View: 416 times
Download: 1 times
Share this document with a friend
40
Dashboard Best Practices 2016 v.2 (Copy)
Transcript
Page 1: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Dashboard Best Practices 2016 v.2 (Copy)

Page 2: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

What do business-users want?

Page 3: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices
Page 4: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Why Dashboards?

Page 5: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

2 types of BI users

Page 6: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Dashboards for the BI Consumer

Page 7: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

1 - Purpose

Page 8: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Who is the dashboard for?

Page 9: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

What data do you need?

Page 10: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

4 - Functionality

Page 11: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

How will the dashboard be used?

Page 12: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Planning your dashboard

Page 13: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Make dashboards an engaging experience

Examine data further with

TooltipsDrill BrushingFiltersDate SliderSeries SelectionMap Zoom & Layers

Page 14: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

2 - Summarize

Page 15: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Single subject area per tabDon't overwhelm

Page 16: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Summary to Detail

Page 17: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Display important metrics with KPIs

Page 18: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

3 - Relevance

Page 19: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Is it relevant to your audience

Page 20: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

5 - Visual Fit

Page 21: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Right chart to tell your story

Page 22: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

6 - Layout

Page 23: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices
Page 24: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices
Page 25: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Allocate layout by importance - Before

Reports in the wrong order

Athlete Regional Metrics - wrong shape

Bubble - not wide enough to be clear

Campaign effectiveness - clear

Agency Sales over Time - too small

Heat Grid - clear

Page 26: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Allocate layout by importance - After

Athlete Regional Metrics - correct shape & size

Bubble - double width now, easier to read

Campaign Effectiveness - slightly more space

Agency Sales over Time - double width, easier to read

Heat Grid - clear

Page 27: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

7 - Clarity

Page 28: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Titles

What does this chart represent?

Page 29: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Descriptions

Page 30: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Conditional Formatting

Rank Flag Camp Country Invoiced Profit Cost Rating % of Max

1 Italy $8,882,013.53

2 Austria $7,447,954.66

3 USA $5,642,422.04

4 Australia $4,490,174.68

5 New Zealand $3,637,444.43

6 Japan $2,185,357.28

7 Germany $1,681,510.02

8 Canada $1,458,473.15

9 Armenia $1,296,521.07

10 Finland $1,145,911.31

Colours to highlight extremesIcon alertsFlags

Page 31: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Annotations and Reference Lines

Use annotation sparinglyAnnotations get more attention Higher dwell time 

Page 32: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

8 - Consistency

Page 33: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Consistency

Page 34: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

9 - Trust

Page 35: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices
Page 36: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

10 - Share

Page 37: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Any Platform, Any Device

Page 38: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Data-Driven Decisions

Page 39: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices
Page 40: DataDrivenSG Hackathon 2016 - Dashboard Design Best Practices

Recommended