Successfully reported this slideshow.

Dana Chisnell: Designing for Delightful Interfaces (Webdagene 2011)

1,447 views

Published on

Published in: Technology, Business
  • Be the first to comment

Dana Chisnell: Designing for Delightful Interfaces (Webdagene 2011)

  1. 1. 1Designing for DelightfulInterfacesPleasure, Flow,& Meaning
  2. 2. 2
  3. 3. 2Product manager
  4. 4. 2 Marketing QA tester Call center UX designer DevelopmentProduct manager
  5. 5. 3
  6. 6. 4
  7. 7. 4
  8. 8. 5
  9. 9. 6
  10. 10. 7
  11. 11. 7
  12. 12. 7
  13. 13. 7
  14. 14. 7
  15. 15. 8
  16. 16. 8 en ok ce Br en periEx
  17. 17. 9Capital One
  18. 18. 9Usable = yesDelightful = no Capital One
  19. 19. 10Delight Flow Meaning Pleasure
  20. 20. 10 DelightPleasure Flow Meaning
  21. 21. 11USAToday weather
  22. 22. 12Swackett.com
  23. 23. 12Swackett.com
  24. 24. 13Houdini’sbirthday
  25. 25. 14Anniversary ofthe Eiffel Tower
  26. 26. 15MattGroening’sbirthday
  27. 27. 16Swackettextendedforecast
  28. 28. 171. Pleasure
  29. 29. 171. Pleasure • Consideration • Anticipation of needs • Knows what to do next • Visceral • Language flirts with users • Responsive to context
  30. 30. 18
  31. 31. 18
  32. 32. 18
  33. 33. 18
  34. 34. 18
  35. 35. 19TripIt.com
  36. 36. 19TripIt.com
  37. 37. 19TripIt.com
  38. 38. 19TripIt.com
  39. 39. 20Virgin America thebinaryblog
  40. 40. 21 Virgin America in-flight entertainment systemBloomberg Businessweek
  41. 41. 22 Virgin America in-flight entertainment systemwww.flickr.com/disrupsean
  42. 42. 23Virgin Americasafety video
  43. 43. 23Virgin Americasafety video
  44. 44. 23Virgin Americasafety video
  45. 45. 24If I were to take care of thiscustomer, how would I do it?
  46. 46. 251. Evidence of Pleasure
  47. 47. 251. Evidence of Pleasure✤ Smiling✤ Exclamations, “Nice!” or “Got it!”✤ Behaving with infatuation
  48. 48. 26Cautions of Pleasure
  49. 49. 26Cautions of Pleasure Habituation decrease in response after repeated exposure
  50. 50. 26Cautions of Pleasure Habituation decrease in response after repeated exposure Distraction dividing attention
  51. 51. 26Cautions of Pleasure Habituation decrease in response after repeated exposure Distraction dividing attention Disruption interrupting the user’s activity
  52. 52. 26Cautions of Pleasure Habituation decrease in response after repeated exposure Distraction dividing attention Disruption interrupting the user’s activity Don’t force it
  53. 53. 27
  54. 54. 27 PleasureAware of the user Creates infatuationShows consideration Lots of smilingAnticipates needsLeaves the user in controlConsistent voice, attitude Beware of habituation,Often about visual design distraction, or disruptionUses the seducible moment
  55. 55. 28wordprocessor
  56. 56. 29Ommwriter
  57. 57. 30
  58. 58. 312. Flow
  59. 59. 312. Flow • Challenge to skill and strengths • Plays on mastery and control • Immersive • Empowering • Behavioral, automatic
  60. 60. 322. Flow
  61. 61. 322. Flow • Psychological cues • Language • Social cues • Reinforcement • Subtle motivation
  62. 62. 33Quora.com
  63. 63. 33Quora.com Smooth, frictionless Supports serendipity Tangents are useful, meaningful Feeds curiosity Users demonstrate knowledge
  64. 64. 34
  65. 65. 34Conversation
  66. 66. 35
  67. 67. 35
  68. 68. 36
  69. 69. 36Question
  70. 70. 36QuestionAnswers
  71. 71. 36Question Related questionsAnswers
  72. 72. 36Question Related questionsAnswers People
  73. 73. 36 TagsQuestion Related questionsAnswers People
  74. 74. 36 TagsQuestion Related questions OutletsAnswers People
  75. 75. 37BusinessWeek.com
  76. 76. 38http://dvice.com/archives/2009/02/htc-magic-bring.php
  77. 77. 39Mobile + essentials = flow
  78. 78. 39Mobile + essentials = flowThings
  79. 79. 39Mobile + essentials = flowThings Dropbox
  80. 80. 39Mobile + essentials = flowThings Dropbox Instapaper
  81. 81. 402. Evidence of Flow
  82. 82. 402. Evidence of Flow✤ Gratification✤ Feeling productive✤ Focused concentration✤ Energized✤ Stop talking✤ Empowerment✤ Key strengths tapped
  83. 83. 41Cautions of Flow
  84. 84. 41Cautions of Flow Could translate as either engagement or frustration Analytics data won’t reveal this
  85. 85. 41Cautions of Flow Could translate as either engagement or frustration Analytics data won’t reveal this User control is key Tangents must be useful acts of autonomy
  86. 86. 42
  87. 87. 42Assessing flow
  88. 88. 42Assessing flowWhen you are using it, do you feel agreater awareness?
  89. 89. 42Assessing flowWhen you are using it, do you feel agreater awareness?How much does it increase your ability toaccomplish new things?
  90. 90. 42Assessing flowWhen you are using it, do you feel agreater awareness?How much does it increase your ability toaccomplish new things?How much does it expand your owncapabilities?
  91. 91. 42Assessing flowWhen you are using it, do you feel agreater awareness?How much does it increase your ability toaccomplish new things?How much does it expand your owncapabilities?How much do you feel you have a largerperspective because of using it?
  92. 92. 43
  93. 93. 43 FlowImmersive Generates feelings ofContinuous productivity productivity, energy,Appeals to mastery and empowermentCalls to signal strengthsMany possible useful paths Avoid measures basedFrictionless navigation on timeEssential functionality Don’t remove userFit for purpose control
  94. 94. 44Zipcar.com
  95. 95. 44 CommunityZipcar.com
  96. 96. 44 Community Big ideas:Zipcar.com less waste saving money
  97. 97. 44 Community Big ideas:Zipcar.com less waste saving money Big idea: good for Earth
  98. 98. 45 Myneighborhood Zipcar has a name
  99. 99. 463. Meaning
  100. 100. 463. Meaning • Flourish through purpose • Connectedness • Making a difference • Belonging • Virtuousness
  101. 101. 473. Meaning
  102. 102. 473. Meaning • Plan the emotional effects • Plan the behavioral effects • Clarity, simplicity, funneling, modeling
  103. 103. 48Twitter
  104. 104. 49wikis... http://www.wikihow.com/Successfully-Convince-Your-Parents-to-Let-You-Have-a-Dog
  105. 105. 50forums... http://www.wikihow.com/Successfully-Convince-Your-Parents-to-Let-You-Have-a-Dog
  106. 106. 51Wardrobe Refashion
  107. 107. 52 Culture of generosity After: ShortsBefore: Gauchos
  108. 108. 53Kiva.org
  109. 109. 54Kiva.org
  110. 110. 55
  111. 111. 563. Evidence of Meaning
  112. 112. 563. Evidence of Meaning✤ Connected, yet selfless✤ Virtuous and altruistic✤ Compassion and empathy✤ Expansiveness, openness✤ Devoted, engaged✤ Long lasting glow
  113. 113. 57Cautions in meaning
  114. 114. 57Cautions in meaning Must be authentic
  115. 115. 57Cautions in meaning Must be authentic Must come from the business model, out
  116. 116. 57Cautions in meaning Must be authentic Must come from the business model, out Can’t be layered on
  117. 117. 58Meaning =EngagementGallup CustomerEngagementassessment CE11
  118. 118. 59
  119. 119. 59 MeaningConnectedness SelflessnessBelonging AltruismVirtuousness Compassion andMaking a difference empathyPurpose comes through Must be authentic,across channels genuineBusiness empowers the Must be embeddedindividualCommunity is integral
  120. 120. 60 Where does your design fit into abeautiful day?
  121. 121. 61 DelightPleasure Flow Meaning
  122. 122. 61Delight FlowMeaningPleasure
  123. 123. 62Creating a remarkableexperienceversus a satisfactory oneis possible
  124. 124. 63Where to learn more about thepsychology of happiness TED Talks: The psychology of happiness - Martin Seligman TED Talks: Play is more than fun - Stuart Brown TED Talks : Happy design - Stefan Sagmeister Flow: The Psychology of Optimal Experience, by Mihaly Csikszentmihalyi Emotional Design: Why We Love (or Hate) Everyday Things, by Donald Norman Happiness: A History, by Darrin M. McMahon Enchantment, by Guy Kawasaki
  125. 125. 64Where to learn more about thepsychology of happiness Anything written by all of these people: Aaron Walter Stephen Anderson Nathan Shedroff Bill Scott Jane McGonigal Clay Shirky
  126. 126. 65Where to learn more Dana’s blog: http:// usabilitytestinghowto.blogspot.com/ Download templates, examples, and links to other resources from www.wiley.com/go/usabilitytesting
  127. 127. 66ThankYou.Dana Chisnelldana@usabilityworks.netwww.usabilityworks.net415.519.1148

×