Utforma en ombordprocess som faktiskt hjälper användarna att lära

Att hoppa in i en ny app kommer oftast med en kamp för att lära sig hur det fungerar. Du kan få hänga på det snabbt, men det finns alltid en inlärningsprocess. Målet med onboarding är att introducera nya användare till en webbplats, ett program eller en ansökan. Med ombord borde du lära dig om enskilda funktioner, hur de fungerar, och hur appen erbjuder värde till användaren.

I en ny post vi täckte mobila ombordstigningsskärmar som fokuserar på mönster och innehållsstilar. I det här inlägget vill jag dela tips för användarupplevelse och marknadsföringsprocessen för vägledande en användare genom inbyggnadsprocessen.

Använd bilder och diagram

Grafik och visuella element kan förklara en användarupplevelse mycket bättre än ord. Lita på visuella att hjälpa vägleda användarna genom processen efter behov. Det här är en värdefull strategi eftersom det drar ögat på ombordprocessen och förtydligar avsikt. Med visuella mål är ditt mål att visa snarare än berätta.

Du kan göra detta på många olika sätt med fullständiga skärmdumpar, små ikoner eller illustrationer / vektorgrafik som passar in i arbetsflödet. Ta till exempel denna inbyggda skärm från formgivaren Salman Shah.

Han använder vektorikoner till visuellt cue varje bild. Ikonerna fungerar som metaforer för varje punkt, och hjälp sälja funktionerna till användaren.

Om du inte har färdigheter att utforma ikoner från början kan du alltid använda gratis ikonpaket till din fördel. Många designers släpper ut sitt arbete gratis, och du kan enkelt införliva dessa ikoner i dina inbyggda skärmar.

Du kan gå bortom statiska ikoner till inkludera animering också. Ta till exempel den finansbaserade ombordprocessen som skapats av Iaroslav Zhmak.

Han använder gott om ikoner men också lägger animeringar i varje avsnitt. Du lär dig vad appen gör genom visuella signaler som animerar att uppmärksamma dig.

Lägg märke till att varje inbyggd bildruta har också en textbeskrivning. Detta är det verkliga köttet i meddelandet eftersom det berättar användarna vad de kan faktiskt göra med ansökan. Ibland kan en textsidig sida känns som en stuffy college textbook fastän. Använd visuella bilder och animeringar för att krydda varje del av inbordsprocessen.

Visa funktioner i åtgärd

Försöka Undvik att ange de uppenbara funktionerna eller tvinga användare att memorera alla enskilda delar av appen. Försök också att Undvik grundläggande uttalanden som guidar användare runt appen som “Detta är huvudmenyn, det här är vänners skärm”, etc. Försök istället att fokusera på vad dessa saker kan göra, och hur användaren kan interagera med dessa områden.

Denna strategi påminner om det gamla marknadsföringsordet “sälja inte biffen, sälj sizzle”. Du vill sälja appen genom sina fördelar för användaren, inte genom godtyckliga funktioner och menyalternativ.

Till exempel, den här designen som skapats av Prakhar Sharma guidar dig genom en fullständig process att arbeta på ditt bankkonto.

Designen erbjuder ett naturligt flöde för att hjälpa dig att komma igång och vägleda dig varje steg på vägen. Denna ombordprocess tvingar användarna till vidta åtgärder vilket i slutändan är huvudmålet.

Du kan antingen visa funktionerna i åtgärd genom en demo, eller du kan hjälpa användare vidta åtgärder genom inbyggnadsprocessen. Antingen metod uppmuntrar åtgärden över förbrukningen vilket vanligtvis leder till mer engagerade användare.

Jag hittade ett annat bra exempel på en inbyggd skärm på YouTube-stil som skapats av Riko Sapto Dimo. Den använder bilder och ikoner för att överföra ett meddelande, men hjälper också användaren vidta åtgärder innan du dyker in i appen.

Efter “Hur det fungerar” skärm du kan välja att konfigurera meddelanden med ett knapptryck. Det här är en bra strategi eftersom många användare helt glömmer appen, men med meddelanden som dyker upp de ska Använd den så småningom igen (eller inaktivera meddelanden).

Du kan också lägga till knappar för att aktivera eller inaktivera funktioner vid något tillfälle i ombordstigningsprocessen. Dessa funktioner kan relatera till nyhetsbrevsannonser, efterföljande andra konton eller ens prenumerera på uppdateringar. Bara få användare engagerade, och hjälpa dem börja vidta åtgärder. Därifrån blir det lättare att håll dem krokade.

Visa en funktion i taget

De flesta inbyggda skärmar visar vissa funktioner och flyttar dig genom en process från början till slut. Rusa inte användare, och definitivt Skjut inte en massa information på skärmen samtidigt.

Nyckeln till att hålla nya användare intresserade och upphetsade är att behålla fokus och visa upp en funktion i taget. Om du skjuter för mycket på skärmen så kan användarna känna sig överväldigad. Om ombordstigningsprocessen är för tråkig kommer folk att bli uttråkad och sluta.

Varje skärm bör ha minst en ny bit av information Det är värdefullt för användaren. Du kan också göra det på webben med en modal window / dialog box approach. Men du borde fortfarande behålla fokusera på ett ämne i taget Att uppmärksamma var den hör hemma.

Dropbox-teamet planerar en ny stationär app med ombordstigning, och Wes O'Haire delade detta exempel på sitt Dribbble-konto.

Allt om denna inbyggda skärm känns väldigt naturlig. Du har en blå stapel som indikerar hur långt längs inbordsprocessen du har gått Sedan har du också tydliga anvisningar till flytta i ett steg för steg sätt genom processen. Det finns också en tillbakaknapp om användaren glömmer några tidigare steg eller bara vill ha en omgång.

Fokus är namnet på spelet, och denna design håller användarna fokuserade på åtgärderna. Vid slutet av denna inbyggda process bör nya användare kunna bekvämt bruk Dropbox-appen på skrivbordet för att ladda upp, ladda ner och utföra andra åtgärder de behöver.

Och kom ihåg det fördelar säljer bättre än funktioner. Förklara vad användaren kommer från appen snarare än hur snabbt det går eller hur många profiler du kan ha.

Ovanstående exempel innehåller ett par skärmar från en hälso- / läkarmottagning app som heter Qikwell. Varje bild visar en stor egenskap riktade mot användarens förmån (tillgänglighet tid och totalt # i rad).

Den sista bilden har också en liten “Komma igång” anknyta till vägleda användarna om nästa steg. Det skulle öka synligheten för den länken för att uppmuntra engagemang, men bara med det finns en bra idé.

Kom ihåg att behålla allt enkelt och enkelt. Varje steg i processen bör ha ett mål att antingen lära användaren eller hjälpa dem att gå vidare in i applikationen.

Slå på med en åtgärd

Vid slutet av inbordsprocessen borde du ha användare som känner till det vad appen erbjuder, vad de kan göra, och varför de borde använda den. Ändå kan de behöver ett tryck att faktiskt vidta åtgärder och göra något.

Sluta alltid ombord med någon typ av länk eller knapp som driver användaren för att komma igång någonstans. Det här kan vara en inställningssida, en profilsida, en användarflödesskärm eller något liknande.

Det bästa rekommenderade åtgärder varierar baserat på målen för din app. En näringsapp kan uppmuntra nya användare att börja logga in sina livsmedel för dagen, men en social networking-app kan skicka användare till en profilskärm eller till en rekommenderad lista över användare att följa.

I denna appdesign av Oktafian Nugraha märker du en stor orange “Låt oss börja!” knappen längst ner på sista bilden. Detta är superklart och ganska svårt att sakna.

Den här sista actionknappen kan leda någonstans så länge som slutmål är användarretention. Peka den här knappen i din inbyggda process, och se till att det är synligt. Om användarna fullbordar ombordstigningen, och inte ser en knapp att sätta ihop, kanske de känna sig fast och bara gå.

Det är ganska svårt att röra upp det här, så bara planera ut ett typiskt användarflöde, och se till att du länka till en lämplig sida i slutet av ombordstigningsprocessen. Om ombordstigningen gjorde sitt jobb så borde nya användare redan vet vad du ska göra därifrån.

En sista titt

Varje nytt projekt ska ha någon typ av hjälpguide eller ombordprocess för nya användare. Det är det snabbaste sättet att vägleda nya användare, och till hålla fler människor engagerade med din mobilapp, webbplats eller skrivprogram.

Design estetik är viktiga men användarupplevelsen trummar allt. När det är gjort korrekt borde ombordläggningen vara pedagogiskt och förhoppningsvis lite roligt!