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

Graphical interface to voice interface

Graphical interface to voice interface

This workshop will teach you how to design, prototype and test a voice interface using the prototyping tools and 'publish' Alexa skill online. This workshop will get you to validate your voice interface ideas with users quickly and cheaply. You'll learn how designing for ears differs from designing for eyes and get the guidance on how to make them work together. In the end, you will be able to create your first voice user interface design and play with it.

[email protected]

June 12, 2019
Tweet

Other Decks in Design

Transcript

  1. Graphical interface to
    Voice Interface
    By Anil Kumar Krishnashetty

    Twitter: @anilbms75
    UX Scotland 2019

    View full-size slide

  2. • VUI workshop (13:30 to 15:00)

    • Alexa skill building (15:30 to 16:30)

    View full-size slide

  3. You are a part of the Edinburgh
    tourism, How might we enhance
    Edinburgh travel experience with
    voice interface?

    View full-size slide

  4. vimeo.com/281465002

    View full-size slide

  5. youtu.be/Q8jfcxMYbQw

    View full-size slide

  6. Touch Interface
    Voice Interface
    AR / VR

    View full-size slide

  7. Ideation
    •Who (target audience, someone using
    VUI)

    •Location (home, public place, work)

    •Emotional state(hurry/ tired)

    •Pain points(issues with existing system)

    •Needs

    View full-size slide

  8. Customer journey
    • Create a storyboard of
    the user journey using sticky notes.
    • Goal is to visualise the customer
    journey.

    View full-size slide

  9. SSML & Music

    View full-size slide

  10. Relationship

    View full-size slide

  11. youtu.be/nkcKaNqfykg

    View full-size slide

  12. Google assistant

    View full-size slide

  13. Choose relationship
    Family member
    Personal
    assistant
    Expert
    Good friend
    Lover
    Teacher
    Workmate
    Coach

    View full-size slide

  14. If we were a person out there in the world serving our
    customer, our job would be Movies librarian. And
    customer would describe us as the most savvy of any
    in that profession. We never want to come off as
    narrow.

    View full-size slide

  15. Choose main characteristic
    Trust
    Friendly
    Fun
    Efficient
    Lovable
    Professional
    Smart
    Pleasant Luxurious
    Openness Inspiration Fear
    Dislike Humorous Attentive
    Loyal Empathetic Optimistic

    View full-size slide

  16. Personality Traits
    Name:
    Age:
    Gender:

    View full-size slide

  17. Personality Traits
    Name:
    Age:
    Gender:

    View full-size slide

  18. Actions
    How would he/she respond when …
    meets a new person?
    meets a familiar person?
    Going to help?
    happy or flattered?
    Angry or offended?

    View full-size slide

  19. • Happy path

    • Negative path

    • Unexpected path

    View full-size slide

  20. Script writing

    View full-size slide

  21. Tone of voice

    View full-size slide

  22. Website & Youtube ads
    getyourguide.com
    booking.com
    airbnb.com
    edinburghtour.com
    tripadvisor.com

    View full-size slide

  23. User
    Device/Bot

    View full-size slide

  24. • Context

    • Followup question

    View full-size slide

  25. Intelligence

    View full-size slide

  26. Actions
    How would he/she respond when …
    meets a new person?
    meets a familiar person?
    Going to help?
    happy or flattered?
    Angry or offended?

    View full-size slide

  27. • Happy path

    • Negative path

    • Unexpected path

    View full-size slide

  28. bit.ly/voicEX

    View full-size slide

  29. • Use Chrome Browser for better
    experience

    • Increase the volume

    • Make sure Mobile phone is not on
    Silent mode

    View full-size slide

  30. User testing

    View full-size slide

  31. What this voice assistant helps? create a
    statement what it helps user to get it done
    on the card

    View full-size slide

  32. Questions you can ask
    when tester is stuck
    • What are you thinking?

    • What do you thinking?

    • What would you do next?

    View full-size slide

  33. developer.amazon.com

    View full-size slide

  34. voiceflow.com

    View full-size slide

  35. Alexa mobile app

    View full-size slide

  36. Contact me
    • On Twitter
    @anilbms75

    • Email:
    [email protected]

    View full-size slide