59
EFFECTIVE DASHBOARD DESIGN why your baby is ugly

Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

Embed Size (px)

DESCRIPTION

[Note: This version was presented at the Big Design Conference on May 29, 2010] As enterprises and other organizations look to sift through and make sense of the all the structured and unstructured data available to them, dashboards are being positioned as the solution to their problems. However, a dashboard needs special attention to the visual design or the dashboard will fail to meet expectations. If not carefully designed, a new dashboard can leave consumers unsatisfied, frustrated, confused, and even overwhelmed. Aaron Hursman will share his experiences designing effective dashboards that deliver on the promise of targeted, accessible, and actionable information. He will discuss examples from both his personal work and contributions of thought-leaders in this space. Through these examples, he will present practical dashboard design techniques. He will also present effective approaches to take during design and construction. Finally, Aaron will explain the challenges and obstacles that dashboard designers face today, and how to mitigate the risks that result.

Citation preview

Page 1: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

EFFECTIVEDASHBOARDDESIGNwhy your baby is ugly

Page 2: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

hello!my name is aaron.i live in dallas.i do user EXPERIENCE.i work @RACETOWIN.

2

Page 3: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

3

#whybabyisugly@hursman

http://twittericonfactory.com/icon/2758

Page 4: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

“ A dashboard is a visualdisplay of the most important information needed to achieve one or more objectives, consolidated and arranged on a single screen so the information can be monitored at a glance.

4

Page 5: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: MICROCHARTS FROM BUENA VISTA SYSTEMS

Page 6: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

6

DESIGNTECHNIQUES

supercute

Page 7: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

7

Page 8: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

8

Page 9: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

9

Page 10: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

10

Page 11: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

KEY

11

Page 12: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

12

Page 13: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

13

Page 14: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

14

Page 15: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

15

Page 16: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

16

Page 17: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

17

Page 18: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

18

Page 19: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: MICROCHARTS FROM BUENA VISTA SYSTEMS19

Page 20: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: MICROCHARTS FROM BUENA VISTA SYSTEMS20

Page 21: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

21

Page 22: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

22

Page 23: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

23

Page 24: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Page 25: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

25

Page 26: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

26

Page 27: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Page 28: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

28

UGLYBABIES

Page 29: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

29

Series 1

Series 2

Series 3

0

1

2

3

4

5

Category 1Category 2

Category 3Category 4

Series 1

Series 2

Series 3

Page 30: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

30

Page 31: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

31

Page 32: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

32

Page 33: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

33

Page 34: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

34

Page 35: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

35

Page 36: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Page 37: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

37

TRY AGAIN??

Page 38: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: STEPHEN FEW, PERCEPTUAL EDGE

38

Page 39: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: MICROCHARTS FROM BUENA VISTA SYSTEMS 39

Page 40: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

CREDIT: MICROCHARTS FROM BUENA VISTA SYSTEMS40

Page 41: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

41

Page 42: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

42

Page 43: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

43http://static.simpledesktops.com/photo/2010/03/31/trailerscar.png

NAVIGATION?

Page 44: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

44http://bit.ly/awXGoY

Page 45: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

45http://bit.ly/c7HeKq

Page 46: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

46

MATRIXTHE

46http://bit.ly/9aaY6I

Page 47: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

MATRIXTHE

Daily Monthly Quarterly Yearly

Executives

DistrictManagers

StoreManagers

4747http://bit.ly/9aaY6I

Page 48: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

MATRIXTHE

Monthly Quarterly Yearly

Daily Monthly Quarterly

Daily Monthly

Executives

District Mgr

Store Mgr

4848http://bit.ly/9aaY6I

Page 49: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

49

CHALLENGES

http://www.flickr.com/photos/24196692@N04/2304407022/sizes/l/

Page 50: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

50

Page 51: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

51

Page 52: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

52

Page 53: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

0123456

Series 1

Series 2

Series 3

1st Qtr

2nd Qtr

3rd Qtr

4th Qtr

Series 1

Series 30

2

4

6

4-6

2-4

0-2

53

Page 54: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

54

Page 55: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

55

Page 56: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

#sskittles 56

MICROSOFT

PORTALS

MOBILE

CUSTOM APPS

Business intel

BUSINESS MGMT

ORG CHNG MGMT

Page 57: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

http://www.flickr.com/photos/mickeyd600/3733532688/

thx@hursman

57

Page 58: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

RESOURCES

http://www.flickr.com/photos/nzdave/486742731/

58

Page 59: Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)

Aaron Hursmanhttp://aaron.hursman.com

Slalom Consultinghttp://slalom.com

Perceptual Edge (Stephen Few)http://www.perceptualedge.com/

Edward Tuftehttp://www.edwardtufte.com/

BonaVista (MicroCharts)http://www.bonavistasystems.com/

Juice Analyticshttp://juiceanalytics.com/

Jorge Camoes Chartshttp://charts.jorgecamoes.com/

Dashboard Spyhttp://dashboardspy.com/

Dashboards by Examplehttp://tinyurl.com/6kktla

Many Eyeshttp://tr.im/RU0s

Tableau Softwarehttp://tr.im/RTZY

Junk Chartshttp://tr.im/RU05

Bad Charts & Dashboardshttp://tr.im/RU0h

Dundas Data Visualizationhttp://dundas.com/

59