Le schede avanzate combinano contenuti multimediali, testo e suggerimenti in un unico messaggio. Si concentrano su un unico argomento e offrono azioni chiare agli utenti.
Una scheda interattiva può contenere:
- Contenuti multimediali (immagine/GIF, video o file PDF)
- Testo titolo
- Testo descrizione
- Risposte e azioni suggerite.
Ciascuno di questi campi è facoltativo, ma almeno uno dei campi 1-3 deve essere incluso nella scheda avanzata.
Componenti delle schede interattive
Media
Le schede avanzate possono includere vari contenuti multimediali, come immagini, GIF, video e file PDF. Le schede interattive supportano una serie di formati multimediali.
Tipi di immagini supportati:
- JPEG/JPG
- GIF
- PN
Tipi di video supportati:
- H.263
- M4V
- MP4
- MPEG
- MPEG-4
- WebM
Tipi di file supportati (disponibili solo in India sul client Google Messaggi):
Puoi scegliere tra tre altezze dei contenuti multimediali per una scheda avanzata:
| Tipo di media | Altezza media |
|---|---|
| Contenuti multimediali brevi | 112 DP |
| Medium media | 168 DP |
| Elementi multimediali verticali | 264 DP |
DP sta per pixel indipendenti dalla densità, ovvero unità progettate per fornire una dimensione fisica coerente per gli elementi dell'interfaccia utente su schermi con densità di pixel diverse.
Se le dimensioni del media non corrispondono all'altezza selezionata, il sistema esegue automaticamente lo zoom e il ritaglio centrale del media. Questo ritaglio potrebbe comportare un'anteprima indesiderata. Per visualizzare l'immagine esatta che desideri, specifica una miniatura. Se fai clic sull'anteprima o sulla miniatura, si apre una visualizzazione a schermo intero del file multimediale.
I file PDF mostrano un'immagine di anteprima basata sulla prima pagina del file PDF, anche se viene fornita una miniatura. Se fai clic sull'immagine di anteprima, il file si apre in un visualizzatore PDF. Quando un'anteprima non è disponibile (ad esempio, quando il file è protetto da password), il file PDF mostra l'immagine in miniatura o un'icona predefinita se non è specificata una miniatura.
Carica i contenuti multimediali specificando un URL o caricando direttamente un file. Puoi trovare ulteriori informazioni nella pagina Invia messaggi.
Miniatura
La dimensione massima del file di una miniatura è 100 kB. Per un'esperienza utente ottimale, ti consigliamo di non superare i 50 kB. Se non fornisci una miniatura, viene visualizzata un'icona predefinita. La miniatura rimane visibile durante il download del file, anche se il download non va a buon fine, e funge anche da anteprima per i video scaricati. Se tocchi la miniatura o l'icona predefinita, si apre una visualizzazione a schermo intero del file multimediale.
Testo titolo
Il titolo della scheda avanzata è come un titolo che cattura l'attenzione dell'utente e gli dà un'idea chiara dell'argomento del messaggio. Assicurati che sia conciso e informativo. Può contenere fino a 200 caratteri.
Descrizione
La descrizione della scheda interattiva include informazioni di supporto essenziali. Qui puoi elaborare il titolo, evidenziare i vantaggi principali e favorire le conversioni con un invito all'azione chiaro. La descrizione può contenere fino a 2000 caratteri.
Risposte e azioni suggerite
Ogni scheda avanzata può contenere fino a quattro risposte suggerite e azioni suggerite. Inoltre, puoi aggiungere fino a 11 suggerimenti sotto la tua scheda in un elenco di chip, proprio come faresti con i suggerimenti per un messaggio. Le risposte e le azioni suggerite all'interno di un elenco di chip sono un modo per far avanzare la conversazione. Non devono ripetere le opzioni elencate all'interno della scheda avanzata e non sono strumenti di selezione per gli elementi presentati in un carosello.
Puoi trovare informazioni dettagliate sui suggerimenti in questo articolo.
Risposte suggerite
Le risposte suggerite aiutano gli utenti a interagire con l'agente in modo che possa rispondere facilmente. A meno che l'interazione non richieda una risposta in formato libero, utilizza le risposte suggerite. Sono più facili da elaborare rispetto al testo in formato libero e consentono all'agente di indirizzare le conversazioni verso un percorso ottimale.
Le risposte suggerite possono contenere fino a 25 caratteri.
Azioni suggerite
Le azioni suggerite consentono a un agente di collegarsi alle azioni native del dispositivo e offrono un'esperienza strettamente integrata per l'utente. Se pertinenti, le azioni suggerite possono semplificare la chiamata all'assistenza clienti o la ricerca di una posizione sulla mappa.
Tuttavia, non sovraccaricare gli utenti con troppe opzioni. Fornisci solo le azioni correlate all'ultimo messaggio e solo quelle necessarie. Limita il numero di azioni suggerite e risposte suggerite a ciò che è utile per l'utente in un determinato contesto.
I suggerimenti per le azioni possono contenere fino a 25 caratteri.
Layout della scheda interattiva
Le schede interattive possono avere un layout verticale o orizzontale.
Schede interattive verticali
Le schede avanzate verticali mostrano i contenuti multimediali orizzontali nella parte superiore della scheda. L'altezza minima di una scheda interattiva verticale è di 112 dp.
I contenuti multimediali utilizzati in una scheda avanzata verticale possono avere la seguente altezza:
- Piccole: 112 dp
- Media: 168 dp
- Grandi: 264 DP
I contenuti multimediali utilizzati in una scheda avanzata verticale possono avere le seguenti proporzioni:
- 2:1
- 16:9
- 7:3
Schede interattive orizzontali
Le schede avanzate orizzontali mostrano i contenuti multimediali sul lato sinistro o destro della scheda.
Una scheda avanzata orizzontale non ha un rapporto multimediale fisso, ma una larghezza fissa di 128 DP. L'altezza viene scalata in base all'altezza degli elementi di testo nella scheda.
Caroselli di schede interattive
Puoi inviare una scheda interattiva indipendente o un carosello di schede interattive.
I caroselli di schede interattive sono ideali per mostrare più elementi, come piani tariffari o dispositivi, consentendo agli utenti di sfogliare e confrontare diverse opzioni all'interno di un unico messaggio. Un carosello è ideale quando vuoi presentare una varietà di scelte o consentire l'esplorazione di contenuti correlati.
Il primo elemento di un carosello deve essere la scelta ottimale e il motivo deve essere chiaro all'utente. Puoi avere fino a dieci schede in un carosello di schede avanzate. I caroselli di schede avanzate possono contenere solo schede avanzate verticali.
Come in un messaggio con scheda avanzata autonoma, puoi includere chip di suggerimento sotto un carosello per far avanzare la conversazione. I chip di suggerimento non devono ripetere le opzioni elencate nel carosello e non sono strumenti di selezione per gli elementi presentati nel carosello.
Specifiche del carosello
| Specifica | Dettagli |
|---|---|
| Titolo | Massimo 200 caratteri |
| Descrizione | Massimo 2000 caratteri |
| Altezza | • Caroselli piccoli: altezza massima di 542 DP • Caroselli medi: altezza massima di 592 DP Tutte le schede all'interno di un carosello verranno scalate in modo da corrispondere all'altezza della scheda più alta. Per informazioni dettagliate su come i contenuti vengono adattati a questa altezza, vedi Ridimensionamento e troncamento dei contenuti. |
| Larghezza | Scegli una delle seguenti opzioni: • Piccola: 180 DP (larghezza fissa) • Media: 296 DP (larghezza fissa) |
Dimensionamento e troncamento dei contenuti
Se i contenuti di un carosello di schede avanzate non sono sufficienti a riempire l'altezza minima, verrà aggiunto spazio bianco aggiuntivo in basso. Se i contenuti superano l'altezza massima, verranno troncati nel seguente ordine:
- Descrizione, ridotta a una sola riga.
- Titolo, ridotto a una sola riga.
- Suggerimenti rimossi completamente.
- Descrizione rimossa completamente.
- Titolo rimosso completamente.
Per risolvere questo problema di troncamento, in modo che gli utenti possano sempre visualizzare l'intero contenuto, RBM fornisce una visualizzazione espandibile a schermo intero per le schede in un carosello. Per ulteriori dettagli su questa funzionalità, consulta Visualizzazione a schermo intero per i caroselli.
Visualizzazione a schermo intero per i caroselli
Per evitare che il testo o i suggerimenti vengano persi a causa del troncamento, RBM fornisce una visualizzazione a schermo intero per i caroselli di schede avanzate. In questo modo i progettisti possono utilizzare i limiti di testo completi, sapendo che gli utenti possono espandere la scheda per visualizzare il messaggio completo.
Dettagli chiave per gli sviluppatori
- Nessuna azione richiesta: questa funzionalità viene attivata automaticamente per tutti i caroselli di schede avanzate.
- Ambito:si applica solo ai caroselli di schede avanzate. Le schede avanzate autonome non sono interessate.
- Limiti:tutti i limiti esistenti per i caratteri e i suggerimenti per titoli (200), descrizioni (2000) e suggerimenti (4) rimangono invariati.
Aprire e chiudere la visualizzazione a schermo intero
Per aprire:quando i contenuti di una scheda vengono troncati, alla fine del testo visibile viene visualizzato un pulsante Altro. Un utente può toccare un punto qualsiasi dell'area di testo della scheda o il pulsante Altro per aprire la visualizzazione a schermo intero.
Per chiudere:gli utenti possono uscire dalla visualizzazione a schermo intero nei seguenti modi:
- Tocca il pulsante X nell'angolo in alto a sinistra.
- Utilizza il pulsante Indietro del sistema o la navigazione tramite gesti indietro.
- Tocca un suggerimento che continua la conversazione.
Navigazione nella visualizzazione a schermo intero
La visualizzazione a schermo intero consente sia lo scorrimento verticale all'interno di una scheda sia lo scorrimento orizzontale tra le schede.
- Scorrimento verticale: se il testo di una scheda è ancora più lungo della visualizzazione a schermo intero, l'area di testo e contenuti multimediali diventa scorrevole verticalmente. I suggerimenti rimangono "fluttuanti" e sempre visibili nella parte inferiore dello schermo.
- Scorrimento orizzontale: nella visualizzazione a schermo intero, gli utenti possono scorrere orizzontalmente per passare alla scheda successiva o precedente nel carosello.
Scorrimento verticale
Scorrimento orizzontale
Specifiche per la visualizzazione a schermo intero
Quando una scheda viene espansa, utilizza un layout standardizzato a schermo intero.
| Specifica | Dettagli |
|---|---|
| Altezza media | 264 DP L'altezza dei contenuti multimediali nella visualizzazione a schermo intero utilizza sempre l'impostazione Contenuti multimediali verticali. |
| Larghezza media | screenwidth - 32 DP Il contenuto multimediale si espande per riempire la larghezza dello schermo con margini di 16 DP su ogni lato. Si applicano le stesse regole di ritaglio centrale. |
Come funzionano i suggerimenti nella visualizzazione a schermo intero
Quando un utente tocca un suggerimento nella visualizzazione a schermo intero, il comportamento risultante dipende dal tipo di suggerimento:
| Tipo di suggerimento | Comportamento |
|---|---|
| Apri azione URL | L'URL si apre nel browser predefinito o in una visualizzazione web sovrapposta. Quando l'utente torna a Google Messaggi, la visualizzazione a schermo intero viene ripristinata. |
| Azioni Chiama, Visualizza posizione e Crea un evento di calendario | Si apre l'app corrispondente. Quando torni a Google Messaggi, la visualizzazione a schermo intero viene ripristinata. |
| Azione Condividi posizione | La visualizzazione a schermo intero si chiude e si apre Google Maps. Dopo aver inviato la posizione, l'utente torna automaticamente alla visualizzazione standard della chat. |
| Risposta suggerita | La visualizzazione a schermo intero si chiude e la risposta viene inviata nella visualizzazione standard della chat, continuando la conversazione. |
Limiti
I titoli delle schede avanzate sono limitati a 200 caratteri, mentre le descrizioni possono contenere fino a 2000 caratteri. Tieni presente che i caratteri speciali, come le emoji o un set di caratteri multibyte, vengono conteggiati come 2-4 caratteri o più.
I contenuti multimediali in una scheda avanzata o in un carosello di schede avanzate possono avere la seguente altezza:
- Piccole: 112 dp
- Media: 168 dp
- Grandi: 264 DP
Affinché tutti gli elementi (media, titoli, descrizioni e pulsanti) vengano visualizzati correttamente nella scheda avanzata o nel carosello, devono rispettare i limiti di caratteri e dimensioni specificati.
La dimensione massima di un payload di scheda avanzata è 250 KB.