ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design

Transcript

1. learning to love
   crash course in emotional
   design
   Paris Web, 10/10/13
   Thursday, October 10, 13
   

   View Slide

2. teaching robots to
   love
   crash course in emotional design
   Paris Web, 10/10/13
   Thursday, October 10, 13
   

   View Slide

3. how to play human emotions for
   fun and profit
   Paris Web, 10/10/13
   Thursday, October 10, 13
   

   View Slide

4. @dotmariusz
   L
   Thursday, October 10, 13
   

   View Slide

5. Interaction & User
   Interface Designer
   Thursday, October 10, 13
   

   View Slide

6. First international
   conference
   Thursday, October 10, 13
   

   View Slide

7. I’m really bad at
   timing things.
   Thursday, October 10, 13
   

   View Slide

8. I don’t speak
   French (big fan
   though)
   Thursday, October 10, 13
   

   View Slide

9. @lifetrampapp
   L
   Thursday, October 10, 13
   

   View Slide

10. “Design is how it
    works.”
    Steve Jobs
    Thursday, October 10, 13
    

    View Slide

11. Thursday, October 10, 13
    

    View Slide

12. “Design is not just
    how it looks and
    feels like. Design is
    how it works.”
    Steve Jobs
    Thursday, October 10, 13
    

    View Slide

13. usable.
    Thursday, October 10, 13
    

    View Slide

14. edible.
    Thursday, October 10, 13
    

    View Slide

15. Thursday, October 10, 13
    

    View Slide

16. Thursday, October 10, 13
    

    View Slide

17. delightful.
    Thursday, October 10, 13
    

    View Slide

18. delightful.
    Thursday, October 10, 13
    

    View Slide

19. Thursday, October 10, 13
    

    View Slide

20. Donald
    Norman
    Thursday, October 10, 13
    

    View Slide

21. emotional
    design.
    Thursday, October 10, 13
    

    View Slide

22. all design is
    emotional.
    Thursday, October 10, 13
    

    View Slide

23. emotional
    economy.
    Thursday, October 10, 13
    

    View Slide

24. Antonio
    Damasio.
    Thursday, October 10, 13
    

    View Slide

25. people love beautiful
    things*
    Thursday, October 10, 13
    

    View Slide

26. *even if they don’t
    work.
    Thursday, October 10, 13
    

    View Slide

27. Philippe
    Starck
    Thursday, October 10, 13
    

    View Slide

28. *even more if they
    work well.
    Thursday, October 10, 13
    

    View Slide

29. “Before your application
    can create an emotional
    relationship with the user,
    it must get the basics
    right.”
    Aral Balkan (@aral)
    Thursday, October 10, 13
    

    View Slide

30. layers of
    emotions.
    Thursday, October 10, 13
    

    View Slide

31. visceral.
    Thursday, October 10, 13
    

    View Slide

32. first
    impressions.
    Thursday, October 10, 13
    

    View Slide

33. gut reactions.
    Thursday, October 10, 13
    

    View Slide

34. mostly visual.
    Thursday, October 10, 13
    

    View Slide

35. Thursday, October 10, 13
    

    View Slide

36. behavioral.
    Thursday, October 10, 13
    

    View Slide

37. function-
    oriented.
    Thursday, October 10, 13
    

    View Slide

38. human-
    centered.
    Thursday, October 10, 13
    

    View Slide

39. satisfying the
    needs.
    Thursday, October 10, 13
    

    View Slide

40. reflective.
    Thursday, October 10, 13
    

    View Slide

41. culture.
    Thursday, October 10, 13
    

    View Slide

42. status.
    Thursday, October 10, 13
    

    View Slide

43. layers of
    design.
    Thursday, October 10, 13
    

    View Slide

44. desirable.
    Thursday, October 10, 13
    

    View Slide

45. usable.
    Thursday, October 10, 13
    

    View Slide

46. useful.
    Thursday, October 10, 13
    

    View Slide

47. Thursday, October 10, 13
    

    View Slide

48. how to get there?
    Thursday, October 10, 13
    

    View Slide

49. claim your user
    experience.
    Thursday, October 10, 13
    

    View Slide

50. focus on
    people.
    Thursday, October 10, 13
    

    View Slide

51. solve their
    problems.
    Thursday, October 10, 13
    

    View Slide

52. delight.
    Thursday, October 10, 13
    

    View Slide

53. “Emotional attachment
    to products can
    encourage people not
    to discard a product.”
    Pieter Desmet
    Delft Institute of Positive Design
    Thursday, October 10, 13
    

    View Slide

54. humans are
    social animals.
    Thursday, October 10, 13
    

    View Slide

55. #iseefaces
    Thursday, October 10, 13
    

    View Slide

56. Thursday, October 10, 13
    

    View Slide

57. Thursday, October 10, 13
    

    View Slide

58. Thursday, October 10, 13
    

    View Slide

59. Thursday, October 10, 13
    

    View Slide

60. human-
    computer
    interaction
    Thursday, October 10, 13
    

    View Slide

61. Thursday, October 10, 13
    

    View Slide

62. Thursday, October 10, 13
    

    View Slide

63. human touch.
    Thursday, October 10, 13
    

    View Slide

64. personas.
    Thursday, October 10, 13
    

    View Slide

65. user personas.
    Thursday, October 10, 13
    

    View Slide

66. experience
    goals.
    Thursday, October 10, 13
    

    View Slide

67. end goals.
    Thursday, October 10, 13
    

    View Slide

68. life goals.
    Thursday, October 10, 13
    

    View Slide

69. scenarios &
    storyboards.
    Thursday, October 10, 13
    

    View Slide

70. brand
    persona.
    Thursday, October 10, 13
    

    View Slide

71. personality
    traits.
    Thursday, October 10, 13
    

    View Slide

72. “Personality invites
    empathy.”
    Aarron Walter, MailChimp (@aarron)
    Thursday, October 10, 13
    

    View Slide

73. dominant vs
    submissive
    Thursday, October 10, 13
    

    View Slide

74. friendly vs
    unfriendly
    Thursday, October 10, 13
    

    View Slide

75. voice & tone.
    Thursday, October 10, 13
    

    View Slide

76. color.
    Thursday, October 10, 13
    

    View Slide

77. typography.
    Thursday, October 10, 13
    

    View Slide

78. microcopy.
    Thursday, October 10, 13
    

    View Slide

79. "Trust is a gut feeling more
    than a rational process and
    visual design affects emotions
    in a very powerful way,
    perhaps more than any other
    stimuli"
    James Putorti, Mint.com
    Thursday, October 10, 13
    

    View Slide

80. how?
    Thursday, October 10, 13
    

    View Slide

81. Thursday, October 10, 13
    

    View Slide

82. use my name.
    Thursday, October 10, 13
    

    View Slide

83. Thursday, October 10, 13
    

    View Slide

84. smile.
    Thursday, October 10, 13
    

    View Slide

85. Thursday, October 10, 13
    

    View Slide

86. Thursday, October 10, 13
    

    View Slide

87. Thursday, October 10, 13
    

    View Slide

88. be honest.
    Thursday, October 10, 13
    

    View Slide

89. Thursday, October 10, 13
    

    View Slide

90. friendly errors.
    Thursday, October 10, 13
    

    View Slide

91. Thursday, October 10, 13
    

    View Slide

92. Thursday, October 10, 13
    

    View Slide

93. Thursday, October 10, 13
    

    View Slide

94. baby faces.
    Thursday, October 10, 13
    

    View Slide

95. baby face bias.
    Thursday, October 10, 13
    

    View Slide

96. be playful.
    Thursday, October 10, 13
    

    View Slide

97. Thursday, October 10, 13
    

    View Slide

98. start small.
    Thursday, October 10, 13
    

    View Slide

99. Thursday, October 10, 13
    

    View Slide

100. set the mood.
     Thursday, October 10, 13
     

     View Slide

101. @lifetrampapp
     L
     Thursday, October 10, 13
     

     View Slide

102. care about
     details.
     Thursday, October 10, 13
     

     View Slide

103. no-reply.
     Thursday, October 10, 13
     

     View Slide

104. tell a story.
     Thursday, October 10, 13
     

     View Slide

105. easter eggs.
     Thursday, October 10, 13
     

     View Slide

106. be familiar.
     Thursday, October 10, 13
     

     View Slide

107. Thursday, October 10, 13
     

     View Slide

108. microinteractions.
     Thursday, October 10, 13
     

     View Slide

109. read up on
     psychology.
     Thursday, October 10, 13
     

     View Slide

110. read up on cogsci.
     Thursday, October 10, 13
     

     View Slide

111. learn from
     others.
     Thursday, October 10, 13
     

     View Slide

112. Thursday, October 10, 13
     

     View Slide

113. thanks.
     @dotmariusz
     L
     Thursday, October 10, 13
     

     View Slide