Exemples de flux d'onboarding: 15 patrons per fer que els usuaris arribin al valor

Els millors fluxos d'onboarding porten un usuari nou al seu primer resultat real tan aviat com sigui possible. Demanen poc durant el registre, configuren alguna cosa útil en nom de l'usuari, guien amb una llista curta de tasques o amb pantalles buides d'ajuda en lloc de llargues visites guiades, i fan seguiment per correu amb el següent pas. L'onboarding passa sobretot després del registre, per això a continuació descrivim sis exemples públics que vam poder comprovar abans de registrar-nos a l'octubre del 2026, i després nou patrons habituals dins del producte descrits sense anomenar cap producte. Al final hi ha una llista de verificació, errors habituals i com crear el teu propi.

Els 15 exemples d'un cop d'ull

Exemples públics d'onboarding

Aquests són els que cada empresa va mostrar públicament a l'octubre del 2026. No vam crear comptes, així que només descrivim el que es veu abans del registre o el que documenten els seus propis llocs web.

1. Cal.com: dos botons de registre i sense targeta

La pàgina d'inici de Cal.com ofereix "Registra't amb Google" i "Registra't amb correu" al costat de "No cal targeta de crèdit", i explica la configuració en tres passos: connectar el calendari, definir la disponibilitat i triar com trobar-se.

Què n'aprendre: l'onboarding comença a la pàgina de màrqueting. Explicar els passos de configuració abans del registre fa que la primera pantalla de dins resulti familiar.

2. Basecamp: una prova que no t'atrapa

La pàgina de preus de Basecamp indica que els plans de pagament inclouen una prova gratuïta de 30 dies, sense targeta, i que no es cobra automàticament en acabar-la.

Què n'aprendre: eliminar la por a un cobrament inesperat redueix el cost de provar. És un compromís: demanar la targeta filtra els usuaris seriosos, i no demanar-la fa entrar més gent. Vegeu freemium vs prova gratuïta.

3. Plausible: veure-ho abans de registrar-te

La pàgina d'inici de Plausible posa "Veure demostració en directe" al costat de la seva prova de 30 dies sense targeta. La demostració en directe són les estadístiques reals del propi lloc.

Què n'aprendre: una demostració pública permet que la gent "s'incorpori" sola abans de comprometre's, de manera que els que es registren ja saben què obtindran.

4. Stripe: un lloc segur per practicar

La documentació de Stripe descriu els entorns de prova (sandbox) per provar una integració sense afectar les transaccions reals ni les dades reals.

Què n'aprendre: si els errors del teu producte són costosos (diners, missatges a clients), dona als usuaris nous un mode segur per aprendre.

5. Basecamp: classes en directe

La pàgina d'inici de Basecamp convida els visitants a una demostració en directe i a una sessió de preguntes, amb un enllaç a les properes classes.

Què n'aprendre: algunes persones aprenen millor amb una persona. Una classe en grup escala millor que les demostracions individuals.

6. Vercel: onboarding per a agents d'IA

La pàgina d'inici de Vercel explica als desenvolupadors que poden fer incorporar un agent de programació fent-li llegir i seguir la guia de configuració de Vercel.

Què n'aprendre: si els teus usuaris treballen cada cop més a través d'eines d'IA, la documentació escrita per a aquestes eines passa a formar part de l'onboarding.

Patrons d'onboarding dins del producte que pots copiar

7. Preguntes de benvinguda

Dues o tres preguntes just després del registre ("Per a què ho faràs servir?", "Quant de gran és el teu equip?") que canvien el que l'usuari veu a continuació, com una plantilla o una llista de tasques diferent. Si una resposta no canvia res, no la demanis.

8. Selector de plantilles

En lloc d'una pàgina en blanc, ofereix uns quants punts de partida segons el cas d'ús. L'usuari edita alguna cosa real en lloc de mirar una pantalla buida.

9. Dades d'exemple

Omple el compte amb un projecte o un conjunt de dades d'exemple realista, clarament etiquetat com a exemple, amb un botó d'un clic per "esborrar les dades d'exemple". La gent aprèn tocant alguna cosa que ja funciona.

10. Llista de configuració

Tres a cinc primeres tasques ("Afegeix el teu logotip", "Crea la teva primera factura", "Convida un company d'equip") amb un indicador de progrés. Fes-la ocultable i marca les tasques com a fetes automàticament quan l'usuari les completi en qualsevol part del producte.

11. Estats buits útils

Cada llista o pàgina buida explica què hi aniria i ofereix l'acció per omplir-la: "Encara no hi ha clients. Afegeix el teu primer client o importa un CSV."

12. Importar des d'una altra eina

Si la gent canvia des d'una eina coneguda, ofereix una importació (CSV o directa) des del primer dia. Les seves pròpies dades fan que el producte se senti seu de seguida.

13. Convidar companys d'equip en el moment adequat

Pregunta després que l'usuari hagi creat alguna cosa que valgui la pena compartir, no com a primer pas. "Comparteix aquest projecte" funciona millor que una pantalla buida de "convida el teu equip".

14. Preparació del permís al mòbil

Abans que el sistema demani accés a notificacions, càmera o ubicació, explica a la teva pròpia pantalla per què el necessites i què obté l'usuari. Després mostra el missatge del sistema només si hi està d'acord.

15. Seqüència de correus de benvinguda

Una sèrie curta, amb cada correu amb un sol següent pas lligat a allò que l'usuari encara no ha fet. Deixa d'enviar correus de configuració quan ja l'hagi fet. Vegeu com enviar correus des de la teva app.

Què tenen en comú els millors fluxos d'onboarding

• Un primer resultat definit, com "primera reserva rebuda", al voltant del qual es construeix el flux.
• Registre curt. Inici de sessió social o per correu, i res que pugui esperar.
• Sense sorpreses. La durada de la prova i els requisits de targeta s'indiquen abans del registre.
• Alguna cosa ja omplerta: una plantilla, dades d'exemple o una importació, no una pantalla en blanc.
• Orientació en context mitjançant llistes de tasques i estats buits, en lloc de llargues visites guiades.
• Passos que es poden saltar per als usuaris experimentats.
• Seguiment per correu o missatge dins de l'app segons el que l'usuari ha fet i no ha fet.
• Mesurat. Saps quina part dels registres arriba al primer resultat.

Errors habituals

• Demanar massa d'entrada. Número de telèfon, mida de l'empresa i càrrec abans de res útil.
• Visites guiades llargues que assenyalen botons abans que l'usuari sàpiga per què importen.
• Primeres pantalles en blanc sense cap pista del que cal fer.
• Convidar companys d'equip primer, abans que hi hagi res per compartir.
• Correus que ignoren el comportament, que diuen a la gent que faci coses que ja ha fet.
• Obligar tothom a seguir un sol camí. Un usuari avançat i un principiant necessiten rutes diferents.
• No revisar-ho mai. L'onboarding ha de canviar a mesura que canvia el producte.

Com crear el teu propi flux d'onboarding

1. Dona nom al primer resultat i fes una llista de cada pas entre el registre i l'assoliment.
2. Elimina o posposa passos fins que només quedin els essencials.
3. Tria dos o tres patrons de dalt: normalment una plantilla o dades d'exemple, una llista de tasques i una seqüència de correus.
4. Construeix-lo. Amb Mythex pots descriure el flux en un xat ("després del registre, fes dues preguntes i després mostra una llista de tres tasques") i veure'l en una vista prèvia en directe, amb inici de sessió i una base de dades per desar el progrés quan l'app ho necessiti. Si ja tens un producte amb una base d'usuaris gran, una eina dedicada de visites guiades del producte o de missatgeria dins de l'app pot ser més ràpida d'afegir que construir-ne una de pròpia. Explora les plantilles per començar amb una app.
5. Mesura i corregeix la caiguda més gran, un canvi cada vegada.

Per a l'estratègia darrere d'això, llegeix com fer l'onboarding de nous usuaris i com reduir la pèrdua d'usuaris.

Com hem escollit aquests exemples

Només hem citat empreses l'onboarding de les quals podíem veure sense crear un compte, o que els seus propis llocs o documents descriuen, a l'octubre del 2026. Descrivim el que van mostrar públicament, no els seus fluxos dins de l'app, que no vam provar. Els patrons dins del producte són enfocaments habituals descrits en termes generals.

Preguntes