Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Learning to Love Humans: Emotional Interface Design

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

Aarron Walter

December 13, 2011
Tweet

More Decks by Aarron Walter

Other Decks in Design

Transcript

  1. learning to love
    humans
    emotional interface design
    I come in peace.
    Tuesday, December 13, 11

    View Slide

  2. change
    Tuesday, December 13, 11

    View Slide

  3. less private
    Tuesday, December 13, 11

    View Slide

  4. needs
    Scanning network for
    p2p companionship.
    Eat my lead, sucker.
    Tuesday, December 13, 11

    View Slide

  5. Maslow
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  7. physiological
    safety
    love/belonging
    esteem
    self-
    actualization
    humans
    need this
    stuff
    Tuesday, December 13, 11

    View Slide

  8. user
    needs
    Tuesday, December 13, 11

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  14. edible
    usable
    =
    Tuesday, December 13, 11

    View Slide

  15. edible
    usable
    =
    Tuesday, December 13, 11

    View Slide

  16. photo credit freezelight
    Tuesday, December 13, 11

    View Slide

  17. photo credit morberg
    Tuesday, December 13, 11

    View Slide

  18. usable
    Tuesday, December 13, 11

    View Slide

  19. Tuesday, December 13, 11

    View Slide

  20. pleasurable
    Tuesday, December 13, 11

    View Slide

  21. Tuesday, December 13, 11

    View Slide

  22. personality
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  24. platform
    for emotion
    Tuesday, December 13, 11

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

  29. photo credit Simon Davison
    Tuesday, December 13, 11

    View Slide

  30. we see
    ourselves
    Tuesday, December 13, 11

    View Slide

  31. Tuesday, December 13, 11

    View Slide

  32. Tuesday, December 13, 11

    View Slide

  33. I adore the way their
    apps look and sound.
    - John Gruber, DaringFireball.net


    Tuesday, December 13, 11

    View Slide

  34. A fantastic, fun, and
    functional interface on a
    seriously great app.
    - 148apps.com


    Tuesday, December 13, 11

    View Slide

  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

    View Slide

  36. Tuesday, December 13, 11

    View Slide

  37. Tuesday, December 13, 11

    View Slide

  38. Tuesday, December 13, 11

    View Slide

  39. I really *LOVE* the singing bird
    when you send a tweet. Twitter is
    fun all of a sudden!
    - @thetalldesigner


    Tuesday, December 13, 11

    View Slide

  40. Confession: sometimes I make too
    long Feathers-tweets just to watch
    the bird turn red.
    - @evbjone


    Tuesday, December 13, 11

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  44. treats
    Tuesday, December 13, 11

    View Slide

  45. Tuesday, December 13, 11

    View Slide

  46. Tuesday, December 13, 11

    View Slide

  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

    View Slide

  48. Tuesday, December 13, 11

    View Slide

  49. Tuesday, December 13, 11

    View Slide

  50. priming
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  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

    View Slide

  53. discovery
    discovery
    Tuesday, December 13, 11

    View Slide

  54. Tuesday, December 13, 11

    View Slide

  55. Tuesday, December 13, 11

    View Slide

  56. Tuesday, December 13, 11

    View Slide

  57. Tuesday, December 13, 11

    View Slide

  58. Tuesday, December 13, 11

    View Slide

  59. Tuesday, December 13, 11

    View Slide

  60. Tuesday, December 13, 11

    View Slide

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

    View Slide

  62. doubts
    Does this armor make my
    ports look big?
    Affirmative.
    Tuesday, December 13, 11

    View Slide

  63. skeptics
    Tuesday, December 13, 11

    View Slide

  64. Tuesday, December 13, 11

    View Slide

  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

    View Slide

  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

    View Slide

  67. You will comply or be
    destroyed.
    forgiveness
    Tuesday, December 13, 11

    View Slide

  68. Tuesday, December 13, 11

    View Slide

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

    View Slide

  70. photo credit kahala
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  72. emotional
    collateral
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  74. attention
    is nite
    Tuesday, December 13, 11

    View Slide

  75. Tuesday, December 13, 11

    View Slide

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

    View Slide

  77. Tuesday, December 13, 11

    View Slide

  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

    View Slide

  79. Inserting anal probe.
    This won’t hurt a bit.
    risk
    Tuesday, December 13, 11

    View Slide

  80. party
    poopers
    Tuesday, December 13, 11

    View Slide

  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

    View Slide

  82. progressively
    enhance
    Tuesday, December 13, 11

    View Slide

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

    View Slide

  84. start
    small
    Tuesday, December 13, 11

    View Slide

  85. Tuesday, December 13, 11

    View Slide

  86. Tuesday, December 13, 11

    View Slide

  87. Tuesday, December 13, 11

    View Slide

  88. Tuesday, December 13, 11

    View Slide

  89. Tuesday, December 13, 11

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  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

    View Slide

  97. have we
    changed?
    Tuesday, December 13, 11

    View Slide

  98. more
    human
    Tuesday, December 13, 11

    View Slide

  99. I have special feelings
    for you. Assume cuddle
    formation.
    thanks
    Tuesday, December 13, 11

    View Slide

  100. Tuesday, December 13, 11

    View Slide

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

    View Slide

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

    View Slide