Hvordan vi opdaterede vores onboarding-oplevelse og fik flere brugere

Metoder, vi brugte til at øge konvertering med 60%

Pilcro Artboard - Bruger Onboarding

Som produktdesigner og udvikler har jeg brugt en masse tid på at tænke over elementerne i en succesrig User Onboarding-oplevelse. Det er en vanskelig proces, der er afgørende for god konvertering, og den overses ofte.

I dette stykke skal jeg beskrive den proces, vi har gennemgået (mens vi arbejder med vores brand management software), så du kan anvende de lektioner, vi har lært til din egen User Onboarding-strøm.

Hvorfor lytte til mig? Nå, vi har for nylig vokset vores samlede login-konvertering med 60% efter lancering af vores User Onboarding-flow som en del af vores produktlancering på Product Hunt. Her er hvad Jonathan Price havde at sige om det på lanceringsdagen:

”Product Hunt-temas destinationsside var virkelig enestående - muligvis den mest polerede produktjagt-lancering, jeg har set. Flot arbejde."

Så hvad er User Onboarding?

Her er en definition fra trychameleon:

"User onboarding er systemet til aktivt at guide brugerne til at finde ny værdi i dit produkt."

Så det handler om at kommunikere værdifulde funktioner til dine brugere.

Men hvem er disse brugere? Er de første gang brugere? Er det nye (ish) brugere, der vender tilbage til dit produkt?

Og hvad betyder ”værdi”? Funktioner, som brugerne måske værdsætter? Brugeradfærd, som du måske værdsætter? for eksempel. login eller abonnement?

Umiddelbart er det klart, at User Onboarding ikke er en ligetil UX-opgave.

Vi har flere brugertyper og flere funktioner, som vi tror, ​​at brugerne ville finde værdifulde. Hvordan giver vi mening af det hele? Hvordan kommunikerer vi værdien af ​​produktet på en effektiv måde? Og hvad prøver vi faktisk at opnå ved at vise funktioner til brugerne?

Første trin - Gennemgå dine brugerrejser

Det kan virke indlysende, men det første trin er at finde ud af, hvordan nye og eksisterende brugere bevæger sig gennem din app. Er der en rejse, som alle tager, eller er der flere forskellige stier?

Vi gjorde dette trin ved hjælp af UX-studerende fra Generalforsamlingen, der beskæftigede brugertest for at forstå, hvordan nye brugere oplevede vores app for første gang. Denne proces hjalp os også med at kategorisere vores brugere i tre forskellige brugertyper:

  • De første 20 sekunder
  • Første session
  • Første måned

I slutningen af ​​denne proces havde vi en meget bedre forståelse af, hvordan brugere flyttede gennem vores app. Men vi vidste stadig ikke, hvilken værdi vi ønskede at kommunikere til dem, eller hvad slutmålet var.

Introduktion af det magiske øjeblik

I dybden af ​​vores forvirring omkring User Onboarding stødte vi på denne video. Den taler om, hvordan Facebook designet deres brugerrejser for at få brugere til et "magisk øjeblik".

Det magiske øjeblik er, når en bruger pludselig forstår, hvad kernens værdi af dit produkt virkelig er. Det er det øjeblik, hvor en bruger “får det”. For Facebook var det, da du så et foto af en af ​​dine venner.

For os hos Pilcro indså vi, at vores magiske øjeblik er, når en bruger kopierer et mærkeaktiv for første gang. Dette er, når de virkelig forstår, hvorfor de skal bruge Pilcro.

Med det magiske øjeblik i tankerne, udtænkte vi denne tabel til at hjælpe med at bestille vores tanker.

Derefter forsøgte vi at kortlægge disse samme mål til mulige strategier for at nå dem.

På dette tidspunkt havde vi nogle strategier for at nå målene. Det var tid til at undersøge, hvilke visuelle Onboarding-komponenter der var tilgængelige for os - hvilke værktøjer og tricks kunne vi trække ud af User Onboarding-skabet for at få det hele til at komme til live.

User Onboarding-indstillinger

Efter al analysen kommer User Onboarding stadig ned på at skrive nogle UI-komponenter, der kommunikerer værdi til brugerne. Så hvad er disse UI-komponenter? Hvilke muligheder er tilgængelige for appudviklere og UX-designere?

Der er naturligvis uendelige muligheder for User Onboarding-komponenter, men her er en kortfattet liste over vores favoritter med User Onboarding-eksempelbilleder fra andre apps.

modals

Overtag hele skærmen og tvinger en bruger til at stoppe i deres spor for at vise dem noget nyttigt.

Google Fotos velkomstmodal

Kontekstuelle popups

Oplysninger, hvornår og hvor brugeren har brug for det. Værktøjstip er det mest almindelige eksempel på dette:

Asana værktøjstip

Tomt rum

Brug tomme lister og gitre i appens brugergrænseflade til at vise nyttige tip og opfordring til handlinger.

Bær app - smart tom plads

Fremgangsindikator

Vis en indikator for, hvor godt brugeren klarer sig. Dette kan vare i hele brugerens levetid på dit produkt og kan gamificeres.

Vagtindstillinger for vagtopsætning

Med disse valgmuligheder for øje planlagde vi denne tabel for at finde ud af, hvilke muligheder, der er brugt til brugertypen, og hvilke brugertyper der passer bedst, og hvorfor. De grønne firkanter passer bedst, mens de røde firkanter passer dårligt.

På dette tidspunkt havde vi alle brikkerne i puslespillet klar.

  1. Vi havde identificeret de forskellige brugertyper.
  2. Vi havde identificeret de strategier, vi skal bruge til vores brugertyper.
  3. Vi havde identificeret UI-komponenter til at realisere disse strategier.

Tid til at sammensætte det hele.

Så hvad gjorde vi egentlig?

Bruger fordele modal

  • Kun ved første besøg
  • Kommuniker nogle vigtige brugerfordele ved appen.
  • Formål - få brugere til at hænge rundt.
Brugerfordele slideshow

Kontekstuelle popups

  • Få brugere fortrolige med interface meget hurtigt
  • Vis dem de vigtigste funktioner og knapper.
  • Produktjagt tema for at give besøgende fra Product Hunt visuel konsistens.
  • Formål - få brugere til det magiske øjeblik
Kontekstuelle popups - swoosh

Smart brug af tom plads

  • Vis opfordring til handlinger, hvor der ikke er noget indhold
  • Formål - lad aldrig en bruger ligge uden for en strøm
Pilcros tomme pladsopkald til handlinger

Fremgangsindikator

  • Vis brugerne en procentdel af hvor meget af en 'strømbruger' de er.
  • Formål - skub brugere til at opføre sig, hvordan vi vil have dem til.
Fremgangsindikator i%

Og tallene lyver ikke

Hvordan vidste vi, at User Onboarding-designet fungerede? Her er statistikken.

Vi mere end fordoblet vores konverteringer til produktet fra webstedet i ugen efter implementering af den nye bruger onboarding.

Konverteringer til produktet

Vi voksede vores samlede indloggningskonvertering med 60%.

Ganske vist hjalp lanceringen med denne statistik, da der var mere brændstof omkring vores produkt. Men den nye User Onboarding spillede utvivlsomt en afgørende rolle i succesens lancering.

Eftertanke - Hvorfor er User Onboarding så svært?

  • Produkt ejere er for tæt på produktet. Hvordan kan en produktejer muligvis vide, hvordan det føles at opleve deres produkt for første gang?
  • Forskellige brugere finder værdi i forskellige dele af produktet. Så at guide dem til at finde værdi er ikke en lineær rejse, som alle brugere deler. Forskellige brugere har måske forskellige magiske øjeblikke.
  • Forskellige brugere opfører sig forskelligt og bevæger sig anderledes gennem dit produkt. Nogle brugere kan godt lide at have hånden holdt, når de går ombord i et nyt produkt, nogle brugere kan bare lide at dykke lige ind og lege rundt. Hvordan skaber du en UX-oplevelse, der tjener Onboarding-behovene for alle forskellige brugere?
  • Forskellige brugere har forskellig viden om dit produkt. Så hvordan ved du, hvor meget information du skal give nogen?
  • Teknologien bag at skabe en god User Onboarding-oplevelse er ofte meget kompleks, da det kræver at tilføje et helt nyt visuelt lag til din applikation.

User Onboarding er en kompleks udfordring, fordi du er nødt til at håndtere en matrix af forskellige brugere, funktioner, mål og opførsel. Men hvis du nærmer dig det på den rigtige måde, kan du få din app til at skinne virkelig for dine nye brugere. Held og lykke!

Oplev det selv

Tjek vores bruger ombord på dig selv på dette link. Fortæl os, hvad du synes!

Pilcro tilbyder gratis brand management software til G-Suite.