Acadevmy - Google Conversation design

Conversation
Design
Un nuovo modo di
conversare con le macchine
Francesco Sciuti @ International Women's Day 2019 https://www.acadevmy.it/intro

Conversation Design

Cos’è?
Voice User Interface Design, Interaction Design,
Visual Design, Motion Design, UX…
sintetizzate in un unico design system!
Conversation
Design
Il Design System è un insieme di regole e linee guida che aiutano a mantenere coerenza e continuità
all’interno di un ecosistema digitale, migliorando le performance produttive e fornendo all’utente una
brand experience familiare e adattiva su tutte le piattaforme.

Cos’è?
Aiuta a creare conversazioni naturali
e scalabili su dispositivi eterogenei
Conversation
Design
Più un'interfaccia fa leva sulla conversazione umana,
meno gli utenti devono essere istruiti su come usarlo

La conversazione
Ci sono delle regole che rispettiamo senza volerlo
Conversation
Design
Ma in realtà ci sono anche delle regole che vanno rispettate
per conversare secondo logica e pertinenza
quantità, qualità, relazione (pertinenza) e modo (chiarezza)

La conversazione
Queste regole (non lo avrei detto) vengono usate
anche quando si conversa con una
Conversational UX
Conversation
Design
L’essere umano si relazione istintivamente nello stesso modo sia altri esseri
umani con le macchine!

La conversazione
Riconoscere ciò che è stato detto è oggi realtà ma
determinare cosa si intende è ben altro.
Tutto dipende infatti dal contesto.
Conversation
Design
● Sii collaborativo, informativo e pertinente
● Leggi tra le righe
● Sii chiaro ed evita le ambiguità
● Sii vario e non monotono
● Passa il microfono adeguatamente
● Valuta pronomi e riferimenti
● Tieni traccia del ﬁlo del discorso
● Fai riferimento a ciò che è visibile (screen)
● Preparati ad utenti iper-informativi
● Non attirare l’attenzione sugli errori

Come procedo?
Conversation
Design

E’ lo strumento giusto?
Poniamoci qualche domanda
Conversation
Design
● La conversazione è intuitiva?
● La conversazione consente all'utente di risparmiare più tempo e impegno
rispetto a un'interfaccia utente basata sullo schermo?
● La conversazione consente agli utenti di fare il multitasking?
● La conversazione consente agli utenti di parlare liberamente?
ed iniziamo a progettare dal dialogo!

Conversation
Design

Siate degli Sceneggiatori
Prendete dei personaggi, deﬁnite i ruoli
Conversation
Design
System Persona & User Personas
- Inizia da un approccio umano (evoca una personalità)
- Adatta ai limiti tecnici (non rompere gli schemi ed adattati)
- Sempliﬁca le conversazioni e supera le aspettative (evita i fastidi e le frustrazioni)

Siate degli Sceneggiatori
Badate che le macchine...
Conversation
Design
- dovrebbero adattarsi al nostro sistema di comunicazione
- falliscono con errori irreversibili...l’essere umano no (magari fosse così!)
- richiedono un’attivazione (Ok Google, …)
- sono più prestanti degli esseri umani (non si stancano di riceve le stesse
domande, non si offendono, non necessitano di sovrastrutture, etc…)

User Personas
Coloro che dialogheranno con
la nostra System Persona
Conversation
Design
- Chi sono i tuoi utenti?
- Quali sono i loro bisogni?
- Come completano questi compiti?
- Quali parole e frasi usano per parlare di questi compiti?
- Quali situazioni o circostanze scatenano queste attività?

System Persona
il partner digitale che crei per interagire
con gli utenti della conversazione
Conversation
Design
I computer dovrebbero adattarsi al sistema di comunicazione che gli utenti
hanno appreso per primi e che conoscono meglio. Questo aiuta a creare
un'esperienza intuitiva e senza fronzoli.

System Persona
Google Assistant
Conversation
Design
Pensato e progettato per offrire un’esperienza uniforme e coerente
su qualunque piattaforma lo si utilizzi.

System Persona
Gli steps per creare una Persona
Conversation
Design
● Brainstorm su una lista di aggettivi
● Riduci la lista a 4-6 aggettivi
● Associa uno o più personaggi agli aggettivi
● Scegline uno e descrivilo concentrandoti sulla
personalità
● Rappresenta visivamente la tua Persona

System Persona
Scegli la voce adatta (TSS o Recorded)
Conversation
Design
1. Scrivi alcune istruzioni vocali che il tuo personaggio direbbe
2. Testa le frasi (TSS + Speech Synthesis Markup Language)
3. Confronta la voce con gli aggettivi che hai scelto
4. Organizza un gruppo d’ascolto
5. Scegli un vincitore!

Google
I/O 18
System
Persona
Conversation
Design

Dialoghi d’esempio
Gli steps per creare un dialogo
Conversation
Design
● Concentrarsi su una User Persona ed un caso d'uso.
● Trova un partner, un ruolo e gioca la conversazione
● Trascrivi la conversazione
● Impersonando la User Persona e riproduci le parti di
dialogo della System Persona
● Ripeti per altre User Personas e casi d'uso.

Conversation
Design
WOZ Test ed Interview!!

Conversation
Design
● La conversazione è stata naturale?
● C’è stata confusione da parte
dell’utente?
● Sono sorte frasi o situazioni
inaspettate?
● Ci sono stati segnali di frustrazione
o impazienza?
● L’utente aveva il controllo sulla
conversazione?

Conversation
Design
Conversational Components
● Contenuto comunicato verbalmente all’utente
da una Actions (Conferme, Scuse, Comandi,
Conferme, Earcons, Errori, Saluti, etc…)
● Contenuto testuale nello schermo dell’utente
● Chips
Visual Components
● Basic Card
● Browsing Carousel
● Carousel
● List
● Media response
● Table

Invocare una Action?
Come può un utente trovare una Action:
Conversation
Design
● Nominando direttamente la Action
(Explicit invocation - Ok Google, parliamo con MyAction)
● Nominando direttamente la Action e chiedendo un’azione
speciﬁca
(Invocation phrases - Ok Google, chiediamo a MyAction i risultati di xyz)
● Chiedendo un’operazione che la tua Action può eseguire (Implicit
invocations and built-in intents - Ok Google, dimmi i risultati di xyz)
● Seguendo un link da una pagina web o da un'altra posizione
(Action Links)

...forse nel futuro
serviranno più
Copy che Developers...
Conversation
Design

Un paio di Links
Conversation
Design
● https://designguidelines.withgoogle.com/
● https://developers.google.com/actions/reference/ssml
● https://developers.google.com/actions/
● https://dialogﬂow.com/
● https://www.youtube.com/playlist?list=PLOU2XLYxmsILvfJcIASB
DbgfxloFz_XsU
● https://medium.com/google-developers/how-we-designed-it-t
he-google-i-o-18-action-for-the-google-assistant-9370ffbaf9b0
● https://abookapart.com/products/conversational-design
● https://it.wikipedia.org/wiki/Massime_conversazionali

...voglio ricordarvi...
Conversation
Design

Conversation
Design
Grazie a tutti!

Acadevmy - Google Conversation design

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Acadevmy - Google Conversation design

Semelhante a Acadevmy - Google Conversation design (20)

Mais de Francesco Sciuti

Mais de Francesco Sciuti (12)

Acadevmy - Google Conversation design