Ridimensiona il tuo design
Progettazione multimodale
Anatomia di una risposta
Componenti per le conversazioni
I componenti di conversazione vengono combinati per comporre il contenuto delle richieste vocali, delle richieste di visualizzazione e dei chip.
I componenti di conversazione (messaggi e chip) devono essere progettati per ogni finestra di dialogo.
Richiesta vocale | I contenuti che l'azione comunica all'utente, tramite sintesi vocale o audio preregistrato. |
Mostra richiesta | I contenuti che l'azione scrive all'utente, tramite testo stampato sullo schermo |
| Patatine | Suggerimenti su come l'utente può continuare la conversazione o eseguirne il pivot |
Componenti visivi
I componenti visivi includono schede, caroselli e altre risorse visive.
Ideali per scansionare e confrontare le opzioni, i componenti visivi sono utili se stai presentando informazioni dettagliate, ma non sono obbligatori per ogni finestra di dialogo.
| Scheda di base | Utilizza le schede di base per mostrare un'immagine e del testo agli utenti. |
| Carosello di navigazione | I caroselli di navigazione sono ottimizzati per consentire agli utenti di selezionare uno dei tanti elementi, quando tali contenuti sono contenuti dal Web. |
| Carosello | I caroselli sono ottimizzati per consentire agli utenti di selezionare uno dei tanti elementi, quando questi elementi sono più facilmente differenziabili da un'immagine. |
| Elenca | Gli elenchi sono ottimizzati per consentire agli utenti di selezionare uno dei tanti articoli, quando questi sono più facilmente differenziabili per il loro titolo. |
| Risposta multimediale | Le risposte dei contenuti multimediali vengono usate per riprodurre e controllare la riproduzione di contenuti audio come la musica o altri contenuti multimediali. |
| Tabella | Le tabelle vengono utilizzate per mostrare agli utenti dati statici in un formato facilmente leggibile. |
Raggruppa i dispositivi in base ai componenti utilizzati per la risposta
Passa dalla modalità vocale a quella multimodale
Ecco un paio di esempi dall'azione Google I/O 18
Nella maggior parte dei casi, puoi semplicemente riutilizzare lo stesso messaggio vocale su dispositivi come smart display, poiché la necessità di comunicare il cuore della conversazione rimane la stessa.
A questo punto della conversazione, non ci sono contenuti che sarebbero appropriati in un componente visivo come una scheda o un carosello, quindi nessuno è incluso.
Assicurati di aggiungere le patatine. Come minimo, queste dovrebbero includere tutte le opzioni offerte nelle istruzioni, in modo che l'utente possa toccarle rapidamente per rispondere.
Poiché non ci sono contenuti adatti a un componente visivo, non è possibile spostare i contenuti fuori dal messaggio vocale. È quindi consentito riutilizzare l'originale.
Il messaggio visualizzato deve essere una versione ridotta della conversazione vocale, ottimizzata per la scansione. Sposta qualsiasi opzione di risposta nei chip, ma assicurati di includere sempre la domanda.
Riutilizza gli stessi chip che hai appena creato.
Inizia con la richiesta vocale originale dalla finestra di dialogo di esempio di esempio.
Tieni presente che l'elenco vocale è limitato a 6 voci (su 17 in totale) per ridurre il carico cognitivo. Gli argomenti sono randomizzati in modo da non preferire un argomento all'altro.
Ancora una volta, è consentito riutilizzare lo stesso messaggio vocale, dato che non possiamo dare per scontato che l'utente guardi lo schermo.
L'inclusione di un elenco visivo di tutti gli argomenti aiuta l'utente a sfogliare e selezionare. Tieni presente che l'elenco visivo di tutti e 17 gli elementi (in pagine) è mostrato in ordine alfabetico, il che è più semplice da ricercare per gli utenti.
Poiché l'elenco elenca già gli argomenti che possono essere scelti, non è necessario includerli come chip. Includi invece altre opzioni, come "Nessuna di queste" per offrire all'utente una via d'uscita.
In questo caso si presume che l'utente abbia uguale accesso all'audio e allo schermo. Poiché la modalità visiva è più adatta agli elenchi, sfrutta questa forza indirizzando l'utente allo schermo per scegliere un argomento. In questo modo possiamo abbreviare la richiesta vocale a una semplice panoramica di elenco e a una domanda.
Solo la domanda deve essere mantenuta nel prompt visualizzato.
Riutilizza lo stesso chip appena creato.
Relazione tra richieste
In generale, le richieste vocali vengono ottimizzate e seguono le convenzioni delle conversazioni vocali. I messaggi visualizzati sono ottimizzati in base alle convenzioni delle conversazioni scritte. Anche se leggermente diversi, devono comunque trasmettere lo stesso messaggio principale.
Progettato sia per l'orecchio che per gli occhi. È più facile iniziare con la richiesta vocale, immaginando cosa potresti dire in una conversazione tra persone. quindi condensalo per creare la richiesta di visualizzazione.
Cosa fare
Non fare nulla.
Cosa fare
Non fare nulla.
Cosa fare
Non fare nulla.
Relazione tra componenti
Ricorda che tutti i componenti sono pensati per fornire un'unica risposta unificata.
Spesso è più semplice iniziare a scrivere messaggi per un'esperienza senza schermo, immaginando ancora cosa potresti dire in una conversazione tra due persone. Quindi, immagina come cambierebbe la conversazione se uno dei partecipanti terrà in mano un touchscreen. Quali dettagli ora possono essere omessi dai componenti di conversazione? In genere, la richiesta di visualizzazione viene notevolmente ridotta, in quanto l'utente può comprendere facilmente le informazioni presenti nel messaggio visivo. Raggruppa le informazioni in modo che l'utente non debba guardarsi avanti e indietro tra la visualizzazione del messaggio e quella visiva.
INTERROTTO