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

VUITalk_twoPointOhhh.pdf

Bryce Howitson
February 02, 2019

 VUITalk_twoPointOhhh.pdf

What 100 years of science fiction movies and books teach us about human expectations for Voice UIs.

Bryce Howitson

February 02, 2019
Tweet

More Decks by Bryce Howitson

Other Decks in Design

Transcript

  1. 3 Laws of
    Robot Interaction: As taught by
    Science Fiction
    Two Point Ohhh
    @Howitson #devfestmn

    View full-size slide

  2. Hello
    I’m Bryce Howitson
    You can find me on Twitter @howitson
    @Howitson #devfestmn

    View full-size slide

  3. @Howitson #devfestmn

    View full-size slide

  4. @Howitson #devfestmn

    View full-size slide

  5. @Howitson #devfestmn

    View full-size slide

  6. @Howitson #devfestmn

    View full-size slide

  7. @Howitson #devfestmn

    View full-size slide

  8. @Howitson #devfestmn

    View full-size slide

  9. DANGER!
    Will Robinson
    @Howitson #devfestmn

    View full-size slide

  10. Interface on
    Repeat
    CLI
    Text Based
    GUI
    Iconographic
    VUI
    Intent Based
    ???
    Predictive?
    @Howitson #devfestmn

    View full-size slide

  11. The rules are, There ain’t no rules.
    @Howitson #devfestmn

    View full-size slide

  12. I Learned
    everything I need to know about
    VUI from Science Fiction
    @Howitson #devfestmn

    View full-size slide

  13. Blade Runner
    Ridley Scott

    View full-size slide

  14. Star Wars
    George Lucas

    View full-size slide

  15. The Matrix Trilogy
    Wachowski Brothers

    View full-size slide

  16. 2001 A Space Odyssey
    Stanley Kubrick

    View full-size slide

  17. History of the
    Future
    @Howitson #devfestmn

    View full-size slide

  18. @Howitson #devfestmn

    View full-size slide

  19. @Howitson #devfestmn

    View full-size slide

  20. @Howitson #devfestmn

    View full-size slide

  21. Robots…
    Computer, AI, Assistant, Program, Sub-Routine,
    Host, Android, Machine…
    @Howitson #devfestmn

    View full-size slide

  22. 3 Laws Safe
    How we’re taught to interface
    with Robots
    @Howitson #devfestmn

    View full-size slide

  23. Look Human
    #1
    @Howitson #devfestmn

    View full-size slide

  24. Faces are
    comfortable
    @Howitson #devfestmn

    View full-size slide

  25. @Howitson #devfestmn

    View full-size slide

  26. As the appearance of a robot is made more
    human, observers' emotional response to
    the robot becomes increasingly positive
    and empathetic, until it reaches a point
    beyond which the response quickly
    becomes strong revulsion.
    Uncanny Valley - Masahiro Mori
    @Howitson #devfestmn

    View full-size slide

  27. Empathy & Trust
    Human Appearance
    @Howitson #devfestmn

    View full-size slide

  28. @Howitson #devfestmn

    View full-size slide

  29. Sound Human
    #2
    @Howitson #devfestmn

    View full-size slide

  30. Sarcasm
    equals intelligence
    @Howitson #devfestmn

    View full-size slide

  31. Humor
    relaxes us
    @Howitson #devfestmn

    View full-size slide

  32. Brevity
    builds trust
    @Howitson #devfestmn

    View full-size slide

  33. We all
    talk baldlyer
    @Howitson #devfestmn

    View full-size slide

  34. Act Human
    #3
    @Howitson #devfestmn

    View full-size slide

  35. Be
    emotional
    @Howitson #devfestmn

    View full-size slide

  36. @Howitson #devfestmn

    View full-size slide

  37. Form a clan
    @Howitson #devfestmn

    View full-size slide

  38. Make a
    contribution
    @Howitson #devfestmn

    View full-size slide

  39. But not
    Too much
    @Howitson #devfestmn

    View full-size slide

  40. @Howitson #devfestmn

    View full-size slide

  41. @Howitson #devfestmn

    View full-size slide

  42. Choose a side
    @Howitson #devfestmn

    View full-size slide

  43. The art of
    being HUMAN
    @Howitson #devfestmn

    View full-size slide

  44. Conversation
    As humans, we have
    @Howitson #devfestmn

    View full-size slide

  45. It was impossible to get a conversation
    going, everybody was talking too much.
    Yogi Berra
    @Howitson #devfestmn

    View full-size slide

  46. Please, …
    continue
    @Howitson #devfestmn

    View full-size slide

  47. @Howitson #devfestmn

    View full-size slide

  48. Get what you
    need
    @Howitson #devfestmn

    View full-size slide

  49. When would you like to travel?
    Vague and open ended
    What date would you like to leave?
    You’re going to get what you expect
    @Howitson #devfestmn

    View full-size slide

  50. Suggest stuff
    As humans, we
    @Howitson #devfestmn

    View full-size slide

  51. A. Bread
    Things that float in water:
    B. Apples
    C. Small Rocks
    D. A Duck
    @Howitson #devfestmn

    View full-size slide

  52. if (weight = duck) {
    return “made of wood”
    }
    let is_A = “witch”
    @Howitson #devfestmn

    View full-size slide

  53. Discover
    As humans, we
    @Howitson #devfestmn

    View full-size slide

  54. Is there a
    Doctor here?
    @Howitson #devfestmn

    View full-size slide

  55. Options not
    walls
    @Howitson #devfestmn

    View full-size slide

  56. Contextual
    As humans, we are
    @Howitson #devfestmn

    View full-size slide

  57. Remember the
    Ecosystem
    @Howitson #devfestmn

    View full-size slide

  58. @Howitson #devfestmn

    View full-size slide

  59. There he lay, a vast red-golden dragon, fast asleep;
    thrumming came from his jaws and nostrils, and
    wisps of smoke, but his fires were low in slumber.
    Beneath him, under all his limbs and his huge
    coiled tail, and about him on all sides stretching
    away across the unseen floors, lay countless piles
    of precious things, gold wrought and unwrought,
    gems and jewels, and silver red-stained in the
    ruddy light. Smaug lay, with wings folded like an
    immeasurable bat.

    View full-size slide

  60. @Howitson #devfestmn

    View full-size slide

  61. @Howitson #devfestmn

    View full-size slide

  62. @Howitson #devfestmn

    View full-size slide

  63. I have a whole bag of “shhhh!” with your name on it.
    @Howitson #devfestmn

    View full-size slide

  64. Continued Conversation
    Follow-up Questions
    Recommendations
    Contextual Response/Display
    Quick Recap
    @Howitson #devfestmn

    View full-size slide

  65. @Howitson #devfestmn

    View full-size slide

  66. Making
    Science
    Reality
    @Howitson #devfestmn

    View full-size slide

  67. @Howitson #devfestmn

    View full-size slide

  68. @Howitson #devfestmn

    View full-size slide

  69. @Howitson #devfestmn

    View full-size slide

  70. @Howitson #devfestmn

    View full-size slide

  71. Yay!
    A Demo
    @Howitson #devfestmn

    View full-size slide

  72. Resources
    Google
    Google Cloud AI & ML
    https:/
    /cloud.google.com/text-to-speech
    Actions on Google
    https:/
    /developers.google.com/actions
    DialogueFlow
    https:/
    /dialogflow.com
    Amazon
    Alexa Skills Kit
    https:/
    /developer.amazon.com/alexa-skills-kit
    Alexa.design (tutorials)
    Podcasts
    The Voicebot Podcast
    Voice Tech Podcast
    The Practical Voice Podcast (VUX.World)
    Prototyping
    sayspring.com (Adobe)
    getvoiceflow.com
    pullstring.com
    @Howitson #devfestmn

    View full-size slide

  73. Choose your
    audience
    @Howitson #devfestmn

    View full-size slide

  74. People behind
    the curtain
    @Howitson #devfestmn

    View full-size slide

  75. Think low-fi
    @Howitson #devfestmn

    View full-size slide

  76. Story time
    @Howitson #devfestmn

    View full-size slide

  77. 3 Laws of feeling human
    Looks (human)
    Faces are powerful, and we
    expect them for complete
    communication.
    Sounds (human)
    There’s a place & time for
    perfect grammar. This might
    not be it.
    Acts (human)
    Improve the clan by acting
    safe, sharing emotion and
    building trust.
    Intentional
    Extend communication by
    asking questions to continue
    conversations while utilizing
    the environment.
    Analogue
    When prototyping remember
    that you already know how
    human interactions work. Don’t
    make it overly complicated.
    in review
    Tips to level up
    @Howitson #devfestmn

    View full-size slide