Learning to Love Humans: Emotional Interface Design

8,243 views

Published on

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.

Published in: Design
1 Comment
30 Likes
Statistics
Notes
  • Aarron,

    I saw you give this talk at an Event Apart. It was the hit of the conference for me. It would be great to have a recording of the talk or a transcript. Thankfully, Luke's notes are online.

    Best wishes, SL
    SL at mojomediapros dot com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
8,243
On SlideShare
0
From Embeds
0
Number of Embeds
1,931
Actions
Shares
0
Downloads
0
Comments
1
Likes
30
Embeds 0
No embeds

No notes for slide

Learning to Love Humans: Emotional Interface Design

  1. 1. learning to love humansemotional interface design I come in peace.
  2. 2. change
  3. 3. less private
  4. 4. needs Scanning network for p2p companionship. Eat my lead, sucker.
  5. 5. Maslow
  6. 6. physiological safety love/belonging esteem self- actualization
  7. 7. physiological safety love/belonging esteem self- actualization humans need this stuff
  8. 8. from computers
  9. 9. functional reliable usable pleasurable
  10. 10. functional reliable usable pleasurable humans need this stuff
  11. 11. functional reliable usable pleasurable
  12. 12. functional reliable usable pleasurable missing
  13. 13. the bar is low
  14. 14. edible usable=
  15. 15. edible usable =
  16. 16. photo credit freezelight
  17. 17. photo credit morberg
  18. 18. usable
  19. 19. pleasurable
  20. 20. personality
  21. 21. a platform for emotion
  22. 22. products are people too
  23. 23. firmware My operating system is designed to serve humans. Aim for the crotch boys. Roger that.
  24. 24. gestalt
  25. 25. contrast
  26. 26. cost / benefit
  27. 27. good for me? bad for me?
  28. 28. photo credit Hamed Saber
  29. 29. example of poor contrast in a web page http://passfail.squarespace.com/ http://passfail.squarespace.com/
  30. 30. Experiencing thermal increase in thoracic region. emotion
  31. 31. photo credit D. Norwood
  32. 32. photo credit David Clow
  33. 33. People will forgive shortcomings, follow your lead, and sing your praises if you reward them with positive emotion. emotional design principle
  34. 34. photo credit Simon Davison
  35. 35. we see ourselves
  36. 36. personality invites empathy
  37. 37. I adore the way their apps look and sound. - John Gruber, DaringFireball.net “ ”
  38. 38. A fantastic, fun, and functional interface on a seriously great app. - 148apps.com “ ”
  39. 39. 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 “ ”
  40. 40. I really *LOVE* the singing bird when you send a tweet. Twitter is fun all of a sudden! - @thetalldesigner “ ”
  41. 41. Confession: sometimes I make too long Feathers-tweets just to watch the bird turn red. - @evbjone “ ”
  42. 42. 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 “ ”
  43. 43. 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
  44. 44. 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 “ ”
  45. 45. treats
  46. 46. 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 “ ”
  47. 47. conditioning
  48. 48. photo credit crash-candy
  49. 49. 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 “ ”
  50. 50. discoverydiscovery
  51. 51. http://photojojo.com/
  52. 52. doubts Does this armor make my ports look big? Affirmative.
  53. 53. skeptics
  54. 54. 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 “ ”
  55. 55. 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 “ ”
  56. 56. You will comply or be destroyed. forgiveness
  57. 57. photo credit 1978seymour
  58. 58. photo credit kahala
  59. 59. photo credit 1978seymourphoto credit theunabonger
  60. 60. emotional collateral
  61. 61. Four is too many. limits
  62. 62. attention is finite
  63. 63. gestalt fails
  64. 64. Occam’s razor
  65. 65. 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 “ ”
  66. 66. Too many records to process. Entering sleep mode. lazy
  67. 67. least resistance
  68. 68. bribery
  69. 69. Inserting anal probe. This won’t hurt a bit. risk
  70. 70. party poopers
  71. 71. - 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%
  72. 72. progressively enhance
  73. 73. functional reliable usable pleasurable
  74. 74. start small
  75. 75. - 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%
  76. 76. - 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 traffic 300%
  77. 77. - 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%
  78. 78. - 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%
  79. 79. - 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+
  80. 80. Just can’t let it go. Into my third day now. Ashamed of how many hours I’ve spent. - Paintbrush, forum user “ ”
  81. 81. 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 “ ”
  82. 82. have we changed?
  83. 83. more human
  84. 84. I have special feelings for you. Assume cuddle formation. thanks
  85. 85. @aarron AarronWalter.com
  86. 86. @aarron AarronWalter.com

×