Folien zum Vortrag von Claudio Diaspero auf der IA Konferenz 2018, siehe http://2018.iakonferenz.org/sprecher#18. Hands-on: Von der Product Vision in rund zehn Minuten zum Prototypen für Amazon Alexa. Praktische Tipps und Hinweise, die es Euch ermöglichen, bei nächster Gelegenheit selbst in das Protoyping einer VUI Experience und erlebnisreiche Nutzertests einzusteigen. Link zum Code-Beispiel: https://github.com/neusta-diaspero/iak2018-alexa-broetchen24

1. TALKING TO ALEXA
In wenigen Schritten
zum Prototypen für Amazon Alexa.
Claudio Diaspero
c.diaspero@neusta.de
twitter.com/derherrc
IA Konferenz 2018
SLOT #18
Berlin, den 9. Juni 2018

2. Moin.
Claudio Diaspero
team neusta (Bremen)
UX Strategy and Design

3. Touch
interface
"Wir werden das
Telefon neu erfinden."
– Steve Jobs (01/2007)
https://www.digitaltrends.com/cell-phone-reviews/apple-iphone-8gb-review/

4. https://www.youtube.com/watch?v=CE1B7tdGCw0
Touch
interface
Today, nearly anything
can be turned into an
interactive/tactile surface.

5. Paradigmenwechsel

6. Voice-user
interface
“Da bin ich mir
leider nicht sicher.”

7. https://www.wired.de/collection/tech/ces-2017-ford-integriert-amazons-alexa-seine-autos (Bildquelle)

8. .AUSGANGSPUNKT.

10. Ablaufplan Skill Entwicklung
Voice Experience Design
Strategie/Vision, MVP, Skill Persona
User Flows & Dialoge
Skill “Alpha” Test
1
2 Umsetzung
Skill Service
Skill Beta Test
3
Zertifizierung
und Betrieb
Nutzerfeedback/Rezensionen
Optimierungen
Start
Ende
https://www.slideshare.net/AmazonWebServices/please-meet-amazon-alexa-and-the-alexa-skills-kit (nach Dean Bryan, abgerufen am 02.04.2018)

11. Ablaufplan Skill Entwicklung
Voice Experience Design
Strategie/Vision, MVP, Skill Persona
User Flows & Dialoge
Skill “Alpha” Test
1
2 Umsetzung
Skill Service
Skill Beta Test
3
Zertifizierung
und Betrieb
Nutzerfeedback/Rezensionen
Optimierungen
Start
Ende
https://www.slideshare.net/AmazonWebServices/please-meet-amazon-alexa-and-the-alexa-skills-kit (nach Dean Bryan, abgerufen am 02.04.2018)

12. .DIE AUFGABE.

13. Positioning Statement “light”

14. https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Für
Liebhaber frischer Backwaren
die
morgens frische Brötchen
frei Haus erwarten
ist
Brötchen24
der
sprachgesteuerte
Bestellservice.

15. https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Für
Liebhaber frischer Backwaren
die
morgens frische Brötchen
frei Haus erwarten
ist
Brötchen24
der
sprachgesteuerte
Bestellservice.

16. https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Für
Liebhaber frischer Backwaren
die
morgens frische Brötchen
frei Haus erwarten
ist
Brötchen24
der
sprachgesteuerte
Bestellservice.

17. https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Für
Liebhaber frischer Backwaren
die
morgens frische Brötchen
frei Haus erwarten
ist
Brötchen24
der
sprachgesteuerte
Bestellservice.

18. https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Alexa, ich möchte bei
Brötchen24 bestellen.
KARLA

19. Moin Karla. Willkommen bei Brötchen24.
Welche Brötchen du bestellen möchtest?
KARLA
Alexa, ich möchte bei
Brötchen24 bestellen.
https://github.com/neusta-diaspero/iak2018-alexa-broetchen24

20. Fokus auf das MVP
(Walking Skeleton) von
Brötchen24

21. MVP als Ausgangspunkt
CRAWL WALK RUN
MVP
Optimierung mittels
Nutzerfeedback:
Prototyping & Testing
Innovationen
für und von Nutzern:
Rezensionen/Feedback
Fokus auf die
Kernfunktionalität(en).
Bestellung für
gewünschten Tag aufgeben.
Kontinuierliche
Verbesserung/Erweiterung(en).
Notifications zur Anpassung
der Bestellung einbinden.
Brötchen24
Ausweitung
der Funktionalität(en).
Bestellung im Abonnement
aufgeben und anpassen.

22. MVP als Ausgangspunkt
CRAWL WALK RUN
MVP
Optimierung mittels
Nutzerfeedback:
Prototyping & Testing
Innovationen
für und von Nutzern:
Rezensionen/Feedback
Fokus auf die
Kernfunktionalität(en).
Bestellung für
gewünschten Tag aufgeben.
Kontinuierliche
Verbesserung/Erweiterung(en).
Alexa Show zur Anpassung
der Bestellung einbinden.
Brötchen24
Ausweitung
der Funktionalität(en).
Bestellung im Abonnement
aufgeben und anpassen.
Optimierung mittels
Nutzerfeedback:
Prototyping & Testing
Innovationen
für und von Nutzern:
Rezensionen/Feedback

23. Basis Interaction-Flow des MVP
StartOrderIntentLaunchRequest
Alexa, ich möchte bei
Brötchen24 bestellen.
Alexa, öffne
Brötchen24.
Willkommen!
Bei Brötchen24 kannst du …
Welche Brötchen du bestellen möchtest?

24. .HOW TO TALK.
.TO ALEXA.

25. dreientscheidende Termini

26. Interaction Model aus …
Intents, Utterances und Slots.

27. Ich möchte Brötchen bestellen.
Ein Intent entspricht einem eindeutigen Funktionsaufruf.
Ein Utterance entspricht einer Variante/Formulierung,
mittels derer der Nutzer einen Intent wie z.B.
StartOrderIntent aufruft.

28. Ich möchte Brötchen bestellen.
Ein Intent entspricht einem eindeutigen Funktionsaufruf.
Ein Utterance entspricht einer Variante/Formulierung,
mittels derer der Nutzer einen Intent wie z.B.
StartOrderIntent aufruft.

29. Bestelle für morgen bitte leckere Brötchen.
Ein Intent entspricht einem eindeutigen Funktionsaufruf.
Ein Utterance entspricht einer Variante/Formulierung,
mittels derer der Nutzer einen Intent wie z.B.
StartOrderIntent aufruft.

30. Bestelle für morgen bitte leckere Brötchen.
Ein Slot entspricht einer Variable.
Amazon unterscheidet zwischen Built-In Slot Types
(z.B. AMAZON.Date) und Custom Slot Types.
Diese werden in Utterances als Variablen verwendet.

31. Bestelle für {date} bitte leckere Brötchen.
Ein Slot entspricht einer Variable.
Amazon unterscheidet zwischen Built-In Slot Types
(z.B. AMAZON.Date) und Custom Slot Types.
Diese werden in Utterances als Variablen verwendet.

32. .PROTOTYPING.
.THE EXPERIENCE.

33. Developer
Console
Interaction Model
(Intents, Utterances und Slots)
Voice Experience Design1
https://developer.amazon.com/

34. Service
Endpoint
Erhält Request
(Nutzerinteraktion), durchläuft
Logik und generiert Response.
2 Umsetzung
https://aws.amazon.com/de/

35. Live Coding in der
Amazon Developer Console …
https://developer.amazon.com/

36. .LESSONS.
.LEARNED.

37. Kennt der Interaktionsflow
mehr als einen Zustand?
Skill State Management.
https://github.com/alexa/alexa-skills-kit-sdk-for-nodejs/blob/master/Readme.md#skill-state-management

38. zweigravierende Vorteile

39. Überlagerung von Intents
und
gezieltes Routing.
https://github.com/alexa/alexa-skills-kit-sdk-for-nodejs/blob/master/Readme.md#skill-state-management

40. Beispiel: Skill State Management
state = START_MODE state = ORDER_MODE state = ORDER_CHECKOUT
START
AMAZON.LaunchRequest
Begrüßung
AMAZON.HelpIntent
Allgemeine Hilfestellung
AMAZON.CancelIntent
Verlassen des Skills
NewSession
Zusammenfassung der Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
Bestellung abbrechen
NewSession
Intro zur Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
zurück zum START_MODE
ORDER CHECKOUT

41. Nenne mir bitte ein beliebiges Brötchen …
KARLA
Ich möchte gern
Brötchen bestellen.
https://github.com/neusta-diaspero/iak2018-alexa-broetchen24
Aufruf des StartOrderIntent
state = ORDER_MODE

42. Beispiel: Skill State Management
state = START_MODE state = ORDER_MODE state = ORDER_CHECKOUT
START
AMAZON.LaunchRequest
Begrüßung
AMAZON.HelpIntent
Allgemeine Hilfestellung
AMAZON.CancelIntent
Verlassen des Skills
NewSession
Zusammenfassung der Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
Bestellung abbrechen
NewSession
Intro zur Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
zurück zum START_MODE
ORDER CHECKOUT

43. Beispiel: Skill State Management
state = START_MODE state = ORDER_MODE state = ORDER_CHECKOUT
START
AMAZON.LaunchRequest
Begrüßung
AMAZON.HelpIntent
Allgemeine Hilfestellung
AMAZON.CancelIntent
Verlassen des Skills
NewSession
Zusammenfassung der Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
Bestellung abbrechen
NewSession
Intro zur Bestellung
AMAZON.HelpIntent
Kontextuelle Hilfe
AMAZON.CancelIntent
zurück zum START_MODE
ORDER CHECKOUT

44. .FAZIT UND.
.GETTING STARTED.

45. fünfTipps für (d)einen
Start ins VUI Prototyping.

46. Alle an einem Tisch:
UXler, Texter und Entwickler
sowie Nutzer.
Tipps zum Prototyping1

47. Hinweis: Dialog-Design Prinzipien
mit Does and Don’ts beherzigen.
https://developer.amazon.com/designing-for-voice/
Tipps zum Prototyping2

48. Dialog-Design:
Testen mittels TestFlow.
https://github.com/alexa/alexa-cookbook/tree/master/testing/TestFlow
Tipps zum Prototyping3

49. In welcher Tonalität wird der Skill
mit dem Nutzer kommunizieren?
Tipps zum Prototyping4

50. Dialoge und Interaktion
(frühzeitig) testen.
Tipps zum Prototyping5

51. How to get started
Einstieg/Erste Schritte Amazon Alexa Development
https://developer.amazon.com/de/alexa
“A series of sample code projects to be used for educational purposes …”
https://github.com/alexa/alexa-cookbook
Tool designed to help quickly prototype Alexa skills
http://skillinator.io/
Amazon Echo Simulator (Echosim.io) is a browser-based interface to Alexa
https://echosim.io/welcome
Sample files of Session 'Talking to Alexa' at IA Konferenz 2018.
https://github.com/neusta-diaspero/iak2018-alexa-broetchen24

52. Vielen Dank!
Claudio Diaspero
c.diaspero@neusta.de
twitter.com/derherrc
IA Konferenz 2018
SLOT #18
Berlin, den 9. Juni 2018

53. Bildnachweis
Insofern nicht anders angegeben stammt das
verwendete Bildmaterial von Amazon.com, Inc.
http://phx.corporate-ir.net/phoenix.zhtml?c=176060&p=irol-images_videos (abgerufen am 13.03.2018)

54. .BACKUP.

55. Anzahl verfügbarer Skills/Apps (Juni 2017)
Amazon Alexa
Google Assistant
Microsoft Cortana
https://www.voicebot.ai/2017/07/02/amazon-alexa-skill-count-passes-15000-in-the-u-s/
15.069 .
378
65

56. Unter der Haube von ASK
Audio Stream wird
an Amazon gesendet.
Text oder Audio Antwort
wird zurückgereicht.
Nutzer stellt
eine Anfrage.
Rückgabe einer
visuellen Antwort.
Text-to-Speech Umwandlung
Alexa identifiziert Skill/Intent Aufruf
mittels ASR & NLU
Antwort an Intent
Alexa sendet Intent
zum Service
Service verarbeitet
Anfrage
https://www.slideshare.net/AmazonWebServices/please-meet-amazon-alexa-and-the-alexa-skills-kit (nach Dean Bryan, abgerufen am 02.04.2018)