Crea app di chat che aiutano e apprezzano gli utenti

I principi di progettazione di Google Chat sono un sistema che abbiamo creato per aiutarti a creare app di chat di alta qualità. Il sistema si basa su due pilastri: principi di progettazione e un framework dell'interfaccia utente basato su schede.

Design principles

I principi di progettazione sono guide che ti aiutano a pianificare, progettare e implementare le funzionalità dell'app Chat che aiutano gli utenti a raggiungere i loro obiettivi.

I principi di progettazione suddividono il processo di creazione dell'app di chat in tre fasi sequenziali:

  1. Pianifica l'app di chat. Durante la pianificazione, dovrai prendere in considerazione le persone a cui può essere utile l'app di chat, le attività per le quali sarà utile l'app e mappare i percorsi degli utenti che definiscono ogni interazione utente-app.
  2. Dai il benvenuto alle persone e aiutale a iniziare. Durante l'onboarding, l'app Chat si presenta agli utenti e agli spazi e li configura per il successo.
  3. Guida le persone al successo. Dopo l'onboarding, l'app Chat continua ad aiutare le persone a raggiungere i loro obiettivi guidandoli con schede e messaggi interattivi. Se le persone hanno bisogno di aiuto o si verificano errori, l'app di chat li comunica cosa devono sapere per procedere.

Un framework UI basato su schede

Un framework UI basato su schede garantisce un'esperienza coerente e piacevole su Android, iOS e sul Web.

Le app di chat interagiscono con gli utenti tramite messaggi di testo o messaggi con schede, ognuno dei quali è rappresentato come un oggetto JSON.

Gli SMS sono perfetti per le notifiche semplici. Supportano le @menzioni e formattazioni di base come grassetto, corsivo e code.

Un'app potrebbe utilizzare un messaggio di testo per informare gli sviluppatori di software che si sta avvicinando il blocco del codice:

Esempio di messaggio di testo in Google Chat che annuncia il blocco del codice

I messaggi delle schede supportano un layout definito, elementi interattivi dell'interfaccia utente come i pulsanti e contenuti rich media come le immagini. Utilizza i messaggi delle schede per presentare informazioni dettagliate, raccogliere informazioni dagli utenti e guidare gli utenti a compiere il passo successivo.

Un'app potrebbe utilizzare un messaggio con una scheda per eseguire un sondaggio:

Esecuzione di un sondaggio in uno spazio di Chat con un messaggio scheda

Per aiutare gli utenti a completare procedure in più passaggi, come la compilazione dei dati dei moduli, le schede possono essere unite in sequenza in una finestra di dialogo. Le finestre di dialogo si aprono in finestre che consentono alle app di interagire direttamente con un utente.

Un'app potrebbe avviare una finestra di dialogo per raccogliere i dati di contatto:

Raccolta di dettagli su un nuovo contatto da un utente tramite una finestra di dialogo

Che tu abbia già creato e implementato un'app di chat o tu stia pensando al nome di un'app di chat, questi principi possono aiutarti a creare app di chat apprezzate dagli utenti.