Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

169 Labs • All About Voice • How To Design for Voice

404 Aufrufe

Veröffentlicht am

For the UXQD Meetup Vol. 1 in Karlsruhe. I’d like to share some insights from our past work for several clients and some Alexa Skills we published by ourselves. I’m sure there are many more tips & tricks, but here are some of our personal recommendations when it comes to the design and UX conception for Voice applications.

Thanks to Ben Sauer & Mark Webster. Their presentations helped me to find some valuable quotes for my slides.

Veröffentlicht in: Technologie
  • Als Erste(r) kommentieren

169 Labs • All About Voice • How To Design for Voice

  1. 1. All About Voice – How To Design For Voice. Karlsruhe, March 1st 2018 @kahle
  2. 2. How to design for voice? @kahle
  3. 3. It’s not about designing a conversation. @kahle It’s about designing a relationship.
  4. 4. UX VUX @kahle
  5. 5. GUI
  6. 6. VUI
  7. 7. VUI
  8. 8. File > New… Identify your key use case. Your user might not be sitting in front of a mobile phone or desktop computer. @kahle
  9. 9. Finding a barber. @kahle
  10. 10. 1/16 Is voice the answer? Yes: Proceed. No: Go back. @kahle
  11. 11. Finding a barber. @kahle
  12. 12. Yes. @kahle
  13. 13. Buying a new car. @kahle
  14. 14. Not really. @kahle
  15. 15. Booking a test drive. @kahle
  16. 16. Yes. @kahle
  17. 17. 2/16 Shut down your computer. Grab a piece of paper and a pen. @kahle
  18. 18. 3/16 Be like Steven Spielberg. Write a script. Outline the happy path. @kahle Resource Tip: Amazon Storywriter
  19. 19. 4/16 Don’t be like Steven Spielberg. Voice Apps are not like movies. @kahle
  20. 20. @kahle Introduction Inciting Incident Rising Action Climax Falling Action ResolutionTransformation Classic Western Plot
  21. 21. @kahle Introduction Inciting Incident Rising Action Climax Falling Action ResolutionTransformation Classic Alexa User „Watch“ Behavior
  22. 22. @kahle Introduction Inciting Incident Rising Action Climax Falling Action ResolutionTransformation Classic Alexa Skill User Journey
  23. 23. 5/16 Imagine conversation entry points. Every conversation is unique. @kahle Resource: draw.io
  24. 24. I’m looking for a barber shop. @kahle
  25. 25. Hair cut, now! @kahle
  26. 26. 6/16 Know how users maybe discover your data. It’s not obvious. @kahle Resource: draw.io
  27. 27. Location, Time, Rating, Pricing Hair Style, … @kahle
  28. 28. 7/16 Ask? or Tell! Guide the user – and don’t bore or blame him. @kahle
  29. 29. 8/16 One Breath. Not the breath of a freediver! @kahle
  30. 30. 9/16 Definite options. Not more than three. @kahle
  31. 31. 10/16 <break time> Be human. Inhale! @kahle
  32. 32. 11/16 Variety. Remember Steven. @kahle
  33. 33. 12/16 Voice & Audio ♥ Bridge the silence. @kahle
  34. 34. 13/16 Define your brand persona. How does your brand sound like? @kahle
  35. 35. 14/16 Test it. Again. „If you aren’t experiencing failure, then you are making a far worse mistake.“ @kahle – ED CATMULL Method Tip: Wizard Of Oz
  36. 36. 15/16 Design repair cases. Get users back on track. @kahle
  37. 37. 16/16 Know your technology. Amazon Alexa, Google Assistant, Cortana, … @kahle
  38. 38. @kahle Every relationship is unique Hi Brad! Hey Linda! Morning Chuck! Welcome Phil! Ni Hao Lin! Servus Lisa! Ciao Maria! Salut Josie! Howdy Bob! Hi Caroline!
  39. 39. Prototyping Resources • sayspring.com • thestoryline.io • bottalk.de • draw.io • XMind (Mac)
  40. 40. Thank you. @kahle Tim Kahle @169Labs
  41. 41. 169labs.com bots.cologne allaboutvoice.de @169labs /169labs info@169labs.com We’re hiring!

×