Homepage » Web design » Progettare un processo di onboarding che aiuti effettivamente gli utenti a imparare

    Progettare un processo di onboarding che aiuti effettivamente gli utenti a imparare

    Saltare in una nuova app di solito arriva con la difficoltà di imparare come funziona. Potresti farcela presto, ma c'è sempre un processo di apprendimento. L'obiettivo di onboarding è a introdurre nuovi utenti su un sito Web, un programma o un'applicazione. Con l'onboarding, dovresti insegnare qualcosa caratteristiche individuali, come funzionano, e come l'app offre valore per l'utente.

    In un post recente abbiamo coperto schermi di onboarding mobili che si concentrano su disegni e stili di contenuto. In questo post, voglio condividere suggerimenti per l'esperienza dell'utente e il processo di marketing di guidare un utente attraverso il processo di onboarding.

    Usa immagini e diagrammi

    Grafica e elementi visivi può spiegare un'esperienza utente molto meglio delle parole. Affidati alle immagini per aiutare guidare gli utenti attraverso il processo come necessario. Questa è una strategia valida perché attira l'attenzione sul processo di onboarding e chiarisce l'intento. Con le immagini il tuo obiettivo è quello di mostrare piuttosto che raccontare.

    Puoi farlo in molti modi diversi con screenshot completi, icone piccole o illustrazioni / grafica vettoriale che si adattano al flusso di lavoro di progettazione. Prendi ad esempio questo schermo di onboarding del designer Salman Shah.

    Usa le icone vettoriali per spunta visivamente ogni diapositiva. Le icone funzionano come metafore per ogni punto, e aiuto vendere le funzionalità per l'utente.

    Se non hai competenze per progettare icone da zero puoi sempre usarle pacchetti di icone gratuiti a tuo vantaggio Molti designer rilasciano gratuitamente il loro lavoro e tu puoi farlo facilmente incorporare queste icone nelle schermate di onboarding.

    Puoi andare oltre le icone statiche in includere l'animazione anche. Prendiamo ad esempio il processo di onboard basato sulla finanza creato da Iaroslav Zhmak.

    Lui usa un sacco di icone ma anche posiziona le animazioni in ogni sezione. Si impara cosa fa l'app attraverso segnali visivi che si anima per attirare la tua attenzione.

    Si noti che ciascuna diapositiva onboarding ha anche una descrizione del testo. Questa è la vera carne del messaggio perché dice agli utenti quello che possono effettivamente fare con l'applicazione. A volte una pagina di solo testo può sentiti come un libro di testo per il college anche se. Usa immagini e animazioni per rendere più piccante ogni parte del processo di onboarding.

    Mostra le caratteristiche in azione

    Prova a evitare di affermare le caratteristiche ovvie o costringere gli utenti a memorizzare tutte le singole parti dell'app. Anche provare a evitare le dichiarazioni di base Mi piace guidare gli utenti attorno all'app “questo è il menu principale, questa è la schermata degli amici”, ecc. Cerca invece di concentrarti su queste cose può fare, e come l'utente può interagire con queste aree.

    Questa strategia ricorda il vecchio adagio di marketing “non vendere la bistecca, vendere lo sfrigolio”. Vuoi vendere l'app attraverso i suoi benefici per l'utente, non attraverso funzionalità e voci di menu arbitrarie.

    Ad esempio, questo design creato da Prakhar Sharma ti guida attraverso un processo completo di lavoro nel tuo conto bancario.

    Il design offre un flusso naturale per aiutarti a iniziare e guidarti in ogni fase del percorso. Questo processo di onboarding obbliga gli utenti a agire che è in definitiva l'obiettivo principale.

    Puoi entrambi mostra le caratteristiche in azione attraverso una demo, o puoi aiutare gli utenti agire attraverso il processo di onboarding. Entrambi i metodi incoraggia l'azione sul consumo che di solito porta a utenti più coinvolti.

    Ho trovato un altro bel esempio di uno schermo di onboarding app in stile YouTube creato da Riko Sapto Dimo. Usa immagini e icone per trasmettere un messaggio, ma aiuta anche l'utente agire prima di immergerti nell'app.

    Dopo il “Come funziona” schermo che puoi scegliere impostare le notifiche con il clic di un pulsante. Questo è un ottima strategia perché molti utenti dimenticheranno completamente l'app, ma con notifiche che spuntano faranno eventualmente usarlo di nuovo (o disabilita le notifiche).

    Puoi anche aggiungere pulsanti per abilitare o disabilitare le funzionalità in qualsiasi momento nel processo di onboarding. Queste funzionalità potrebbero riguardare le iscrizioni alle newsletter, seguendo altri account o persino abbonarsi agli aggiornamenti. Appena coinvolgere gli utenti, e aiutali iniziare ad agire. Da lì, diventa più facile tenerli agganciati.

    Mostra una funzione alla volta

    La maggior parte degli schermi onboarding mostra alcune caratteristiche e ti guida attraverso un processo dall'inizio alla fine. Non affrettare gli utenti, e sicuramente non spingere un sacco di informazioni sullo schermo contemporaneamente.

    La chiave per mantenere i nuovi utenti interessati ed eccitati è quello di mantenere l'attenzione e mostrare una funzionalità alla volta. Se si spinge troppo sullo schermo, gli utenti possono farlo sentirsi sopraffatto. Se il processo di onboarding è troppo noioso, le persone si annoieranno e smetteranno.

    Ogni schermata dovrebbe avere almeno una nuova informazione questo è prezioso per l'utente. Puoi anche farlo sul web con a approccio modale finestra / finestra di dialogo. Comunque dovresti ancora tenerlo concentrarsi su un argomento alla volta attirare l'attenzione dove appartiene.

    Il team di Dropbox sta pianificando una nuova app desktop con l'onboarding e Wes O'Haire ha condiviso questo esempio sul suo account Dribbble.

    Tutto su questo schermo di bordo si sente molto naturale. Hai una barra blu che indica quanto lungo nel processo di onboarding te ne sei andato Poi hai anche indicazioni chiare per muoversi in modo graduale attraverso il processo. C'è anche a tasto indietro nel caso in cui l'utente dimentichi i passaggi precedenti o desideri semplicemente un riepilogo.

    Messa a fuoco è il nome del gioco e questo design mantiene gli utenti focalizzato sulle azioni. Entro la fine di questo processo di onboarding, i nuovi utenti dovrebbero essere in grado di farlo usare comodamente l'app Dropbox sul desktop per caricare, scaricare ed eseguire qualsiasi altra azione di cui hanno bisogno.

    E ricordalo i benefici vendono meglio delle caratteristiche. Spiegare ciò che l'utente ottiene dall'app piuttosto che quanto velocemente funzioni o quanti profili puoi avere.

    L'esempio precedente presenta un paio di schermate di un'app per appuntamenti medico / sanitaria chiamata Qikwell. Ogni diapositiva dimostra una caratteristica importante mirato al beneficio dell'utente (disponibilità appuntamento e numero totale in linea).

    L'ultima diapositiva ha anche un piccolo “Iniziare” Collegamento a guida gli utenti sul prossimo passo. Aumenterebbe la visibilità di quel collegamento per incoraggiare l'impegno, ma solo averlo è una grande idea.

    Ricorda di tenere tutto semplice e diretto. Ogni fase del processo dovrebbe avere un obiettivo insegnare all'utente o aiutarli a spostarsi ulteriormente nell'applicazione.

    Termina con un'azione

    Entro la fine del processo di onboarding, dovresti avere utenti che lo sappiano cosa offre l'app, cosa possono fare, e perché dovrebbero usarlo. Eppure potrebbero ho bisogno di una spinta effettivamente agire e fare qualcosa.

    Terminare sempre l'onboarding con qualche tipo di collegamento o pulsante guida l'utente ad iniziare da qualche parte. Questa potrebbe essere una pagina delle impostazioni, una pagina del profilo, una schermata del flusso utente o qualcosa di simile.

    Il migliore le azioni raccomandate possono variare in base agli obiettivi della tua app. Un'app di nutrizione potrebbe incoraggiare i nuovi utenti a iniziare a registrare i propri alimenti per la giornata, ma un'app di social network potrebbe inviare utenti a una schermata di profilo o a un elenco raccomandato di utenti da seguire.

    In questa app design di Oktafian Nugraha noterai una grande arancia “Iniziamo!” pulsante in fondo all'ultima diapositiva. Questo è super luminoso e piuttosto difficile da perdere.

    Questo pulsante di azione finale può portare ovunque fino a quando l'obiettivo finale è la conservazione dell'utente. Attaccare questo pulsante al processo di onboarding e assicurati che sia visibile. Se gli utenti completano l'onboarding e non vedono un pulsante per concludere potrebbero sentirsi intrappolato e vattene.

    È piuttosto difficile incasinare tutto, quindi basta pianificare un flusso di utenti tipico, e assicurati di te link a una pagina appropriata alla fine del processo di onboarding. Se l'onboarding ha fatto il suo lavoro, i nuovi utenti dovrebbero già farlo sapere cosa fare da lì.

    Uno sguardo finale

    Ogni nuovo progetto dovrebbe avere qualche tipo di guida di aiuto o processo di onboarding per i nuovi utenti. È il modo più veloce per guida i nuovi utenti, e a mantenere più persone coinvolte con la tua app mobile, il tuo sito web o il tuo programma desktop.

    Design estetico sono importanti ma l'esperienza dell'utente supera ogni cosa. Se fatto correttamente, dovrebbe essere il processo di onboarding educativo e spero un po 'di divertimento!