L'onboarding e l'autenticazione degli utenti sono alcuni dei percorsi utente più comuni e spesso i più abbandonati e frustranti per gli utenti. Sono la prima impressione che l'utente ha della tua app, quindi è fondamentale renderla accogliente con un'esperienza comoda e affidabile. Che tu stia progettando l'accesso, la registrazione degli utenti o una procedura dettagliata di onboarding, le seguenti indicazioni ti aiuteranno a creare un'esperienza ideale.
Concetti principali
- Crea un'esperienza di onboarding straordinaria.
- Utilizza le librerie disponibili, come le passkey, per la fiducia, la familiarità e la comodità degli utenti.
- Raccogli solo le informazioni critiche degli utenti.
- Utilizza un linguaggio chiaro e di supporto.
- Organizza e spiega il valore delle funzionalità e il motivo delle autorizzazioni.
Inizia
Raccogli: pensa a cosa deve configurare, imparare e autorizzare l'utente.
All'interno dell'app e in anticipo: separa tutto ciò che deve essere fatto prima di usare l'app rispetto a ciò che deve essere fatto durante l'utilizzo dell'app. Evita di creare attrito per i tuoi utenti quando iniziano a interagire con i contenuti della tua app. Valuta se i contenuti e le interazioni sono più adatti come prompt o come momento educativo.
Per gli elementi nel contesto, fornisci una spiegazione e un'azione, se applicabile.
Per i passaggi e le informazioni importanti da completare prima di utilizzare l'app, organizza i contenuti in passaggi logici. In genere, devi mostrare il valore dell'app prima di chiedere le autorizzazioni del dispositivo o di creare un account. Segui sempre la proposta di valore con l'azione.
Se la tua app richiede un account di qualche tipo, decidi i metodi di autenticazione. Le passkey possono alleviare le preoccupazioni e le difficoltà degli utenti con la gestione degli account.
Fornisci metodi di recupero.
Mostra i progressi dell'utente. Puoi utilizzare componenti come stepper, paginatori o un indicatore di avanzamento.
Percorsi dell'utente
Un onboarding eccezionale crea un senso di realizzazione e ha una personalità distinta. Aiuta gli utenti a orientarsi con pattern di segnalazione chiari per configurare la loro esperienza, concedere autorizzazioni e monitorare i loro progressi, il tutto interagendo con il brand e i concetti della tua app.
Posizionamento del punto di ingresso
Il posizionamento di benvenuto precarica in anticipo tutti i contenuti di formazione per gli utenti e la configurazione dell'app. Questo approccio è ideale quando la tua app richiede la registrazione dell'utente per accedere ai contenuti, quando l'anteprima dei contenuti non è possibile o quando l'apprendimento contestuale non è adatto. Il vantaggio principale è che gli utenti sono immediatamente consapevoli di come utilizzare l'app e ottengono l'accesso completo più rapidamente. Tuttavia, uno svantaggio significativo è il rischio maggiore di perdere utenti prima che provino l'app, anche se questo può essere mitigato fornendo una consapevolezza iniziale dei contenuti come mostrato nell'immagine seguente.
L'onboarding contestuale o in-app just-in-time consente una maggiore flessibilità in termini di consapevolezza dei contenuti, registrazione e apprendimento. Consente pattern come il priming delle autorizzazioni, in cui le richieste vengono effettuate nel momento specifico del bisogno. Questo metodo è ideale quando vuoi fornire un'anteprima per invogliare le registrazioni o quando preferisci suddividere la registrazione e l'apprendimento in passaggi più piccoli, più memorabili e gestibili. In questo modo, l'utente può imparare mentre lavora e ha maggiori possibilità di fidelizzazione.
Registrazione / Iscrizione
Il flusso di registrazione o iscrizione aiuta gli utenti a creare un account per la tua app. Valuta se la tua app deve registrare gli utenti in anticipo per l'utilizzo o se possono accedere a un determinato livello di contenuti e funzionalità.
Per ottimizzare il flusso di registrazione, raccogli in anticipo solo le informazioni minime necessarie, come email e password, o combina i passaggi per ridurre l'attrito. L'acquisizione solo delle proprietà essenziali, come un nome utente per la verifica, evita di sovraccaricare l'utente con le opzioni. Per i processi più lunghi, dividili in più schermate, ma non esagerare con un solo input per schermata. Assicurati che i requisiti per le password siano chiari e logici.
Accedi
Gli utenti che tornano hanno bisogno di un modo per accedere di nuovo al proprio account. L'accesso deve essere rapido e non intrusivo. Se la tua app richiede l'autenticazione solo per gli account, valuta la possibilità di combinare la registrazione e l'accesso tramite un metodo Single Sign-On.
I percorsi di accesso efficaci devono dare la priorità alla comodità dell'utente implementando pattern di autenticazione moderni. Ciò include l'offerta di prompt biometrici e funzionalità di compilazione automatica per ridurre il carico cognitivo e l'inserimento manuale richiesti all'utente.
Procedura dettagliata di onboarding e personalizzazione
Prima di implementare una procedura dettagliata completa, valuta attentamente se la tua applicazione ne ha davvero bisogno. Spesso, le funzionalità complesse possono essere introdotte in modo più naturale tramite suggerimenti di movimento sottili o descrizioni comando contestuali che non interrompono il flusso iniziale dell'utente.
Se sono necessarie autorizzazioni del dispositivo, utilizza il "priming delle autorizzazioni" per spiegare il valore dell'accesso richiesto. Questo è più efficace se eseguito nel momento specifico del bisogno, anziché come richiesta collettiva all'inizio dell'esperienza con l'app.
Cosa fare
Cosa non fare
Quando proponi le funzionalità dell'app per invogliare gli utenti a registrarsi, valuta se un'anteprima di contenuti reali sarebbe più persuasiva di una serie di slide interstitial statiche. Se utilizzi una procedura dettagliata, assicurati sempre che sia presente un'opzione chiara e persistente per saltare o accedere immediatamente.
Fornisci un modo per saltare e riprendere in un secondo momento, ad esempio memorizzando nella cache i progressi. Offrire un modo per salvare crea un checkpoint, quindi è più probabile che gli utenti riprendano da dove avevano interrotto piuttosto che abbandonare del tutto. Comunica sempre chiaramente cosa succederà con i progressi per rassicurare gli utenti.
L'indicazione visiva tramite l'uso di indicatori di avanzamento e passaggi aiuta a definire le aspettative degli utenti. Questi elementi forniscono un'idea chiara di quanti passaggi rimangono, riducendo il tasso di abbandono durante le procedure di onboarding o configurazione più lunghe.
Cosa fare
Cosa non fare
Ripristino
I flussi di recupero devono essere progettati con empatia e rispetto per la privacy degli utenti. Non dare mai per scontato un percorso felice nei flussi di account. Assicurati che gli utenti abbiano percorsi chiari per correggere gli errori senza frustrazioni.
Cosa fare
Cosa non fare
Se la tua app richiede un nome utente specifico, fornisci metodi per aiutarli a ricordarlo o reimpostarlo facilmente.
Cosa fare
Cosa non fare
Sebbene il precompilamento di determinati campi, come un indirizzo email, possa essere comodo durante la registrazione, le informazioni sensibili come le password non devono mai essere precompilate durante un processo di recupero o reimpostazione. Imposta sempre la maschera per l'input sensibile per proteggere la privacy degli utenti negli spazi pubblici.
SSO / Passkey
L'integrazione con librerie consolidate come Passkeys e i provider Single Sign-On (SSO) aumenta l'affidabilità e offre un'esperienza fluida e familiare. Questi sistemi consentono agli utenti di sfruttare hardware e credenziali di sicurezza esistenti per accedere facilmente alla tua app.
Layout e componenti
Quando progetti moduli di autenticazione, è essenziale utilizzare il contenimento raggruppando le voci simili e correlate, ad esempio posizionando i campi "nome" e "cognome" in stretta vicinanza. In questo modo, è più facile progettare layout flessibili che possono essere ridisposti.
Evita di creare moduli lunghi e scorrevoli, che sono una delle principali fonti di frustrazione per gli utenti.
Prima di includere qualsiasi campo di immissione, valuta attentamente se le informazioni sono davvero necessarie. Se un utente esce accidentalmente da un modulo lungo, la necessità di reinserire informazioni esaustive può portare a tassi di abbandono elevati.
Cosa fare
Cosa non fare
Layout espansi
Quando adattano i layout per le visualizzazioni espanse o orizzontali, i designer devono assicurarsi che l'interfaccia utente rimanga utilizzabile ed esteticamente gradevole. In particolare, evita di allungare i componenti interattivi come i pulsanti su tutta la larghezza dello schermo, in quanto ciò può sembrare innaturale e ridurre l'usabilità.
Continua invece a utilizzare i principi di contenimento, impostando una larghezza massima ragionevole per gli elementi del modulo e i blocchi di contenuti per mantenere la leggibilità e l'equilibrio visivo su schermi più grandi.
Cosa non fare
Componenti di formazione utente
Quando presenti agli utenti nuove funzionalità e li aiuti a iniziare, sono disponibili più componenti. Le descrizioni comando e le finestre di dialogo avanzate possono contribuire a evidenziare la scoperta delle funzionalità e istruire gli utenti all'interno dell'app. I fogli possono fornire uno stato interstiziale per presentare contenuti di onboarding e didattici.
Altri fattori di forma
L'onboarding può includere il trasferimento del dispositivo per l'utilizzo di app estese e cross-form factor.
L'esperienza dell'app mobile può fornire un modo più ergonomico e conveniente per gestire l'autenticazione, quindi l'onboarding può provenire da altri fattori di forma. Ad esempio, un utente può completare l'accesso sul proprio dispositivo mobile iniziato su un'app TV Google.
Se la tua app ha attività estese su altri fattori di forma, come gli occhiali AI o Wear OS, fornisci prompt di scoperta e istruzioni per gli utenti per eseguire l'onboarding. Scopri di più sulla progettazione di esperienze di onboarding per gli occhiali AI.
UX Writing
Utilizza meccanismi di feedback non intrusivi come le barre di notifica e i messaggi popup per confermare le azioni dell'utente o fornire brevi aggiornamenti di stato. In questo modo, l'utente si sente informato sullo stato del sistema senza dover chiudere le finestre di dialogo modali per un feedback minore.
Tono
Il tono della scrittura durante gli errori è fondamentale: evita un linguaggio che deride o frustra l'utente. Utilizza testi chiari, utili e incoraggianti che si concentrino sulla soluzione anziché sull'errore, soprattutto durante i momenti di forte stress come il recupero della password.
Risorsa
Scopri i modelli di onboarding, i flussi utente e le risorse di formazione per gli utenti nel kit Figma per l'onboarding di Android.