Utforming av en ombordværende prosess som faktisk hjelper brukerne Lær

Hopping inn i en ny app kommer vanligvis med en kamp for å lære hvordan det fungerer. Du kan få tak i det raskt, men det er alltid en læringsprosess. Målet med onboarding er til introdusere nye brukere til et nettsted, et program eller en applikasjon. Med ombordstigning bør du lære om individuelle funksjoner, hvordan de fungerer, og hvordan appen gir verdi til brukeren.

I en nylig post vi dekket mobile onboard-skjermer som fokuserer på design og innholdsstiler. I dette innlegget vil jeg dele tips for brukeropplevelsen og markedsføringsprosessen til veilede en bruker gjennom onboarding prosessen.

Bruk bilder og diagrammer

Grafikk og visuelle elementer kan forklare en brukeropplevelse mye bedre enn ord. Stol på visuals for å hjelpe lede brukerne gjennom prosessen etter behov. Dette er en verdifull strategi fordi den trekker øynene på ombordprosessen og avklarer hensikten. Med visuals er målet ditt å Vis heller enn å fortelle.

Du kan gjøre dette på mange forskjellige måter med fulle skjermbilder, små ikoner eller illustrasjoner / vektorgrafik som passer inn i design arbeidsflyten. Ta for eksempel denne onboarding skjermen fra designer Salman Shah.

Han bruker vektorikoner til visuelt cue hvert lysbilde. Ikonene fungerer som metaforer for hvert punkt, og hjelp selg funksjonene til brukeren.

Hvis du ikke har ferdigheter til å designe ikoner fra grunnen, kan du alltid bruke gratis ikonpakker til din fordel. Mange designere frigjør sitt arbeid gratis, og du kan enkelt innlemme disse ikonene i dine onboard-skjermer.

Du kan flytte utover statiske ikoner til inkludere animasjon også. Ta for eksempel den finansbaserte onboard-prosessen laget av Iaroslav Zhmak.

Han bruker masse ikoner men også plasserer animasjoner i hver seksjon. Du lærer hva appen gjør via visuelle signaler som animerer å trekke oppmerksomheten din.

Legg merke til at hver ombordværende lysbilde har også en tekstbeskrivelse. Dette er det virkelige kjøttet i meldingen fordi det forteller brukerne hva de kan faktisk gjør med søknaden. Noen ganger kan en eneste side med bare tekst føles som en tett høyskole lærebok selv om. Bruk visualer og animasjoner for å krydre hver del av innbyggingsprosessen.

Visningsfunksjoner i aksjon

Prøv å unngå å angi de åpenbare funksjonene eller tvinge brukere til å huske alle de enkelte delene av appen. Prøv også å unngå grunnleggende uttalelser som veileder brukere rundt appen som “Dette er hovedmenyen, dette er vennens skjerm”, etc. I stedet prøver å fokusere på hva disse tingene kan gjøre, og hvordan brukeren kan samhandle med disse områdene.

Denne strategien minner om den gamle markedsføringen “ikke selg biffen, selg sizzlen”. Du vil selge appen gjennom fordelene til brukeren, ikke gjennom vilkårlige funksjoner og menyelementer.

For eksempel, dette designet laget av Prakhar Sharma, veileder deg gjennom en fullstendig prosess for å jobbe på bankkontoen din.

Designet tilbyr en naturlig flyt for å hjelpe deg med å komme i gang, og veilede deg hvert skritt av veien. Denne onboarding-prosessen tvinger brukerne til Gjør noe som til slutt er hovedmål.

Du kan heller vis funksjonene i aksjon gjennom en demo, eller du kan hjelpe brukerne iverksette tiltak gjennom onboarding-prosessen. Enten metode oppfordrer til handling over forbruk som vanligvis fører til mer engasjert brukere.

Jeg fant et annet fint eksempel på en YouTube-stil app onboard-skjerm laget av Riko Sapto Dimo. Den bruker visualer og ikoner til å formidle en melding, men hjelper også brukeren ta tiltak før du går inn i appen.

Etter “Hvordan det fungerer” skjermen du kan velge å sette opp varsler med et tastetrykk. Dette er en flott strategi fordi mange brukere vil helt glemme appen, men med meldinger dukker opp de vil til slutt bruke den igjen (eller deaktiver varsler).

Du kan også legge til knapper for å aktivere eller deaktivere funksjoner når som helst i onboarding-prosessen. Disse funksjonene kan forholde seg til nyhetsbrev pålogginger, etter andre kontoer, eller til og med abonnere på oppdateringer. Bare få brukerne engasjert, og hjelpe dem begynn å ta tiltak. Derfra blir det lettere å hold dem hekta.

Vis en funksjon om gangen

De fleste onboarding-skjermer viser visse funksjoner, og beveger deg gjennom en prosess fra start til slutt. Ikke haste brukere, og definitivt Ikke skyv en haug med informasjon på skjermen samtidig.

Nøkkelen til å holde nye brukere interessert og spent er å opprettholde fokus og presentere en funksjon om gangen. Hvis du skyver for mye på skjermen, kan brukerne føler seg overveldet. Hvis onboarding-prosessen er for kjedelig, vil folk kjede seg og slutte.

Hver skjerm bør ha minst ett nytt stykke informasjon Det er verdifullt for brukeren. Du kan også gjøre dette på nettet med en Modal vindu / dialogboks tilnærming. Men du bør fortsatt beholde fokus på ett emne om gangen å trekke oppmerksomhet der den tilhører.

Dropbox-teamet planlegger en ny desktop-app med ombordstigning, og Wes O'Haire delte dette eksemplet på sin Dribbble-konto.

Alt om denne onboarding-skjermen føles veldig naturlig. Du har en blå bar som indikerer hvor langt sammen med innbyggingsprosessen du har gått. Da har du også klare veibeskrivelser til Flytt i en trinnvis måte gjennom prosessen. Det er også en tilbake knapp i tilfelle brukeren glemmer noen tidligere trinn, eller bare vil ha en omtale.

Fokus er navnet på spillet, og dette designet holder brukerne fokusert på handlingene. Ved slutten av denne onboarding-prosessen, bør nye brukere kunne komfortabelt bruk Dropbox-appen på skrivebordet for å laste opp, laste ned og utføre andre handlinger de trenger.

Og husk det fordelene selger bedre enn funksjoner. Forklare hva brukeren kommer fra appen heller enn hvor raskt det går, eller hvor mange profiler du kan ha.

Eksemplet ovenfor inneholder et par skjermbilder fra en helse / legeavtale app kalt Qikwell. Hvert lysbilde viser en stor funksjon målrettet mot brukerens fordel (tilgjengelighet for tilgjengelighet og totalt # på linje).

Den siste lysbildet har også en liten “Kom i gang” link til veilede brukerne om neste trinn. Det ville øke synligheten til den linken for å oppmuntre engasjement, men bare å ha det er det en god idé.

Husk å beholde alt enkelt og greit. Hvert trinn i prosessen bør ha et mål å enten lære brukeren eller hjelpe dem til å bevege seg videre inn i søknaden.

Pak deg inn med en handling

Ved slutten av onboarding-prosessen, bør du ha brukere som kjenner hva appen tilbyr, hva de kan gjøre, og hvorfor de burde bruke den. Likevel kan de trenger et trykk å faktisk handle og gjøre noe.

Avslutt alltid din ombordstigning med en eller annen type kobling eller knapp som driver brukeren for å komme i gang et sted. Dette kan være en innstillingsside, en profilside, en brukerflytskjerm eller noe lignende.

Den beste Anbefalte tiltak vil variere basert på målene for appen din. En ernæringsapp kan oppfordre nye brukere til å begynne å logge på matvaren deres for dagen, men et sosialt nettverksprogram kan sende brukere til en profilskjerm, eller til en anbefalt liste over brukere å følge.

I dette appdesignet av Oktafian Nugraha får du se en stor oransje “La oss begynne!” knappen nederst på siste lysbilde. Dette er super lyst og ganske vanskelig å savne.

Denne siste handlingsknappen kan lede hvor som helst så lenge som sluttmål er brukerens oppbevaring. Hold denne knappen inn i din onboarding-prosess, og sørg for at den er synlig. Hvis brukerne fullfører ombordstigningen, og ikke ser en knapp for å pakke opp, kan de kanskje føler deg fanget og bare gå.

Det er ganske vanskelig å rote dette opp, så bare planlegge en typisk brukerflyt, og sørg for deg lenke til en passende side på slutten av onboarding prosessen. Hvis ombordstigningen gjorde jobben sin, burde nye brukere allerede vet hva du skal gjøre derfra.

En endelig titt

Hvert nytt prosjekt burde ha en slags hjelpeguide eller onboarding-prosess for nye brukere. Det er den raskeste måten å veilede nye brukere, og til Hold flere engasjert med mobilappen, nettstedet ditt eller skrivebordsprogrammet.

Design estetikk er viktige, men brukeropplevelsen trumler alt. Når du er ferdig på riktig måte, bør ombordstigningsprosessen være pedagogisk og forhåpentligvis litt moro!