EXERSISES FOR STARTERS AND PROFIS SHOULD I CARE ABOUT VOICE? VOICE FIRST: WHAT IS DIFFERENT? VOICE DESIGN PROCESS HOW TO LEARN AND WHERE TO START?

1. LEARN VOICE USER INTERFACE DESIGN!
HAMBURG VOICE MEETUP #4
Photo by Amazon
‘THE FUTURE IS ALREADY HERE — IT’S JUST NOT EVENLY DISTRIBUTED’. WILLIAM GIBSON
@berlinlean

2. ALEXEY VIDANOV
Source: Amazon
ALEXA SKILLS SINCE MAY 2017
CONSULTING FOR STORYLINE, BOTTALK
WEB DEV SINCE 1997
COMPUTER SCIENCE DEGREE 1990-1996
CAREERFOUNDRY VUI DESIGN COURSE, MENTOR
SOFTWARE DEV SINCE 1987
VOICE USER INTERFACE PROTOTYPING WORKSHOP

3. TODAY: GUI + VUI = BETTER UX
VOICE USER INTERFACE PROTOTYPING WORKSHOP
▸ EXERSISES FOR STARTERS AND PROFIS
▸ SHOULD I CARE ABOUT VOICE?
▸ VOICE FIRST: WHAT IS DIFFERENT?
▸ VOICE DESIGN PROCESS
▸ HOW TO LEARN AND WHERE TO START?

4. LET’S GO!
https://www.mentimeter.com/s/c89e5f3a3809bb5d4e5000c53b5ada91/f96be332330e
https://www.mentimeter.com/s/5426f1cf52744b09e59acbdfb5dccb99/25f96d9855e6#

5. AMAZON ALEXA
CRAWL, WALK, RUN!
▸ Self-learning and practice!
▸ Online course by CareerFoundry
▸ Ask us to help!

6. HOW DOES SIRI
LOOKS LIKE?🙋

7. SIRI, CORTANA,
ALEXA
EXERCISE: COMPARE

8. TEXT

9. VOICE 🤔
SHOULD I CARE?

10. TEXT
$3 Billion Industry by 2020
https://www.gminsights.com/industry-analysis/smart-speaker-market
GERMANY

11. TEXT

12. TEXT
What will the iPhone
of voice interfaces
look like?

13. THINK ABOUT THE USE OF
VOICE FOR EXISTING NON
VOICE APPS
EXERCISE: EXPLORE

14. TEXT
I don’t think we get to decide IF VUIs
become a thing, but, as UX designers, we
do get to decide HOW they are designed

15. THE BEST INTERFACE 😲
IS NO INTERFACE

16. DIFFERENT DEVICES,
UX THE SAME

17. TEXT
Siri
Google Assistant
!
!!
!
!
!
!!
!
DEVICE APP PLATFORM

18. AMAZON ALEXA
VUI DESIGN PROCESS
▸ USER CASES / CONTEXT/ JTBD / PROTO PERSONAS
▸ ADD. SYSTEM PERSONAS
▸ SAMPLE DIALOGS / WoZ TESTING
▸ USER FLOWS / CARDS
▸ VOICE SCRIPTS
▸ SOFTWARE DEVELOPMENT
▸ USER TESTS
▸ GOING MULTIMODAL

19. CONTEXT & USER
CASES

20. TEXT

21. FIND USE CASES FOR
YOUR OWN VOICE APP
EXERCISE: RESEARCH

23. SYSTEM PERSONA
PROTOPERSONA

24. PERSONA VOICE
EXERCISE: CREATE

25. VOICE
PERSONALITY
EXERCISE: CREATE

26. SYSTEM PERSONA FOR A VOICE MEETUP SKILL
Sofia, UX Expert/Host
Friendly, loves to help,
always happy to talk to
you, the VUI fan
Function: help visitors,
a fun generator

27. SAMPLE DIALOGS

28. •User: Alexa, ask Hamburg VUI meetup for help
•Alexa: Good evening, Alexey! I am here all the time and can
inform you about the next date of meetup, a program, tips for
VUI. What’s your choice?
•User (ALT1): Give me a tip!
(ALT2): When is the next meetup?
•Alexa:(ALT2) Oh my dear! Ralf didn’t tell me. Ask him. He is
in the room!
VOICE USER INTERFACE PROTOTYPING WORKSHOP
USER VUI MEETUP, ALEXA CUSTOM SKILL
System Persona
Anna, UX Expert/Host
Friendly, loves to help,
always happy inform
you, the VUI fan
Function: help visitors,
a fun generator
surface
memory
tapered
response
contractions
variations

29. CONSUME VS. PRODUCE
MOST OF US CAN WRITE,
FEW OF US ARE WRITERS

30. WRITE CUSTOM
DIALOGUES
EXERCISE: CREATE!

31. CHART FLOWS

32. DESIGN SYSTEMS

33. TEST AND ANALYSE
VOICE APPS!
EXCERCISE: TEST!

34. AMAZON ALEXA
BEST PRACTICES
▸ Voice first experience
▸ Design for ears not for eyes!
▸ Natural speaking, contractions, one breath
test, voices, SSML or voice actors
▸ Variate output, input: find out what users say
▸ Deliver fresh content
▸ Proper error handling
▸ Think about invocation names
▸ Test it, tune it, test it!
▸ Content is a king!
▸ Create!
▸ Keep learning
▸ Stay up to date:
Read docs / read & share
the books, articles, feeds
▸ Context
▸ Memory
▸ Tapering
▸ Crawl, go, run!
And
PHOTO BY WHERESLUGO ON UNSPLASH
https://blueprints.amazon.com

35. MULTIMODAL
VUI+GUI=♥

36. TEXT

37. TEXT

38. TEXT

39. WHERE TO START

40. AMAZON ALEXA
CRAWL, WALK, RUN!
▸ Self-learning: books, docs, videos
▸ Practice! Research / Test own ideas / Create
▸ Online course by CareerFoundry
▸ Videos bit.ly/vui-videos
▸ Platform docs
alexa.design
http://bit.ly/google-vui
http://bit.ly/cortana-vui
▸ CareerFoundry Courses careerfoundry.com

41. TEST EXISTING
SKILLS
EXERCICE: OBSERVE

42. AMAZON ALEXA
▸ A GREAT STARTER FOR UX / UI DESIGNERS
AND SOFTWARE DEVELOPERS
▸ HANDS ON, HIQH QUALITY, GUIDANCE
▸ COMMUNITY, JOBS, MENTORS!

43. TEXT

44. HACKATHONS, PET
PROJECTS, FOR FUN
EXERCICE: PLAY!

45. BOTTALK.DE
GETSTORYLINE.COM
BLUEPRINTS.AMAZON.COM
https://www.youtube.com/watch?v=Iwzn0KvTcmo

46. QUESTIONS!

47. 1. Compare platforms Siri, Cortana, Alexa.
How are they different? Which one do you like more and why?
What are the thinking behind of their personalities?
2. Test existing skills and describe your experience.
3. Find use cases for existing non voice apps.
4. Find use cases for yourself, your business, your clients.
5. Create personality of your voice app and protopersona (your user).
6. Write sample dialogs!
7. Think about the logic of your app.
8. Try alexa.design https://blueprints.amazon.com, Bottalk.de, Getstoryline.com
- or register for the careerfoundry VUI course! (psst I have a discount for you)
- or ask us for help!
EXERCISES

48. LET’S KEEP IN TOUCH!
Contact me at alexey@vidanov.com
https://vidanov.com/genese
Twitter: @vidanov
LinkedIn: @vidanov
Xing: @vidanov
VOICE USER INTERFACE PROTOTYPING WORKSHOP