Hjemmeside » Webdesign » Udformning af en ombordværende proces, som rent faktisk hjælper brugere med at lære

    Udformning af en ombordværende proces, som rent faktisk hjælper brugere med at lære

    Hoppe ind i en ny app kommer normalt med en kamp for at lære, hvordan det virker. Du kan få fat i det hurtigt, men der er altid en læringsproces. Målet med onboarding er at introducere nye brugere til et websted, et program eller et program. Med ombord skal du lære om individuelle funktioner, hvordan de virker, og hvordan appen giver værdi til brugeren.

    I en nylig indlæg dækkede vi mobile onboard-skærme der fokuserer på design og indholdsstile. I dette indlæg vil jeg dele tips til brugeroplevelsen og markedsføringsprocessen for lede en bruger gennem onboarding processen.

    Brug billeder og diagrammer

    Grafik og visuelle elementer kan forklare en brugeroplevelse meget bedre end ord. Stol på visuals for at hjælpe guide brugere gennem processen efter behov. Dette er en værdifuld strategi, fordi den trækker øje på ombordlægningsprocessen og præciserer hensigten. Med visuelle mål er dit mål at Vis frem for at fortælle.

    Du kan gøre dette mange forskellige måder med fuld skærmbilleder, små ikoner eller illustrationer / vektor grafik der passer ind i design workflow. Tag for eksempel denne indbyggede skærm fra designer Salman Shah.

    Han bruger vektorikoner til visuelt cue hvert lysbillede. Ikonerne virker som metaforer for hvert punkt, og hjælp sælge funktionerne til brugeren.

    Hvis du ikke har evner til at designe ikoner fra bunden, kan du altid bruge gratis ikon pakker til din fordel. Mange designere frigiver deres arbejde gratis, og du kan nemt inkorporere disse ikoner i dine onboarding skærme.

    Du kan flytte ud over statiske ikoner til omfatte animation såvel. Tag for eksempel den økonomibaserede onboard-proces, der er oprettet af Iaroslav Zhmak.

    Han bruger masser af ikoner men også placerer animationer i hvert afsnit. Du lærer, hvad appen gør via visuelle tegn som animerer at henlede din opmærksomhed.

    Bemærk at hver ombordværende dias har også en tekstbeskrivelse. Dette er det rigtige kød i meddelelsen, fordi det fortæller brugerne, hvad de kan faktisk gøre med ansøgningen. Nogle gange kan en tekstbeskyttet side kun føles som en tøs college skolebog selvom. Brug billeder og animationer til at krydre hver del af indbygget processen.

    Vis funktioner i aktion

    Forsøge at undgå at angive de indlysende egenskaber eller tvinge brugere til at huske alle de enkelte dele af appen. Prøv også at undgå grundlæggende udsagn der styrer brugere omkring appen som “Dette er hovedmenuen, dette er vennens skærm”, osv. I stedet forsøge at fokusere på hvad disse ting kan gøre, og hvordan brugeren kan interagere med disse områder.

    Denne strategi minder om det gamle marketingord “ikke sælge bøf, sælge sizzle”. Du vil sælge appen gennem sine fordele for brugeren, ikke gennem vilkårlige funktioner og menupunkter.

    For eksempel guider dette design oprettet af Prakhar Sharma dig igennem en fuld proces med at arbejde på din bankkonto.

    Designet tilbyder en naturlig strømning for at hjælpe dig med at komme i gang, og guide dig hvert trin i vejen. Denne onboarding proces tvinger brugerne til handle hvilket i sidste ende er det vigtigste mål.

    Du kan enten Vis funktionerne i aktion gennem en demo, eller du kan hjælpe brugere træffe foranstaltninger gennem onboarding processen. Enten metode tilskynder til handling over forbrug hvilket normalt fører til mere engagerede brugere.

    Jeg fandt et andet godt eksempel på en YouTube-stil app onboard-skærm lavet af Riko Sapto Dimo. Det bruger billeder og ikoner til at formidle en besked, men hjælper også brugeren træffe foranstaltninger inden du dyker ind i appen.

    Efter “Hvordan det virker” skærm du kan vælge at oprette meddelelser med et klik på en knap. Dette er en god strategi fordi mange brugere helt glemmer appen, men med meddelelser dukker op de vil til sidst bruge det igen (eller deaktiver meddelelser).

    Du kan også tilføje knapper for at aktivere eller deaktivere funktioner på ethvert tidspunkt i onboarding processen. Disse funktioner kan relateres til nyhedsbrev registreringer, efter andre konti eller endda abonnere på opdateringer. Lige få brugere engageret, og hjælpe dem begynde at handle. Derfra bliver det lettere at holde dem tilsluttet.

    Vis en funktion ad gangen

    De fleste onboard-skærme viser visse funktioner, og bevæger dig igennem en proces fra start til slut. Skynd ikke brugere, og helt sikkert ikke skubbe en masse oplysninger på skærmen med det samme.

    Nøglen til at holde nye brugere interesseret og begejstret er at opretholde fokus og fremvise en funktion ad gangen. Hvis du skubber for meget på skærmen, kan brugerne føler sig overvældet. Hvis onboarding-processen er for kedelig, vil folk kede sig og holde op.

    Hver skærm skal mindst have et nyt stykke information Det er værdifuldt for brugeren. Du kan også gøre dette på nettet med en modal vindue / dialogboks tilgang. Men du skal stadig beholde fokusere på et emne ad gangen at henlede opmærksomheden, hvor den tilhører.

    Dropbox-teamet planlægger en ny desktop-app med onboarding, og Wes O'Haire delte dette eksempel på sin Dribbble-konto.

    Alt om denne onboarding skærm føles meget naturligt. Du har en blå bar, der angiver hvor langt langs ind i onboarding processen du er gået Så har du også klare retninger til bevæge sig trinvist gennem processen. Der er også en tilbage knap hvis brugeren glemmer nogle tidligere trin eller bare ønsker en omgang.

    Fokus er navnet på spillet, og dette design holder brugerne fokuseret på aktionerne. Ved afslutningen af ​​denne onboarding-proces skal nye brugere kunne komfortabelt brug Dropbox-appen på skrivebordet for at uploade, downloade og udføre andre handlinger, de har brug for.

    Og husk det fordelene sælger bedre end funktioner. Forklare hvad brugeren får fra appen snarere end hvor hurtigt det kører, eller hvor mange profiler du kan have.

    Ovennævnte eksempel indeholder et par skærmbilleder fra en sundhed / læge aftale app kaldet Qikwell. Hvert dias viser en stor funktion målrettet mod brugernes fordel (aftale tilgængelighed og totalt # i kø).

    Den sidste dias har også en lille “Kom igang” link til guide brugerne om det næste trin. Det ville øge synligheden af ​​dette link for at opmuntre engagement, men bare at have det er en god idé.

    Husk at holde alt enkelt og ligetil. Hvert trin i processen bør have et mål at enten undervise brugeren eller hjælpe dem med at bevæge sig længere ind i applikationen.

    Indpakke med en handling

    Ved afslutningen af ​​onboarding-processen skal du have brugere, der kender hvad appen tilbyder, hvad de kan gøre, og hvorfor skulle de bruge det. Alligevel kan de har brug for et skubbe at faktisk handle og gøre noget.

    Afslut altid din ombord med en slags link eller knap det kører brugeren til at komme i gang et sted. Dette kan være en indstillingsside, en profilside, en brugerflowskærm eller lignende.

    Det bedste anbefalede handlinger vil variere baseret på målene i din app. En ernæringsapp kan tilskynde nye brugere til at begynde at logge deres fødevarer for dagen, men en social networking-app kan sende brugere til en profilskærm eller til en anbefalet liste over brugere at følge.

    I denne app design af Oktafian Nugraha vil du bemærke en stor orange “Lad os begynde!” knappen nederst på det sidste billede. Dette er super lyst og temmelig svært at gå glip af.

    Denne endelige handlingsknap kan lede hvor som helst så længe som slutmål er brugerretention. Stik denne knap i din onboarding proces, og sørg for at det er synligt. Hvis brugerne gennemfører onboarding, og ikke ser en knap for at pakke op, kan de måske føler dig fanget og bare gå.

    Det er ret svært at ødelægge det, så bare planlægge en typisk brugerflow, og sørg for dig link til en passende side i slutningen af ​​onboarding processen. Hvis ombordstigningen gjorde sit job, burde nye brugere allerede ved hvad du skal gøre derfra.

    En endelig udseende

    Hvert nyt projekt skal have en eller anden type hjælpeguide eller onboarding-proces til nye brugere. Det er den hurtigste måde at guide nye brugere, og til holde flere mennesker engageret med din mobilapp, webside eller desktopprogram.

    Design æstetik er vigtige, men brugeroplevelsen trumper alt. Når det gøres korrekt, skal den ombordværende proces være uddannelsesmæssigt og forhåbentlig lidt sjovt!