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 Slide

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

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

    View Slide

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

    View Slide

  4. vimeo.com/281465002

    View Slide

  5. youtu.be/Q8jfcxMYbQw

    View Slide

  6. Placeona

    View Slide

  7. Touch Interface
    Voice Interface
    AR / VR

    View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

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

    •Location (home, public place, work)

    •Emotional state(hurry/ tired)

    •Pain points(issues with existing system)

    •Needs

    View Slide

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

    View Slide

  15. View Slide

  16. View Slide

  17. View Slide

  18. Personality

    View Slide

  19. A B
    D
    C

    View Slide

  20. SSML & Music

    View Slide

  21. Relationship

    View Slide

  22. youtu.be/nkcKaNqfykg

    View Slide

  23. Replika

    View Slide

  24. Google assistant

    View Slide

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

    View Slide

  26. View Slide

  27. View Slide

  28. 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 Slide

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

    View Slide

  30. Personality Traits
    Name:
    Age:
    Gender:

    View Slide

  31. Personality Traits
    Name:
    Age:
    Gender:

    View Slide

  32. 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 Slide

  33. • Happy path

    • Negative path

    • Unexpected path

    View Slide

  34. Script writing

    View Slide

  35. Tone of voice

    View Slide

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

    View Slide

  37. User
    Device/Bot

    View Slide

  38. • Context

    • Followup question

    View Slide

  39. Intelligence

    View Slide

  40. 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 Slide

  41. • Happy path

    • Negative path

    • Unexpected path

    View Slide

  42. Prototyping

    View Slide

  43. VoiceX

    View Slide

  44. bit.ly/voicEX

    View Slide

  45. • Use Chrome Browser for better
    experience

    • Increase the volume

    • Make sure Mobile phone is not on
    Silent mode

    View Slide

  46. User testing

    View Slide

  47. View Slide

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

    View Slide

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

    • What do you thinking?

    • What would you do next?

    View Slide

  50. developer.amazon.com

    View Slide

  51. voiceflow.com

    View Slide

  52. Alexa mobile app

    View Slide

  53. space10.io

    View Slide

  54. Contact me
    • On Twitter
    @anilbms75

    • Email:
    [email protected]

    View Slide