Learning to Love Humans: Emotional Interface Design

5f50f94346fbcb23706f0707169317a4?s=47 Aarron Walter
December 13, 2011

Learning to Love Humans: Emotional Interface Design

Humans, though cute and cuddly, are not without their flaws, which makes it a challenge to design for them. By understanding how the wet, mushy processor works in these hairy little devils, you can design interfaces and web experiences that will have them hopelessly devoted to your brand. Aarron will introduce you to the emotional usability principle—a design axiom that identifies a strong connection between human emotion and perceived usability. Through real-world examples, you’ll learn practical interface design techniques that will make your sites and applications more engaging to the humans they serve.

Notes from this talk taken by @lukew are available here: http://www.lukew.com/ff/entry.asp?1051

5f50f94346fbcb23706f0707169317a4?s=128

Aarron Walter

December 13, 2011
Tweet

Transcript

  1. learning to love humans emotional interface design I come in

    peace. Tuesday, December 13, 11
  2. change Tuesday, December 13, 11

  3. less private Tuesday, December 13, 11

  4. needs Scanning network for p2p companionship. Eat my lead, sucker.

    Tuesday, December 13, 11
  5. Maslow Tuesday, December 13, 11

  6. physiological safety love/belonging esteem self- actualization Tuesday, December 13, 11

  7. physiological safety love/belonging esteem self- actualization humans need this stuff

    Tuesday, December 13, 11
  8. user needs Tuesday, December 13, 11

  9. functional reliable usable pleasurable Tuesday, December 13, 11

  10. functional reliable usable pleasurable humans need this stuff Tuesday, December

    13, 11
  11. functional reliable usable pleasurable Tuesday, December 13, 11

  12. functional reliable usable pleasurable missing Tuesday, December 13, 11

  13. the bar is low Tuesday, December 13, 11

  14. edible usable = Tuesday, December 13, 11

  15. edible usable = Tuesday, December 13, 11

  16. photo credit freezelight Tuesday, December 13, 11

  17. photo credit morberg Tuesday, December 13, 11

  18. usable Tuesday, December 13, 11

  19. Tuesday, December 13, 11

  20. pleasurable Tuesday, December 13, 11

  21. Tuesday, December 13, 11

  22. personality Tuesday, December 13, 11

  23. products are people too Tuesday, December 13, 11

  24. platform for emotion Tuesday, December 13, 11

  25. Experiencing thermal increase in thoracic region. emotion Tuesday, December 13,

    11
  26. photo credit D. Norwood Tuesday, December 13, 11

  27. photo credit David Clow Tuesday, December 13, 11

  28. People will forgive shortcomings, follow your lead, and sing your

    praises if you reward them with positive emotion. emotional design principle Tuesday, December 13, 11
  29. photo credit Simon Davison Tuesday, December 13, 11

  30. we see ourselves Tuesday, December 13, 11

  31. Tuesday, December 13, 11

  32. Tuesday, December 13, 11

  33. I adore the way their apps look and sound. -

    John Gruber, DaringFireball.net “ ” Tuesday, December 13, 11
  34. A fantastic, fun, and functional interface on a seriously great

    app. - 148apps.com “ ” Tuesday, December 13, 11
  35. We did want our users to have an emotional connection

    to our apps. Most people don't have a love/joy for software like geeks do. - Mark Jardine, TapBots Designer “ ” Tuesday, December 13, 11
  36. Tuesday, December 13, 11

  37. Tuesday, December 13, 11

  38. Tuesday, December 13, 11

  39. I really *LOVE* the singing bird when you send a

    tweet. Twitter is fun all of a sudden! - @thetalldesigner “ ” Tuesday, December 13, 11
  40. Confession: sometimes I make too long Feathers-tweets just to watch

    the bird turn red. - @evbjone “ ” Tuesday, December 13, 11
  41. Before your application can create an emotional relationship with the

    user it must get the basics right. The emotional relationship, the delight, is what you layer on top of this base usability and technical competency. - Aral Balkan, designer of Feathers “ ” Tuesday, December 13, 11
  42. The inspiration for our color p corporate gray to brand

    their windowless office and so we i My goal was to design Wufoo excellent at what it does, it wa Tuesday, December 13, 11
  43. The inspiration for our color palette did come from our

    competitors. It was really depressing to see so much software designed to remind people they’re making databases in a windowless office and so we immediately knew we wanted to go in the opposite direction. - Kevin Hale, Wufoo “ ” Tuesday, December 13, 11
  44. treats Tuesday, December 13, 11

  45. Tuesday, December 13, 11

  46. Tuesday, December 13, 11

  47. Oh MailChimp monkey. Just as I get frustrated w/ wrangling

    email addresses, you’re there w/ your little witticisms to cheer me up. - @p_girl “ ” Tuesday, December 13, 11
  48. Tuesday, December 13, 11

  49. Tuesday, December 13, 11

  50. priming Tuesday, December 13, 11

  51. photo credit crash-candy Tuesday, December 13, 11

  52. Whoa, I just logged into MailChimp and the little monkey

    in the corner says "hey Kate, new haircut? !Muy guapo!" how do they know?! - @katemiss “ ” Tuesday, December 13, 11
  53. discovery discovery Tuesday, December 13, 11

  54. Tuesday, December 13, 11

  55. Tuesday, December 13, 11

  56. Tuesday, December 13, 11

  57. Tuesday, December 13, 11

  58. Tuesday, December 13, 11

  59. Tuesday, December 13, 11

  60. Tuesday, December 13, 11

  61. http://photojojo.com/ Tuesday, December 13, 11

  62. doubts Does this armor make my ports look big? Affirmative.

    Tuesday, December 13, 11
  63. skeptics Tuesday, December 13, 11

  64. Tuesday, December 13, 11

  65. Trust was the most critical barrier for us to overcome

    with potential users. It was an uphill battle raising venture capital because investors simply didn't think people would ever share bank credentials. - Jason Putorti “ ” Tuesday, December 13, 11
  66. 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. - Jason Putorti “ ” Tuesday, December 13, 11
  67. You will comply or be destroyed. forgiveness Tuesday, December 13,

    11
  68. Tuesday, December 13, 11

  69. photo credit 1978seymour Tuesday, December 13, 11

  70. photo credit kahala Tuesday, December 13, 11

  71. photo credit 1978seymour photo credit theunabonger Tuesday, December 13, 11

  72. emotional collateral Tuesday, December 13, 11

  73. Four is too many. limits Tuesday, December 13, 11

  74. attention is nite Tuesday, December 13, 11

  75. Tuesday, December 13, 11

  76. Occam’s razor Tuesday, December 13, 11

  77. Tuesday, December 13, 11

  78. Attractive things make people feel good, which in turn makes

    them think more creatively. How does that make something easier to use? Simple, by making it easier for people to find solutions to the problems they encounter. - Donald Norman “ ” Tuesday, December 13, 11
  79. Inserting anal probe. This won’t hurt a bit. risk Tuesday,

    December 13, 11
  80. party poopers Tuesday, December 13, 11

  81. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views people poop on parties 0.007% Tuesday, December 13, 11
  82. progressively enhance Tuesday, December 13, 11

  83. functional reliable usable pleasurable Tuesday, December 13, 11

  84. start small Tuesday, December 13, 11

  85. Tuesday, December 13, 11

  86. Tuesday, December 13, 11

  87. Tuesday, December 13, 11

  88. Tuesday, December 13, 11

  89. Tuesday, December 13, 11

  90. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views page views 600% Tuesday, December 13, 11
  91. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views traf c 300% Tuesday, December 13, 11
  92. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views Facebook Fans 217% Tuesday, December 13, 11
  93. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views Twitter Followers 170% Tuesday, December 13, 11
  94. - Pageviews: form ~5/visitor to ~30/visitor over the course of

    the hunt. - Traffic tripled on the first few days of the hunt. - Facebook fans grew from < 600 to over 2300. - Twitter followers went from ~1000 to over 1700. - It generated 41 threads in our forums with 3700+ posts and ~55,000 views posts in forum 3,700 + Tuesday, December 13, 11
  95. Just can’t let it go. Into my third day now.

    Ashamed of how many hours I’ve spent. - Paintbrush, forum user “ ” Tuesday, December 13, 11
  96. So pleased to have found this software. I’ve wanted it

    for a while and was saving up. Now I can treat myself to some of the other software I’ve been trying during my 5 hour egg hunt. - Jane Hasseldon, Facebook fan “ ” Tuesday, December 13, 11
  97. have we changed? Tuesday, December 13, 11

  98. more human Tuesday, December 13, 11

  99. I have special feelings for you. Assume cuddle formation. thanks

    Tuesday, December 13, 11
  100. Tuesday, December 13, 11

  101. @aarron AarronWalter.com Tuesday, December 13, 11

  102. @aarron AarronWalter.com Tuesday, December 13, 11