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.

1. All About Voice –
How To Design For Voice.
Karlsruhe, March 1st 2018
@kahle

2. How to design for voice?
@kahle

3. It’s not about designing a conversation.
@kahle
It’s about designing a relationship.

4. UX VUX
@kahle

5. GUI

6. VUI

7. VUI

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. Finding a barber.
@kahle

10. 1/16
Is voice the answer?
Yes: Proceed.
No: Go back.
@kahle

11. Finding a barber.
@kahle

12. Yes.
@kahle

13. Buying a new car.
@kahle

14. Not really.
@kahle

15. Booking a test drive.
@kahle

16. Yes.
@kahle

17. 2/16
Shut down your computer.
Grab a piece of paper and a pen.
@kahle

18. 3/16
Be like Steven Spielberg.
Write a script. Outline the happy path.
@kahle Resource Tip: Amazon Storywriter

19. 4/16
Don’t be like Steven Spielberg.
Voice Apps are not like movies.
@kahle

20. @kahle
Introduction Inciting Incident
Rising Action
Climax
Falling Action
ResolutionTransformation
Classic Western Plot

21. @kahle
Introduction Inciting Incident
Rising Action
Climax
Falling Action
ResolutionTransformation
Classic Alexa User „Watch“ Behavior

22. @kahle
Introduction Inciting Incident
Rising Action
Climax
Falling Action
ResolutionTransformation
Classic Alexa Skill User Journey

23. 5/16
Imagine conversation entry
points.
Every conversation is unique.
@kahle Resource: draw.io

24. I’m looking for a barber shop.
@kahle

25. Hair cut, now!
@kahle

26. 6/16
Know how users maybe
discover your data.
It’s not obvious.
@kahle Resource: draw.io

27. Location, Time, Rating, Pricing
Hair Style, …
@kahle

28. 7/16
Ask? or Tell!
Guide the user – and don’t bore or blame
him.
@kahle

29. 8/16
One Breath.
Not the breath of a freediver!
@kahle

30. 9/16
Definite options.
Not more than three.
@kahle

31. 10/16
<break time>
Be human. Inhale!
@kahle

32. 11/16
Variety.
Remember Steven.
@kahle

33. 12/16
Voice & Audio ♥
Bridge the silence.
@kahle

34. 13/16
Define your brand persona.
How does your brand sound like?
@kahle

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. 15/16
Design repair cases.
Get users back on track.
@kahle

37. 16/16
Know your technology.
Amazon Alexa, Google Assistant, Cortana, …
@kahle

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. Prototyping Resources
• sayspring.com
• thestoryline.io
• bottalk.de
• draw.io
• XMind (Mac)

40. Thank you.
@kahle
Tim Kahle
@169Labs

41. 169labs.com
bots.cologne
allaboutvoice.de
@169labs /169labs info@169labs.com
We’re
hiring!