A Bigger Boat. Data Visualization Lessons From the Movie Theater. Mark Vaillancourt, Tail Wind Technologies

Transcription

1 A Bigger Boat Data Visualization Lessons From the Movie Theater Mark Vaillancourt, Tail Wind Technologies

2 2 Please silence cell phones

3 Explore Everything PASS Has to Offer FREE SQL SERVER AND BI WEB EVENTS FREE 1-DAY TRAINING EVENTS REGIONAL EVENT THIS IS COMMUNITY BUSINESS ANALYTICS TRAINING LOCAL USER GROUPS AROUND THE WORLD SESSION RECORDINGS PASS NEWSLETTER FREE ONLINE TECHNICAL TRAINING 3

4 Session Evaluations Your feedback is important and valuable. ways to access Submit by 5pm Friday November 6 th to WIN prizes Go to passsummit.com/evals 4 Download the GuideBook App and search: PASS Summit 2015 Follow the QR code link displayed on session signage throughout the conference venue and in the program guide

5 Agenda 5 Image:

6 Agenda Why Bother? 6 Image:

7 Agenda Why Bother? Perception & Memory 7 Image:

8 Agenda Why Bother? Perception & Memory Preattentive Attributes 8 Image:

9 Agenda Why Bother? Perception & Memory Preattentive Attributes Attribute Encoding 9 Image:

10 Agenda Why Bother? Perception & Memory Preattentive Attributes Attribute Encoding Gestalt Principles 10 Image:

11 Why Bother?

12 A Bigger Boat Video

13 Why Data Visualization? 13 Jaws

14 14

15 15

16 A Pie Chart 16

17 A Pie Chart Video

18 This is REALLY funny to me. 18 Never Gonna Give You Up, Rick Astley

19 A Pie Chart % of you that just got RickRoll d % of you eating actual pie 19

20 Choosing the Right Visualization 20

21 Choosing the Right Visualization 21

22 Perception & Memory

23 Perception vs Reality Video

24 Perception vs Reality 24 Sneakers

25 Perceptual Processing Types 25

26 Perceptual Processing Types Preattentive Attentive 26 Source: Stephen Few, Show Me the Numbers

27 Perceptual Processing Types Preattentive Attentive VERY fast First type of processing that occurs Like a snapshot 27 Source: Stephen Few, Show Me the Numbers

28 Perceptual Processing Types Preattentive Attentive VERY fast First type of processing that occurs Like a snapshot Much slower Sequential process that can result in Learning, Understanding, Remembering 28 Source: Stephen Few, Show Me the Numbers

29 Perceptual Processing Types Preattentive Attentive VERY fast First type of processing that occurs Like a snapshot Much slower Sequential process that can result in Learning, Understanding, Remembering 29 Source: Stephen Few, Show Me the Numbers

30 Preattentive Processing FTW! Source: Stephen Few, Show Me the Numbers

31 Preattentive Processing FTW! Source: Stephen Few, Show Me the Numbers

32 Visual Processing: Memory Types 32

33 Visual Processing: Memory Types Iconic Memory Working Memory Long-Term Memory 33 Source: Stephen Few, Show Me the Numbers

34 Visual Processing: Memory Types Iconic Memory < 1 second Preattentive Focused on fast Recognition Color; Location in 2- D space Working Memory Long-Term Memory 34 Source: Stephen Few, Show Me the Numbers

35 Visual Processing: Memory Types Iconic Memory Working Memory Long-Term Memory < 1 second 1 second 2 hours Preattentive Focused on fast Recognition Color; Location in 2- D space Attentive Information grouped into chunks 3-4 chunks at a time 35 Source: Stephen Few, Show Me the Numbers

36 Visual Processing: Memory Types Iconic Memory Working Memory Long-Term Memory < 1 second 1 second 2 hours Lifetime? Preattentive Attentive Attentive Focused on fast Recognition Color; Location in 2- D space Information grouped into chunks 3-4 chunks at a time Chunks rehearsed to store here 36 Source: Stephen Few, Show Me the Numbers

37 Visual Processing: Memory Types Iconic Memory Working Memory Long-Term Memory < 1 second 1 second 2 hours Lifetime? Preattentive Attentive Attentive Focused on fast Recognition Color; Location in 2- D space Information grouped into chunks 3-4 chunks at a time Chunks rehearsed to store here 37 Source: Stephen Few, Show Me the Numbers

38 Perception & Memory

39 Preattentive Attributes

40 Preattentive Attributes Form Color Spatial Position Motion 40 Source: Stephen Few, Show Me the Numbers

41 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 41 Source: Stephen Few, Show Me the Numbers

42 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 42 Source: Stephen Few, Show Me the Numbers

43 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 43 Source: Stephen Few, Show Me the Numbers

44 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 44 Source: Stephen Few, Show Me the Numbers

45 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 45 Source: Stephen Few, Show Me the Numbers

46 Preattentive Attributes Form Length Width Orientation Shape Size Enclosure 46 Source: Stephen Few, Show Me the Numbers

47 Preattentive Attributes Color Hue Intensity 47 Source: Stephen Few, Show Me the Numbers

48 Preattentive Attributes Color Hue Intensity Saturation & Lightness 48 Source: Stephen Few, Show Me the Numbers

49 Preattentive Attributes Spatial Position 2-D Position 49 Source: Stephen Few, Show Me the Numbers

50 Preattentive Attributes Spatial Position 2-D Position Vertical & Horizontal 50 Source: Stephen Few, Show Me the Numbers

51 2-D Thinking Video

52 2-Dimensional Thinking 52 Star Trek II: The Wrath of Khan

53 3-Dimensional Thinking Caution!! Our perception of Depth is weak 53 Source: Stephen Few, Show Me the Numbers

54 54

55 3-Dimensional?? 55 Star Wars: The Empire Strikes Back

56 3-Dimensional Thinking 56

57 3-Dimensional Thinking 57

58 3-Dimensional Thinking 58

59 3-Dimensional Thinking 59

60 Preattentive Attributes Motion Flicker 60 Source: Stephen Few, Show Me the Numbers

61 Preattentive Attributes Form Color Spatial Position Motion 61 Source: Stephen Few, Show Me the Numbers

62 Preattentive Attributes: Who Cares? 62 The Breakfast Club

63 Preattentive Attributes: Who Cares? ~Stephen Few, Show Me the Numbers 63

64 Preattentive Attributes

65 Attribute Encoding

66 Attribute Encoding 66

67 Attribute Encoding Quantitative Categorical 67 Source: Stephen Few, Show Me the Numbers

68 Attribute Encoding Quantitative Categorical Values across a continuum Not just difference, but degree of difference 68 Source: Stephen Few, Show Me the Numbers

69 Attribute Encoding Quantitative Categorical Values across a continuum Difference alone Not just difference, but degree of difference 69 Source: Stephen Few, Show Me the Numbers

70 Attribute Encoding Form Length 70 Source: Stephen Few, Show Me the Numbers

71 Attribute Encoding Form Length 71 Source: Stephen Few, Show Me the Numbers

72 Attribute Encoding Form Length 72 Source: Stephen Few, Show Me the Numbers

73 Attribute Encoding Color Hue 73 Source: Stephen Few, Show Me the Numbers

74 Attribute Encoding 74 Kung Fu Panda

75 Attribute Encoding Color Hue 75 Source: Stephen Few, Show Me the Numbers

76 Attribute Encoding Color Hue 76 Source: Stephen Few, Show Me the Numbers

77 Attribute Encoding 77 Category Form Color Spatial Position Attribute Length Width Orientation Shape Size Enclosure Hue Intensity 2-D Position Source: Stephen Few, Show Me the Numbers Quantitatively Perceived

78 Attribute Encoding 78 Category Form Color Spatial Position Attribute Length Width Orientation Shape Size Enclosure Hue Intensity 2-D Position Source: Stephen Few, Show Me the Numbers Quantitatively Perceived No No No No

79 Attribute Encoding 79 Category Form Color Spatial Position Attribute Length Width Orientation Shape Size Enclosure Hue Intensity 2-D Position Source: Stephen Few, Show Me the Numbers Quantitatively Perceived Yes, but limited No No Yes, but limited No No Yes, but limited

80 Attribute Encoding 80 Category Form Color Spatial Position Attribute Length Width Orientation Shape Size Enclosure Hue Intensity 2-D Position Source: Stephen Few, Show Me the Numbers Quantitatively Perceived Yes Yes, but limited No No Yes, but limited No No Yes, but limited Yes

81 Too Much Variety 81

82 Too Much Variety 82 Return of the Jedi

83 Attribute Encoding 83 Category Form Color Spatial Position Attribute Length Width Orientation Shape Size Enclosure Hue Intensity 2-D Position Source: Stephen Few, Show Me the Numbers Quantitatively Perceived Yes Yes, but limited No No Yes, but limited No No Yes, but limited Yes Max Variations

84 Everybody s Special Video

85 Everybody s Special 85 The Incredibles

86 A World of Color Video

87 A World of Color 87 The Wizard of Oz

88 Attribute Encoding

89 Gestalt Principles

90 Gestalt Principles Proximity Principle Similarity Enclosure Closure Continuity Application Connection 90 Source: Stephen Few, Show Me the Numbers

91 Gestalt Principles Proximity Principle Similarity Enclosure Closure Application Continuity Connection 91 Source: Stephen Few, Show Me the Numbers

92 Gestalt Principles Proximity Principle Similarity Enclosure Closure Application Continuity Connection 92 Source: Stephen Few, Show Me the Numbers

93 Gestalt Principles Proximity Principle Similarity Enclosure Closure Application Continuity Connection 93 Source: Stephen Few, Show Me the Numbers

94 Gestalt Principles Proximity Principle Similarity Enclosure Closure Continuity Connection 94 Application Fruit Color Sales Apple Red 4 Green 6 Yellow 2 Grape Red 6 Green 8 Black 3 Source: Stephen Few, Show Me the Numbers

95 Gestalt Principles Proximity Principle Similarity Enclosure Closure Application Continuity Connection 95 Source: Stephen Few, Show Me the Numbers

96 The Power of Proximity Video

97 The Power of Proximity 97 Jaws

98 Context Matters Which square is the lightest? 98 Source: Stephen Few, Show Me the Numbers

99 Context Matters 99 Return of the Jedi

100 Context Matters Which square is the lightest? 100 Source: Stephen Few, Show Me the Numbers

101 Context Matters Which square is the lightest? They are identical. 101 Source: Stephen Few, Show Me the Numbers

102 Gestalt Principles

103 Session Evaluations Your feedback is important and valuable. ways to access Submit by 5pm Friday November 6 th to WIN prizes Go to passsummit.com/evals 103 Download the GuideBook App and search: PASS Summit 2015 Follow the QR code link displayed on session signage throughout the conference venue and in the program guide

104 Questions? Mark Vaillancourt Blog: markvsql.com 104