Onboarding: guida l'utente durante le sue prime interazioni con l'applicazione

Che cos'è l'onboarding e perché è importante?

Uno studio ha mostrato che il 22% delle applicazioni scaricate viene utilizzato solo una volta (Localytics, 2012).

Questo è il motivo per cui una buona prima esperienza utente è di fondamentale importanza per la fattibilità di un'applicazione o di un sito web. Questo è sempre più importante man mano che le applicazioni ei servizi diventano più versatili e complessi. Di conseguenza, negli ultimi anni abbiamo assistito a un aumento del numero di "onboarding".
L'onboarding è il processo di guida dell'utente attraverso la scoperta dell'applicazione. Di seguito troverai buoni esempi di onboarding, ognuno con un approccio diverso. L '"approccio migliore" non esiste poiché ogni applicazione o sito Web è diverso, ma tenere conto di questi consigli ti consentirà di progettare un'esperienza utente migliore. E, naturalmente, gli approcci descritti di seguito possono essere combinati per ottenere un onboarding ideale.

Esempi di onboarding

1. Spiegare la proposta di valore

AirBnB, Nike + Running, Pocket, Feedly e Path sono tra le app che spiegano la loro proposta di valore quando si apre l'app per la prima volta. Tutti utilizzano una sequenza di apertura simile a una presentazione con contenuto limitato per diapositiva, il che rende le informazioni facili da digerire. Inoltre, il numero di passaggi viene indicato all'utente in modo che l'utente sappia cosa aspettarsi. L'onboarding è un modo semplice, facile ed efficace per spiegare cosa può fare l'applicazione e come può essere utilizzata.

Consenti di saltare l'onboarding
Durante la loro prima visita all'applicazione, alcuni nuovi utenti si aspetteranno di essere presi in mano dalla A alla Z, mentre altri preferiranno lasciare l'onboarding e capire da soli come funziona l'applicazione. Un semplice pulsante "salta", come nell'anteprima di AirBnB, può soddisfare le esigenze di tutti gli utenti.

8ce7812498e9322ec4360ef1a0c3e4c9-regular
Airbnb

Non forzare la registrazione
500px utilizza bellissime immagini che rendono l'onboarding molto interessante. Inoltre, per accedere ai contenuti non è richiesta la registrazione (pulsante “Esplora foto”). L'utente può così scoprire l'applicazione prima di scegliere di creare un account. Consentire l'utilizzo dell'applicazione prima della registrazione aumenterà le possibilità che l'utente si registri e diventi un cliente abituale.

2. Spiega le caratteristiche

App come 500px, Clear e Kobo utilizzano un approccio diverso. Si concentrano sulla spiegazione delle caratteristiche. Questo approccio è tanto più rilevante quando l'applicazione ha molte funzionalità (in particolare quelle nascoste) che sono cruciali per il funzionamento dell'applicazione.
500px consente inoltre agli utenti di creare un account con profili social preesistenti come Facebook, Twitter o Google. Se gli utenti non ne hanno uno o non vogliono utilizzare il proprio account social, possono creare un account classico con indirizzo email e password.

Approccio user-friendly
Sempre su 500px, la frase "Se non conosci i 500px, creeremo un account per te" è molto facile da usare. Gli utenti non devono scegliere tra "registrati" o "accedi". 500px si basa sull'indirizzo e-mail, se è allegato a un account, connette l'utente altrimenti crea un account.

b7ddf11cc40ee615d4e1612b965d73c4-regular
500px
L'onboarding di Clear è molto chiaro e spiega molto bene le funzionalità. Sfortunatamente, non offre la possibilità di saltare il processo di onboarding, ma costringe l'utente a scorrere tutte e sette le schermate. Clear utilizza anche l'Approccio 4 "Onboarding durante l'uso", che troverai più in basso nell'articolo.
4fac4cd6d2c9dfab910129aee7653dc0-regular
Cancellare
3. Spiegare l'interattività

Mailbox e Weathercube sono due ottimi esempi di spiegazione delle funzionalità interattive. Questo approccio funziona bene perché mette l'apprendimento nel contesto e fornisce un feedback all'utente mentre interagisce con gli elementi. In questo modo, gli utenti saranno in grado di comprendere e ricordare meglio come funzionano le cose. Ma dal punto di vista della progettazione e dello sviluppo, questo è ovviamente un approccio ad alta intensità di manodopera.

Motivazione
Mailbox motiva l'utente fornendo feedback positivi come "Buon lavoro!" ". Rende l'esperienza di apprendimento divertente ed emozionante.

4121b3186b9bfcb8aa378f504c6de0d3-regular
cassetta della posta

Sapere dove trovare l'onboarding
Weathercube dice all'utente come trovare l'onboarding dopo averlo completato o saltato. In questo modo, l'utente può scegliere se e quando desidera che l'onboarding venga ripetuto.

06b480fb925d99c2066e66b62645c0e5-regular
cubo meteorologico
4. Onboarding durante l'uso

Un altro approccio molto interessante per spiegare le caratteristiche durante l'uso. Ha un grande vantaggio perché l'utente non deve scorrere un elenco di informazioni prima di utilizzare l'applicazione stessa.
Cut the Rope, il gioco in cui devi offrire caramelle a Om Nom, è stato uno dei primi grandi esempi. Semplici gesti spiegano come funziona il gioco. Molte app oggi, come Spotify, Flipboard, iMovie e Feedly, utilizzano lo stesso approccio per guidare l'utente attraverso l'app.

c5cb00b350dafa1813b2c0855d0a6b23-regular
Cut the Rope
534fdf65f3fb3dbd8890c0da939d33f2-regular
Spotify e Flipboard
45af15ae3374c11450c921e692a3f9b5-regular
iMovie & Feedly

Istruzioni sul passaggio successivo
Dopo l'onboarding, Clear fornisce all'utente alcune istruzioni sul passaggio successivo. Una serie di azioni di esempio da eseguire spiegano chiaramente come utilizzare l'applicazione.

d71a7eda646baf18480d67390a5747ef-regular
Cancellare
5. Pagina vuota

Spesso trascurata ma molto importante è la “pagina bianca”. Prendi ad esempio Dropbox. Se un utente non ha ancora inserito i preferiti, l'applicazione non mostra una pagina vuota, ma spiega cosa accadrà quando l'utente ha aggiunto file ai preferiti. Una semplice spiegazione che dà solo il tocco finale.

4b9f7a17978b123d23aa84194667c1b1-regular
dropbox
iMovie usa la pagina vuota per spiegare cosa deve fare l'utente: "Fai clic per iniziare un nuovo film o trailer". Vine mostra in modo divertente un utente che non ha ancora attività, ma sfortunatamente non spiega cosa fare.
6b71fd295fb5a35781d938bd841bab8c-regular
iMovie & Vine

Raccomandazioni per l'onboarding

Per concludere, ti consigliamo di considerare questi 11 consigli per la progettazione di un processo di onboarding. Ogni app o sito Web è diverso e necessita di un approccio specifico, ma considerare questi consigli ti aiuterà a progettare un'esperienza utente migliore.

  • Spiega la proposta: qual è il valore aggiunto per l'utente?
  • Spiega le caratteristiche nascoste e cruciali: come funziona l'app?
  • Spiega in modo interattivo: questo mette l'apprendimento nel contesto e fornisce un feedback all'utente
  • Mantienilo informativo - non spiegare le caratteristiche ovvie
  • Cerca di inserire un elemento divertente ed emotivo
  • Limita il contenuto per pannello, rendendo le informazioni facili da digerire
  • Fornisci un modo per saltare l'onboarding
  • Fai sapere all'utente dove è possibile trovare l'onboarding dopo averlo superato o completato
  • Comunicare il numero di passaggi in modo che l'utente sappia cosa aspettarsi
  • Non forzare gli utenti ad accedere o registrarsi per visualizzare contenuti o funzionalità
  • Assicurati che l'utente sappia cosa fare dopo l'onboarding e fornisci istruzioni sul passaggio successivo, se necessario

Tradotto dal sito: http://www.sodastudio.nl/kennis-ideeen/great-examples-of-user-onboarding-in-app-design