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.

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:
    anilbms75@gmail.com
    

    View Slide