Hvordan vi oppdaterte onboarding-opplevelsen vår og fikk flere brukere

Metoder vi brukte for å øke konverteringen med 60%

Pilcro Artboard - Bruker Onboarding

Som produktdesigner og utvikler har jeg brukt mye tid på å tenke på elementene i en vellykket User Onboarding-opplevelse. Det er en vanskelig prosess som er avgjørende for god konvertering, og den blir ofte oversett.

I dette stykke skal jeg beskrive prosessen vi gikk gjennom (mens du jobber med merkevareadministrasjonsprogramvaren vår), slik at du kan bruke leksjonene vi har lært for din egen User Onboarding-flyt.

Hvorfor lytte til meg? Vel, vi har nylig økt vår samlede påloggingskonvertering med 60% etter å ha lansert strømmen vår User Onboarding som en del av vår produktlansering på Product Hunt. Dette er hva Jonathan Price hadde å si om det på lanseringsdagen:

"Product Hunt-temas destinasjonsside var virkelig enestående - muligens den mest polerte Product Hunt-lanseringen jeg har sett. Flott arbeid."

Så hva er User Onboarding?

Her er en definisjon fra trychameleon:

"User onboarding er systemet for å aktivt veilede brukere til å finne ny verdi i produktet ditt."

Så det handler om å kommunisere verdifulle funksjoner til brukerne dine.

Men hvem er disse brukerne? Er de førstegangsbrukere? Er det nye (ish) brukere som kommer tilbake til produktet ditt?

Og hva betyr "verdi"? Funksjoner som brukere kan verdsette? Brukeratferd som du kanskje verdsetter? f.eks. påmeldinger eller abonnement?

Umiddelbart er det klart at User Onboarding ikke er en enkel UX-oppgave.

Vi har flere brukertyper, og flere funksjoner som vi tror brukerne ville funnet verdifulle. Hvordan gir vi mening av det hele? Hvordan kommuniserer vi verdien av produktet på en effektiv måte? Og hva prøver vi egentlig å oppnå ved å vise frem funksjoner for brukerne?

Første trinn - Kontroller dine brukerreiser

Det kan virke åpenbart, men det første trinnet er å finne ut hvordan nye og eksisterende brukere beveger seg gjennom appen din. Er det en reise som alle tar, eller er det flere forskjellige stier?

Vi gjorde dette trinnet ved hjelp av UX-studentene fra Generalforsamlingen som benyttet brukertesting for å forstå hvordan nye brukere opplevde appen vår for første gang. Denne prosessen hjalp oss også med å kategorisere brukerne våre i tre forskjellige brukertyper:

  • De første 20 sekundene
  • Første økt
  • Første måned

På slutten av denne prosessen hadde vi en mye bedre forståelse av hvordan brukere beveget seg gjennom appen vår. Men vi visste fremdeles ikke hvilken verdi vi ønsket å kommunisere til dem eller hva sluttmålet var.

Vi introduserer det magiske øyeblikket

I dypet av vår forvirring rundt User Onboarding, kom vi over denne videoen. Den snakker om hvordan Facebook designet sine brukerreiser for å få brukere til et "magisk øyeblikk".

The Magic Moment er når en bruker plutselig forstår hva kjerneverdien til produktet ditt egentlig er. Det er øyeblikket når en bruker "får det til". For Facebook var det da du så et bilde av en av vennene dine.

For oss på Pilcro, innså vi at vårt magiske øyeblikk er når en bruker kopierer en merkevare eiendel for første gang. Dette er når de virkelig forstår hvorfor de bør bruke Pilcro.

Med det magiske øyeblikket i tankene, utviklet vi denne tabellen for å hjelpe oss med å bestille tankene våre.

Så prøvde vi å kartlegge de samme målene til mulige strategier for å oppnå dem.

På dette tidspunktet hadde vi noen strategier for å nå målene. Det var på tide å se på hvilke visuelle Onboarding-komponenter som var tilgjengelige for oss - hvilke verktøy og triks kunne vi trekke ut av User Onboarding-skapet for å få det hele til å bli levende.

User Onboarding Options

Etter all analysen kommer User Onboarding fremdeles ned til å skrive noen UI-komponenter som kommuniserer verdi til brukerne. Så hva er disse brukergrensesnittets komponenter? Hvilke alternativer er tilgjengelige for apputviklere og UX-designere?

Det er selvfølgelig uendelige alternativer for User Onboarding-komponenter, men her er en kortfattet liste over våre favoritter med User Onboarding-eksempelbilder fra andre apper.

Modals

Ta over hele skjermen, og tvinger en bruker til å stoppe i sporene sine for å vise dem noe nyttig.

Google Photos velkomstmodal

Kontekstuelle popups

Informasjon når og hvor brukeren trenger det. Verktøytips er det vanligste eksemplet på dette:

Asana Tooltip

Tomrom

Bruk tomme lister og rutenett i appens brukergrensesnitt for å vise nyttige tips og oppfordring til handlinger.

Bear app - smart tom plass

Fremdriftsindikator

Vis en indikator på hvor bra brukeren gjør det. Dette kan vare i hele levetiden til brukeren på produktet ditt og kan spilles.

Varslingsindikator for vaktoppsett

Med disse alternativene i tankene, planla vi denne tabellen for å finne ut hvilke User Onboarding-alternativer som passet hvilke brukertyper som er best og hvorfor. De grønne rutene passer best mens de røde rutene har dårlig passform.

På dette tidspunktet hadde vi alle brikkene i puslespillet klare.

  1. Vi hadde identifisert de forskjellige brukertypene.
  2. Vi hadde identifisert strategiene som skal brukes for våre brukertyper.
  3. Vi hadde identifisert UI-komponenter for å realisere disse strategiene.

På tide å sette det hele sammen.

Så hva gjorde vi egentlig?

Bruker fordeler modal

  • Bare ved første besøk
  • Kommuniser noen viktige brukerfordeler med appen.
  • Formål - få brukere til å henge med.
Brukerfordeler lysbildefremvisning

Kontekstuelle popups

  • Bli brukere kjent med grensesnittet veldig raskt
  • Vis dem de viktigste funksjonene og knappene.
  • Product Hunt-tema for å gi besøkende fra Product Hunt en visuell konsistens.
  • Formål - få brukere til det magiske øyeblikket
Kontekstuelle popups - swoosh

Smart bruk av Tom Space

  • Vis oppfordring til handlinger der det ikke er noe innhold
  • Formål - la aldri en bruker ligge utenfor en flyt
Pilcros ledige plassoppfordring til handlinger

Fremdriftsindikator

  • Vis brukerne en prosentvis bar over hvor mye av en ‘strømbruker’ de er.
  • Formål - press brukerne til å oppføre seg slik vi vil at de skal.
Fremdriftsindikator i%

Og tallene lyver ikke

Hvordan visste vi at User Onboarding-designet fungerte? Her er statistikken.

Vi mer enn doblet konverteringene våre til produktet fra nettstedet i uken etter å ha distribuert den nye brukeren ombord.

Konverteringer til produktet

Vi økte vårt samlede påloggingsomregning med 60%.

Riktignok hjalp lanseringen med denne statistikken da det var mer surr rundt produktet vårt. Men den nye User Onboarding spilte utvilsomt en avgjørende rolle i suksessen med lanseringen.

Ettertanke - Hvorfor er User Onboarding så vanskelig?

  • Produkteiere er for nær produktet. Hvordan kan en produktseier muligens vite hvordan det føles å oppleve produktet deres for første gang?
  • Ulike brukere finner verdi i forskjellige deler av produktet. Så å veilede dem til å finne verdi er ikke en lineær reise som alle brukere deler. Ulike brukere kan ha forskjellige magiske øyeblikk.
  • Ulike brukere oppfører seg annerledes og beveger seg gjennom produktet ditt annerledes. Noen brukere liker å holde hånden sin når de går ombord i et nytt produkt, noen brukere liker bare å dykke rett inn og leke. Hvordan lager du en UX-opplevelse som betjener Onboarding-behovene til alle forskjellige brukere?
  • Ulike brukere har ulik kunnskap om produktet ditt. Så hvordan vet du hvor mye informasjon du kan gi noen?
  • Teknologien bak å lage en god User Onboarding-opplevelse er ofte veldig kompleks da det krever å legge et helt nytt visuelt lag til applikasjonen din.

User Onboarding er en kompleks utfordring fordi du må håndtere en matrise av forskjellige brukere, funksjoner, mål og atferd. Imidlertid, hvis du nærmer deg det på riktig måte, kan du få appen din til å skinne for de nye brukerne dine. Lykke til!

Opplev det selv

Ta en titt på brukeren vår ombord på denne lenken. La oss få vite hva du synes!

Pilcro tilbyr gratis merkevareadministrasjonsprogramvare for G-Suite.