Immagine: 80 schermate di onboarding di app [design originali di Roastmyapp]
Credo che ogni funnel di onboarding per app mobile ad alta conversione si fondi su 10 pilastri fondamentali, in un modo o nell'altro. È la struttura anatomica di base che uso per preparare varianti di onboarding che vale la pena testare...
Immagine: 10 pilastri fondamentali di un funnel di onboarding per app ad alta conversione
- Blocco di benvenuto: allinea la narrazione alle promesse fatte all'inizio del funnel nelle creatività, nelle parole chiave e nelle immagini dello store
- Riconoscimento del problema: fai emergere il dolore, rendilo più acuto e crea risonanza emotiva prima della proposta
- Promessa del prodotto: mostra come sono i risultati ideali se l'utente va avanti
- Meccanismo della soluzione: spiega come la tua app mantiene la promessa
- Prova che funziona: dimostra che la soluzione ha funzionato per persone esattamente come loro
- Risultato personalizzato: restituisci un elaborato su misura che hanno contribuito a creare
- Impegno prima del paywall: aumenta il loro investimento con piccoli impegni
- Paywall dell'onboarding: la tua prima richiesta di acquistare ciò che vendi
- UX dell'onboarding post-acquisto: riconosci l'investimento economico appena fatto
- Spinta all'attivazione della funzionalità principale: guidali verso l'esperienza di massimo valore prima della disdetta della prova o, peggio, [delle richieste di rimborso].
Nota: questa non è una formula rigida, lineare o sequenziale. È piuttosto un modello mentale di base che mi permette di costruire percorsi di onboarding progettati con intenzione.
Ogni schermata che trovi qui sotto è un design originale che abbiamo creato per le app con cui abbiamo lavorato nel corso degli anni. Sarò onesto: non tutte queste iterazioni di onboarding hanno portato a un aumento dei ricavi. Ma naturalmente molte sì [ad es. una revisione completa dell'onboarding ha portato a un aumento del 30%+ dei ricavi netti]
“È incredibile quanti dei miei piccoli suggerimenti siano finiti nel nuovo design dell'onboarding.” —Timo
“I tuoi design di onboarding sono eccezionali. Adoro avere opzioni di alta qualità da provare dopo.” — Luke
“Le nuove schermate di onboarding sono davvero bellissime e si adattano molto bene alla mia app.” —Jonah
Vuoi testare 2 flussi di onboarding radicalmente nuovi nelle prossime 4 settimane? Scopri il mio sprint di design e ottimizzazione dell'onboarding qui sotto.
Immagine: Sprint di design e ottimizzazione dell'onboarding per app mobile
7 principi che seguo per la sperimentazione sull'onboarding delle app mobile
- Individua i punti di attrito prima di toccare qualsiasi cosa → La mia regola empirica: un abbandono del 15-20%+ tra due schermate è un grave campanello d'allarme che vale la pena indagare.
- L'onboarding prosegue la narrazione promessa all'inizio del funnel → Costruisci sulla promessa fatta dal tuo annuncio. Elimina qualsiasi aspettativa disattesa. E poi crea il ponte verso la soluzione.
- Tutto si scrive nella lingua che parlano i clienti → Nessuno scrive di fantasia. Costruisci un foglio sulla voce del cliente usando le recensioni dell'App Store, le trascrizioni delle interviste, i sondaggi e altre fonti.
- Dai uno scopo a ogni schermata, o eliminala →Una schermata si guadagna il suo posto se segue Framework narrativi collaudati, crea motivazione o ci insegna qualcosa sull'utente [età, dati demografici, fonte di acquisizione, ecc.]
- La lunghezza dell'onboarding dipende da quanto è grande il problema e da quanto è vicino a un desiderio umano fondamentale → Le app con un dolore forte convertono meglio con un onboarding lungo. Le app con un dolore lieve funzionano meglio con uno breve.
- La regola 5-5-5. Le prime 5 schermate dopo l'installazione, le 5 schermate prima del paywall, le 5 schermate dopo l'acquisto → Questi 3 tratti di schermate hanno la massima priorità per ridurre gli abbandoni, preparare l'utente alla richiesta ed eliminare l'ansia che fa disdire una prova.
- Monitora il funnel schermata per schermata, a un livello granulare → Oltre alle metriche principali come il completamento dell'onboarding, l'avvio della prova, la conversione da prova a pagamento e i ricavi netti per utente, l'analisi deve mostrare quali risposte scelgono le persone e come la conversione cambia in base a età, compito da svolgere, fonte di acquisizione e problema con cui sono arrivate.
Pilastro #1/10 → Blocco di benvenuto
Il primo gruppo di schermate dopo l'installazione. Dice alle persone a cosa serve l'app e le fa entrare nel funnel. È anche il punto in cui troviamo abbandoni significativi. Soprattutto quando la promessa fatta all'inizio del funnel non prosegue dopo l'installazione.
Le persone arrivano con un'aspettativa nata da una creatività pubblicitaria, da una scheda dello store o da una ricerca. La schermata di benvenuto la conferma o la delude. Allinea la narrazione, non solo l'identità visiva. Il titolo della proposta di valore deve richiamare la creatività che le ha portate qui.
Come si presenta nel design: valutazioni, numero di installazioni o loghi della stampa posizionati subito sotto, così la fiducia si trasferisce. Un'unica azione principale e un piccolo link di accesso per chi ha già un account.
Pilastro #2/10 → Riconoscimento del problema
Sono domande, schermate di feedback e di contenuto pensate per far emergere il dolore, i problemi e gli ostacoli con cui le persone sono arrivate qui.
Come si presenta nel design: domande del quiz con diversi metodi di inserimento, come elenchi di sintomi a scelta multipla, selettori a chip e cursori. Le schermate di feedback affrontano il costo dell'inazione, o mostrano cosa succede se restano sulla strada che stanno percorrendo.
Pilastro #3/10 → Promessa del prodotto
Queste schermate di onboarding mostrano l'altro lato del problema. Il risultato ideale, la trasformazione, il prima e il dopo.
Dopo che le persone hanno raccontato cosa non va, devono vedere come appare il problema risolto prima di andare avanti. Mantieni la promessa audace ma leggermente incompleta. Abbastanza da farle proseguire, non l'intera proposta. L'intera proposta spetta al paywall.
Come si presenta nel design: domande sugli obiettivi, grafico di proiezione, confronto prima e dopo, o un rapido assaggio dello scenario migliore in cui potrebbero trovarsi.
Pilastro #4/10 → Meccanismo della soluzione
Schermate di onboarding per spiegare come manterrai davvero la promessa che hai appena fatto.
Una promessa senza un meccanismo dietro suona come una semplice affermazione e un pio desiderio. I funnel ad alta conversione separano il meccanismo del problema [perché sta succedendo a loro] dal meccanismo della soluzione [come la tua app lo risolve].
Come si presenta nel design: la vera UI dell'app, non illustrazioni. O meglio ancora, lascia che gli utenti la provino con mano. Un'app per gestire il budget può chiedere a un utente di registrare una spesa recente all'interno del funnel, prima che abbia pagato qualcosa.
Pilastro #5/10 → Prova che funziona
Schermate di onboarding che mostrano la prova che questo meccanismo della soluzione ha funzionato per altri che sono sulla loro stessa barca. Gli utenti vogliono sapere se ha funzionato per qualcuno nella loro situazione, e vogliono saperlo proprio prima che venga chiesto loro di pagare.
Come si presenta nel design: valutazioni su App Store e Play Store, recensioni, citazioni, loghi della stampa e i dati di analisi del prodotto che hai già nel tuo database [ad es. pasti cucinati, truffe bloccate, ore risparmiate.]
Breve missione secondaria → com'è cambiato il mio processo di design per la crescita con l'arrivo dell'IA?
Prima, tutto iniziava in Figma e finiva nel codice. Ora è il contrario. Partiamo dal codice, poi rifiniamo tutto in Figma e aggiungiamo il nostro tocco umano.
Lo chiamo design con l'IA prima di tutto e un essere umano nel ciclo decisionale. Ecco come funziona:
- Costruisci un prototipo funzionante del funnel di onboarding in HTML usando strumenti come Mobbin MCP e Claude Code
- Ottieni l'approvazione su contenuti, componenti UI e schemi di design quando sappiamo cosa c'è in ogni schermata
- Rifinisci in Figma dove serve. Aggiungi il tocco umano. Elimina ogni sentore di fuffa generica da IA.
- Consegna le specifiche agli sviluppatori, oppure costruiscilo in uno strumento di onboarding senza codice come RevenueCat, Superwall o Adapty.
Prima dell'IA, i bozzetti delle schermate erano una parte importante di questo processo. Ora non più. Oggi passiamo la maggior parte del tempo su Claude.
Perché aggiungiamo ancora un tocco umano a ogni schermata: ormai le persone riconoscono la fuffa generica da IA a chilometri di distanza. E nel momento in cui lo fanno, vi associano una connotazione negativa. Sto molto attento a non mandare in produzione fuffa generica da IA e danneggiare la reputazione di un cliente per risparmiare una giornata di lavoro.
Come sono cambiati i tempi: prima dell'IA, preparare un nuovo funnel di onboarding richiedeva almeno 2 settimane. Ora, se gli dai la massima priorità, una nuova variante di onboarding completa può essere pronta per la produzione in 3-7 giorni.
Infine, 1 osservazione recente: le aziende che pubblicano app con cui parlo e lavoro sembrano più a loro agio a costruire da sole la variante di onboarding nel codice che a ricorrere a uno strumento senza codice. Vale lo stesso per te?
Pilastro #6/10 → Risultato personalizzato
Schermate di onboarding che mostrano la ricompensa di ogni domanda che hai posto. Un punteggio, una diagnosi, un piano con il loro nome e i loro numeri scritti dentro. È la schermata che le persone sono meno disposte ad abbandonare, perché hanno contribuito a costruirla. C'è un nome per questo: effetto IKEA.
Come si presenta nel design: schermata di analisi, percentuali, punteggio su un quadrante, o un riepilogo di cosa stai facendo bene e cosa male. Oppure un piano personalizzato in cui sono visibili le loro risposte.
Pilastro #7/10 → Impegno prima del paywall
L'ultimo tratto prima della richiesta. Creazione dell'account, richieste di autorizzazione, patti di impegno, scale del sì e un'ultima schermata di riprova sociale.
Nota: la creazione dell'account e la richiesta di attivare le notifiche ti fanno quasi sempre perdere utenti. Ma molte volte vincono, quando la motivazione e la fiducia che aggiungono valgono più dell'attrito che costano.
Come si presenta nel design: un patto di impegno che l'utente accetta con un tocco. Una pianificazione dei promemoria. Citazioni da testate autorevoli. E una da testare su quasi ogni app: la creazione dell'account dopo il paywall invece che prima.
Pilastro #8/10 → Paywall dell'onboarding
La tua richiesta principale per un avvio della prova o un acquisto diretto. Ogni pilastro prima di questo esiste per far funzionare questa schermata. È qui che scopri se il percorso a monte ha fatto bene la sua parte o no.
Come si presenta nel design: paywall in più passaggi, selettori di piano, lo schema di design con la sequenza temporale della prova annotata, offerte di uscita e offerte una tantum, che sono la tua seconda richiesta a un utente che ti ha già detto di no una volta.
Pilastro #9/10 → UX dell'onboarding post-acquisto
Le schermate che un utente pagante vede subito dopo la conversione. Ha appena fatto un investimento. Le schermate successive confermano quella decisione o fanno nascere il pensiero del rimborso. Un nuovo abbonato che atterra in un'app vuota sta già pensando di disdire.
Come si presenta nel design: un messaggio del fondatore. Un tour guidato. Una chiamata di onboarding 1:1 gratuita per i prodotti di fascia più alta. Un invito nella comunità. Costa poco da costruire, ma quasi nessuno lo fa.
Pilastro #10/10 → Spinta all'attivazione della funzionalità principale
Portare l'utente a completare la prima azione principale. Non un tour di ogni funzionalità. Un'azione che offra esattamente ciò che gli è stato promesso all'ingresso. Progettala dal punto di vista della monetizzazione, non del coinvolgimento.
Come si presenta nel design: un invito al primo inserimento. Una breve lista di configurazione con un anello di avanzamento, così il lavoro risulta già iniziato. Una conferma di prova sbloccata che indica la prossima azione invece di un vicolo cieco.
Domande frequenti
Che cos'è l'onboarding di un'app mobile?
L'onboarding di un'app mobile è la sequenza di schermate che un utente attraversa tra l'installazione della tua app e il raggiungimento della prima azione principale che offre il valore per cui è arrivato. In un'app in abbonamento deve anche accompagnarlo attraverso il primo paywall, ed è questo che lo distingue dall'onboarding di un prodotto gratuito. Non è un tour delle funzionalità. Il suo compito è far percepire abbastanza il problema e creare abbastanza fiducia nel tuo meccanismo perché la richiesta vada a segno.
Qual è la differenza tra l'onboarding di un'app mobile e un tour del prodotto?
Un tour del prodotto insegna alle persone dove sono i pulsanti. L'onboarding di un'app mobile in abbonamento deve vendere prima di insegnare. Un tour presume che l'utente abbia già deciso di usare il prodotto, quindi il suo compito è la comprensione. L'onboarding non presume nulla, quindi il suo compito è la motivazione, la fiducia e l'impegno, e la comprensione arriva dopo l'acquisto. Se il tuo onboarding è un carosello di schermate delle funzionalità, hai costruito un tour e alla fine stai chiedendo soldi.
Quante schermate dovrebbe avere un funnel di onboarding di un'app?
Non esiste un numero giusto o sbagliato in assoluto, e non lo decide ciò che fanno i tuoi concorrenti. La nostra regola empirica: più grande è il problema, e più è vicino a un desiderio umano fondamentale, più lungo di solito deve essere l'onboarding.
Le app con un dolore forte hanno onboarding lunghi, perché il funnel deve far percepire il problema prima della richiesta. Alle app con un dolore lieve di solito conviene un onboarding breve. Chiediti quanto lavoro deve fare il tuo funnel, non quante schermate dovrebbe avere.
Che cos'è la regola 5-5-5 nell'ottimizzazione dell'onboarding delle app mobile?
La regola 5-5-5 sostiene che tre brevi tratti di schermate decidono la maggior parte dei ricavi da abbonamento: le prime cinque dopo l'installazione decidono se un utente resta, le cinque prima del primo paywall decidono se è pronto a ricevere la richiesta, e le cinque dopo l'acquisto decidono se disdice.
Il paywall deve stare dentro il flusso di onboarding o dopo?
Dentro, quasi sempre, e prima di quanto la maggior parte dei team ritenga comodo. Un utente che ha risposto a domande sul suo problema, ha visto un risultato personalizzato e ha preso un piccolo impegno è molto più disposto a ricevere la richiesta rispetto allo stesso utente tre sessioni dopo. L'eccezione sono le app con un momento naturale di attivazione nella giornata dell'utente, in cui il valore è evidente al primo utilizzo e la richiesta può aspettare. Testa il posizionamento invece di darlo per scontato. È uno degli esperimenti più economici a disposizione e sposta i risultati più della maggior parte delle modifiche ai testi.
Qual è un buon tasso di completamento dell'onboarding per un'app mobile?
È il numero sbagliato da ottimizzare. Il tasso di completamento si sposta facilmente eliminando schermate, ed eliminare le schermate che costruiscono il problema di solito alza il completamento e abbassa i ricavi. Lo usiamo per la diagnosi, mai come metrica principale. Ciò che conta sono i ricavi netti per utente, poi la conversione da installazione a pagamento e da prova a pagamento. Se vuoi una regola empirica per la diagnosi, guarda il calo tra le singole schermate invece del totale: un 15-20%+ da una schermata alla successiva è di solito un campanello d'allarme che vale la pena indagare.
Quali sono i 10 pilastri di un funnel di onboarding per app ad alta conversione?
Blocco di benvenuto, riconoscimento del problema, promessa del prodotto, meccanismo della soluzione, prova che funziona, risultato personalizzato, impegno prima del paywall, paywall dell'onboarding, UX dell'onboarding post-acquisto e spinta all'attivazione della funzionalità principale. Non tutte le app hanno bisogno di tutti e dieci, ma l'ordine conta più del numero.
Quanto tempo serve per progettare e lanciare una nuova variante di onboarding?
Prima dell'IA servivano almeno 2 settimane. Ora, se gli dai la massima priorità, una nuova variante di onboarding completa può essere pronta per la produzione in 3-7 giorni.
Prima costruiamo un prototipo funzionante del funnel in HTML, blocchiamo i contenuti, lo rifiniamo in Figma, poi lo consegniamo ai tuoi sviluppatori o lo costruiamo in uno strumento di onboarding senza codice. Leggere il risultato richiede più tempo che costruirlo, perché portiamo i test fino alla fine dell'intera finestra da prova a pagamento invece di chiuderli in base alla conversione a D0.
Il tuo processo di design per la crescita parte dall'IA?
Sì. Lo chiamo design con l'IA prima di tutto e un essere umano nel ciclo decisionale. Prima, tutto iniziava in Figma e finiva nel codice. Ora è il contrario: partiamo dal codice, usando strumenti come Mobbin MCP e Claude Code per costruire un prototipo funzionante del funnel di schermate in HTML, poi lo rifiniamo in Figma e aggiungiamo il nostro tocco umano. I bozzetti delle schermate erano una parte importante del processo. Ora non più.
Perché non lanciare semplicemente funnel di onboarding generati dall'IA?
Perché le persone riconoscono quando qualcosa è stato costruito dall'IA, e nel momento in cui lo fanno vi associano una connotazione negativa. Un funnel che sembra generato mina la fiducia proprio nel momento in cui stai chiedendo a qualcuno di pagare, e quel danno pesa su come vedono il tuo marchio molto tempo dopo la fine del test.
Stiamo molto attenti a non mandare in produzione fuffa generica da IA e danneggiare la reputazione di un cliente per risparmiare una giornata di lavoro. L'IA è uno strumento di velocità all'interno del nostro processo. Non è il processo.
Come scrivete i testi delle schermate di onboarding?
Partendo da un foglio sulla voce del cliente che costruiamo per la tua app prima che inizi qualsiasi lavoro di design. È la base di conoscenza da cui lavoriamo. Analizziamo le recensioni degli utenti dell'App Store e di altre fonti, più sondaggi, richieste di funzionalità e ticket di assistenza, e scriviamo l'intero onboarding da lì. Nessuno nel team scrive una schermata di onboarding di fantasia.
Quante iterazioni del funnel di onboarding fate di solito?
A seconda del traffico, il programma interamente gestito di 3 mesi lancia 10+ esperimenti su onboarding, paywall, prezzi e monetizzazione, tutti a partire da una roadmap prioritizzata con RICE. Lo sprint di onboarding lancia 2 funnel di onboarding radicalmente nuovi in 4 settimane. Il ritmo conta più di qualsiasi singola revisione del design. Una revisione dell'onboarding una tantum ti dà un solo dato. Un ritmo costante dà risultati che si sommano nel tempo.
Quali metriche di successo misurate negli esperimenti di onboarding?
Il tasso di completamento è un indicatore indiretto. Utile per la diagnosi, sbagliato come metrica principale. I ricavi netti per utente sono la nostra metrica principale nei test di onboarding, con la conversione da installazione a pagamento, il tasso di avvio della prova e la conversione da prova a pagamento come numeri legati ai ricavi. Vogliamo report del funnel schermata per schermata in Mixpanel o Amplitude, non un unico numero di completamento dell'onboarding, e leggiamo la conversione per segmento: età, compito da svolgere, fonte di acquisizione e il problema con cui l'utente è arrivato.
Come facciamo ad avere un audit del nostro funnel di onboarding, e quanto costa?
L'audit è gratuito. Puoi inviare la tua app qui. Dopo l'invio, esaminiamo insieme la tua configurazione di paywall e onboarding in una chiamata di 30 minuti. La maggior parte di chi lavora sulle app ne esce sapendo dove il proprio funnel perde ricavi da abbonamento e quali 3 esperimenti lanciare per primi.
Dopo l'audit iniziale, scegli 1 dei 4 piani:
→ Programma di monetizzazione e CRO interamente gestito: 15.000 USD con pagamento unico per una collaborazione di 3 mesi. Progettiamo, sviluppiamo, lanciamo e analizziamo 10+ esperimenti su onboarding, paywall, prezzi e monetizzazione.
→ Sprint di design e ottimizzazione dell'onboarding: 7.500 USD con pagamento unico per uno sprint di 4 settimane. Testa 2 flussi di onboarding mobile radicalmente nuovi con design e testi pronti per la produzione. Interamente chiavi in mano.
→ 1 esperimento di paywall o di monetizzazione: 1.000 USD con pagamento unico. Progettiamo, implementiamo e analizziamo 1 test sul tuo stack attuale.
→ Consulenza 1:1: 1.500 USD al mese, mese per mese. Io dirigo, il tuo team costruisce.
I 3 piani chiavi in mano prevedono un pagamento unico. Nessun canone mensile. Nessun rinnovo automatico. Scopri qui tutti i piani e i prezzi.
In che cosa Roast My App è diversa dal servizio di crescita di Superwall?
Il servizio di crescita di Superwall si concentra su esperimenti di paywall, prezzi e offerte, con un piano mensile che parte da 5.000 USD al mese a seconda dei ricavi. Roast My App copre l'intero percorso di monetizzazione D0, con il design e l'ottimizzazione del funnel di onboarding al centro, a prezzi fissi con pagamento unico per i suoi piani chiavi in mano e con una garanzia di ROI positivo. Leggi il confronto completo: Alternativa a Superwall per i servizi di crescita della monetizzazione.
Sei arrivato fin qui? Complimenti, sei il tipo che porta a termine le cose. Ecco altre 3 risorse interessanti da consultare.
Immagine: libreria di esperimenti di paywall di Muhammad Rahat
Immagine: esempi di paywall dallo Swipe File di Roastmyapp
Immagine: raccolta di errori di ottimizzazione del paywall
Ti serve aiuto con il design e l'ottimizzazione del funnel di onboarding della tua app mobile?
Inizia con un audit CRO gratuito della tua app: fissiamo una chiacchierata di 30 minuti davanti a un caffè su Google Meet per esaminare insieme l'attuale configurazione di paywall e onboarding della tua app mobile. Cerco di fare questa analisi per 5 app ogni mese, completamente GRATIS.
Alla fine, le persone ne escono sapendo quali sono i 3 ostacoli principali che costano loro soldi veri. Se penso che il mio programma di monetizzazione e CRO per app non sia adatto alla tua app, te lo dirò.
Scopri di più sul mio 11FA Monetization & CRO Framework qui →
Un saluto,
Muhammad Rahat
Fondatore di Roast My App LLC
