Words to Make You a Design Polyglot

When it comes to learning design, the traditional methods taught in academic settings tend to focus on the mastery of visual fundamentals like line, color, pattern, etc. For amateurs, these words aren't enough and for the talented, it leaves them wanting for more. In this presentation, we'll learn some new words from other languages, cultures and disciplines to help make you a veritable design polyglot.

Transcript

1. Words to Make You
   a Design Polyglot
   Kevin Hale
   

   View Slide

2. @ilikevests
   

   View Slide

3. View Slide

4. View Slide

5. View Slide

6. My Problem
   

   View Slide

7. Design
   Elements
   •Line
   •Color
   •Shape
   •Texture
   •Space
   •Form
   

   View Slide

8. Principles
   of Design
   •Unity
   •Balance
   •Hierarchy
   •Scale / Proportion
   •Dominance / Emphasis
   •Similarity vs Contrast
   •Rhythm / Pattern
   

   View Slide

9. Not good enough.
   

   View Slide

10. Sapir-Whorf Hypothesis
    

    View Slide

11. Linguistic
    Determinism
    

    View Slide

12. Rainbow
    

    View Slide

13. English
    green
    blue
    

    View Slide

14. View Slide

15. View Slide

16. Taramuhara
    siyóname
    

    View Slide

17. Time
    

    View Slide

18. View Slide

19. View Slide

20. View Slide

21. Korean
    ୡ۾ (chorok)
    োف (yeondu)
    

    View Slide

22. Korean
    ೞט (haneul)
    ౵ی (parang)
    թ (nam)
    

    View Slide

23. Speed = Fluency
    

    View Slide

24. The Goldilocks Word
    

    View Slide

25. View Slide

26. View Slide

27. View Slide

28. “Lagom”
    

    View Slide

29. Lagom is an abstract
    unit of measurement.
    

    View Slide

30. Lagom is also a
    life philosophy.
    

    View Slide

31. View Slide

32. View Slide

33. View Slide

34. View Slide

35. View Slide

36. View Slide

37. View Slide

38. View Slide

39. View Slide

40. View Slide

41. modesty
    humility
    restraint
    decency
    

    View Slide

42. Software Development
    Responsibility
    Accountability
    Humility
    {
    

    View Slide

43. Software engineers
    and designers are
    often divorced from
    the consequences
    of their actions.
    

    View Slide

44. Before
    Launch
    100%
    Create
    Software
    

    View Slide

45. Create
    Software
    Customer
    Support
    Business
    Crap
    Crap
    Hiring
    Crap
    Fix
    Crap
    After
    Launch
    

    View Slide

46. Support
    Driven
    Development
    S
    D
    D
    

    View Slide

47. You make everyone do
    customer support.
    

    View Slide

48. Creators = Supporters
    

    View Slide

49. 1
    Support Responsible
    Developers and Designers
    Give the Best Support
    

    View Slide

50. View Slide

51. View Slide

52. +500,000 users
    ~5 million people
    ~400 issues
    +800 emails
    7-12 minutes
    

    View Slide

53. View Slide

54. View Slide

55. View Slide

56. View Slide

57. View Slide

58. View Slide

59. View Slide

60. 75.8%
    78.1%
    Emotional State
    Browser Type
    

    View Slide

61. View Slide

62. 2
    Support Responsible
    Developers and Designers
    Create Better Software
    

    View Slide

63. View Slide

64. Direct Exposure
    Minimum Every Six Weeks
    At Least Two Hours
    

    View Slide

65. View Slide

66. We made everyone
    say thank you.
    

    View Slide

67. View Slide

68. View Slide

69. View Slide

70. View Slide

71. View Slide

72. View Slide

73. 0
    75,000
    150,000
    225,000
    300,000
    Jun-06 Dec-06 Jun-07 Dec-07 Jun-08 Dec-08 Jun-09 Dec-09
    0
    100
    200
    300
    400
    4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 2 4 6 8 10 12 14 16 18 20 22 24 26 28 30 32 34 36 38 40 42 44 46 48 50 52 2 4 6
    Users
    Support
    

    View Slide

74. View Slide

75. View Slide

76. 676%
    29,561%
    $25.3 M
    Average Startup
    $118K
    Wufoo
    

    View Slide

77. T = a + b log (1 + D/W)
    2
    

    View Slide

78. View Slide

79. Paul Fitts
    

    View Slide

80. View Slide

81. Fitts’s Experiment
    

    View Slide

82. Fitts’s Experiment
    Distance
    Width
    Time
    

    View Slide

83. T = a + b log (1 + D/W)
    2
    Distance
    Width
    Time
    

    View Slide

84. 0
    1.5
    3.0
    4.5
    6.0
    0 2 4 6 8 10 12 14 16 18 20 22 24 26 28
    Linear vs Log
    Linear vs Log
    

    View Slide

85. View Slide

86. View Slide

87. View Slide

88. View Slide

89. View Slide

90. View Slide

91. T = a + b log (1 + D/W)
    2
    Distance
    Width
    Time
    

    View Slide

92. T = D / W
    Distance
    Width
    Time
    

    View Slide

93. Distance
    Width
    Time
    0 = D / W
    

    View Slide

94. Distance
    Width
    Time
    0 = 0 / ∞
    

    View Slide

95. Contextual
    Menus
    

    View Slide

96. Pie Menus
    Radial Interfaces
    

    View Slide

97. View Slide

98. View Slide

99. View Slide

100. Distance
     Width
     Time
     0 = 0 / ∞
     

     View Slide

101. ∞
     ∞
     Infinite Target
     Widths at Edges
     

     View Slide

102. Infinite
     Dimensions
     at Corners
     ∞
     ∞
     ∞
     ∞
     

     View Slide

103. Hot
     Corners
     

     View Slide

104. View Slide

105. View Slide

106. WebOS
     

     View Slide

107. View Slide

108. View Slide

109. Problem
     

     View Slide

110. View Slide

111. View Slide

112. View Slide

113. Farbenpyramide
     

     View Slide

114. Color Sphere
     

     View Slide

115. Albert
     Munsell
     

     View Slide

116. hue
     chroma
     value
     

     View Slide

117. View Slide

118. View Slide

119. View Slide

120. View Slide

121. Colour Dictionary
     

     View Slide

122. View Slide

123. = tranquil
     

     View Slide

124. fresh =
     

     View Slide

125. View Slide

126. View Slide

127. View Slide

128. The Other Word
     for Quality
     

     View Slide

129. ౰ͨΓલ඼࣭
     atarimae hinshitsu
     ັྗత඼࣭
     miryokuteki hinshitsu
     

     View Slide

130. View Slide

131. View Slide

132. View Slide

133. View Slide

134. View Slide

135. Education
     Research
     Real Estate
     Marketing
     Sales
     Banking
     Healthcare
     IT
     Designers
     Small Businesses
     Non-Profits
     Startups
     Students
     Engineers
     

     View Slide

136. View Slide

137. View Slide

138. View Slide

139. View Slide

140. View Slide

141. View Slide

142. View Slide

143. View Slide

144. View Slide

145. View Slide

146. View Slide

147. iPhone App
     Android App
     Wordpress Plugin
     

     View Slide

148. View Slide

149. Resources
     HTML Email Templates Chimplets MailChimp Research Academy Videos Experts
     Transactional Email Email on Mobile Devices Email Marketing Field Guide Getting Started With
     MailChimp
     MailChimp Mobile How to Manage Your List MailChimp For High-Volume
     Senders
     MailChimp International
     MailChimp Guides
     Log In
     Pricing
     Pricing Features
     Features Resources
     Resources Support
     Support Blog
     Blog Enter your search !
     MailChimp Mobile How to Manage Your List MailChimp For High-Volume
     Senders
     MailChimp International
     How to Use Hairball How To Use Google
     Analytics With MailChimp
     How to Select an Email-
     Marketing Agency
     Spam Lawsuits
     Understanding Reports Email Security How To Use Templates MailChimp For Designers
     

     View Slide

150. View Slide

151. View Slide

152. View Slide

153. View Slide

154. @ilikevests
     

     View Slide

155. Thanks!
     

     View Slide