Startpagina » Webontwerp » Een onboarding-proces ontwerpen dat gebruikers daadwerkelijk helpt te leren

    Een onboarding-proces ontwerpen dat gebruikers daadwerkelijk helpt te leren

    Bij het starten van een nieuwe app krijg je meestal moeite om te leren hoe het werkt. Je zou het snel onder de knie kunnen krijgen, maar er is altijd een leerproces. Het doel van onboarding is om nieuwe gebruikers introduceren naar een website, programma of applicatie. Met onboarding moet je lesgeven individuele functies, hoe ze werken, en hoe de app waarde biedt voor de gebruiker.

    In een recente post hebben we behandeld mobiele onboarding-schermen die zich richten op ontwerpen en inhoudstijlen. In dit bericht wil ik tips geven voor de gebruikerservaring en het marketingproces van begeleiden van een gebruiker door het onboardingproces.

    Gebruik afbeeldingen en diagrammen

    Afbeeldingen en visuele elementen kan een gebruikerservaring veel beter uitleggen dan woorden. Vertrouw op afbeeldingen om te helpen begeleid gebruikers door het proces zoals nodig. Dit is een waardevolle strategie omdat het het onboardingproces in de gaten houdt en de intentie verduidelijkt. Met visuals is je doel om toon liever dan te vertellen.

    Je kunt dit op veel verschillende manieren doen met volledige schermafbeeldingen, kleine pictogrammen of illustraties / vectorafbeeldingen die passen in de ontwerpworkflow. Neem bijvoorbeeld dit onboardingscherm van ontwerper Salman Shah.

    Hij gebruikt vectorpictogrammen visueel cue elke dia. De pictogrammen werken als metaforen voor elk punt, en helpen verkoop de functies voor de gebruiker.

    Als je geen vaardigheden hebt om van het begin af aan iconen te ontwerpen, kun je altijd gebruiken gratis iconpakketten in uw voordeel. Veel ontwerpers brengen hun werk gratis uit, en dat kun je gemakkelijk doen neem deze pictogrammen op in uw onboarding-schermen.

    U kunt verder gaan dan statische pictogrammen naar inclusief animatie ook. Neem bijvoorbeeld het op financiën gebaseerde onboarding-proces van Iaroslav Zhmak.

    Hij gebruikt veel pictogrammen maar ook plaatst animaties in elke sectie. Je leert wat de app doet met visuele aanwijzingen die animeren om je aandacht te trekken.

    Merk op dat elke onboarding-dia heeft ook een tekstbeschrijving. Dit is het echte vlees van het bericht omdat het gebruikers vertelt wat ze kunnen daadwerkelijk doen met de applicatie. Soms kan een pagina alleen tekst bevatten voel je als een bedompt schoolboek though. Gebruik visuals en animaties om elk onderdeel van het onboarding-proces extra pit te geven.

    Geef functies weer in actie

    Probeer vermijd de voor de hand liggende functies te vermelden of gebruikers dwingen om alle afzonderlijke delen van de app te onthouden. Probeer ook vermijd basisuitspraken die gebruikers rond de app leiden zoals “dit is het hoofdmenu, dit is het vriendenscherm”, etc. Probeer je in plaats daarvan te concentreren op wat deze dingen zijn kan doen, en hoe de gebruiker kan communiceren met deze gebieden.

    Deze strategie doet denken aan het oude marketinggezegde “verkoop de biefstuk niet, verkoop het sissen”. U wilt de app verkopen door zijn voordelen voor de gebruiker, niet door willekeurige functies en menu-items.

    Dit ontwerp gemaakt door Prakhar Sharma begeleidt u bijvoorbeeld bij een volledig proces van werken op uw bankrekening.

    Het ontwerp biedt een natuurlijke flow om u te helpen aan de slag te gaan en u bij elke stap te begeleiden. Dit onboardingproces dwingt gebruikers om actie ondernemen wat uiteindelijk het hoofddoel is.

    Je kan of toon de functies in actie door middel van een demo, of u kunt gebruikers helpen actie ondernemen via het onboarding-proces. Ofwel methode moedigt actie over consumptie aan wat meestal leidt tot meer betrokken gebruikers.

    Ik vond nog een mooi voorbeeld van een onboarding-scherm van een YouTube-stijl door Riko Sapto Dimo. Het gebruikt visuals en iconen om een ​​boodschap over te brengen, maar helpt de gebruiker ook actie ondernemen voordat je in de app duikt.

    Na de “Hoe het werkt” scherm dat u kunt kiezen stel meldingen in met een klik op de knop. Dit is een geweldige strategie omdat veel gebruikers de app volledig zullen vergeten, maar dan met meldingen verschijnen zullen ze gebruik het uiteindelijk opnieuw (of meldingen uitschakelen).

    Je kunt ook toevoegen knoppen om functies in of uit te schakelen op elk moment in het onboarding-proces. Deze functies kunnen betrekking hebben op aanmelding voor nieuwsbrieven, andere accounts volgen of zelfs abonneren op updates. Net gebruikers betrokken maken, en help ze begin actie te ondernemen. Vanaf daar wordt het gemakkelijker om houd ze verslaafd.

    Toon één functie per keer

    De meeste onboard-schermen tonen bepaalde functies en begeleiden u van begin tot eind door een proces. Haast gebruikers niet, en zeker duw niet een heleboel informatie op het scherm tegelijk.

    De sleutel om nieuwe gebruikers geïnteresseerd en enthousiast te houden is om focus behouden en een functie tegelijk weergeven. Als je te veel op het scherm duwt, kunnen gebruikers dat voel me overweldigd. Als het onboarding-proces te saai is, zullen mensen zich vervelen en stoppen.

    Elk scherm zou op zijn minst moeten zijn een nieuw stuk informatie dat is waardevol voor de gebruiker. U kunt dit ook op internet doen met een modale raam / dialoogbenadering. Je moet echter nog steeds houden focus op één onderwerp tegelijk aandacht vestigen waar het thuishoort.

    Het Dropbox-team plant een nieuwe desktop-app met onboarding en Wes O'Haire heeft dit voorbeeld gedeeld op zijn Dribbble-account.

    Alles over dit onboarding-scherm voelt heel natuurlijk aan. Je hebt een blauwe balk die aangeeft hoever in het onboarding-proces je bent weg. Dan heb je ook duidelijke aanwijzingen voor stapsgewijs te verplaatsen door het proces. Er is ook een terug knop in het geval dat de gebruiker voorgaande stappen vergeet of alleen een samenvatting wil.

    Focus is de naam van het spel, en dit ontwerp houdt gebruikers gericht op de acties. Aan het einde van dit onboardingproces zouden nieuwe gebruikers in staat moeten zijn om dit te doen comfortabel gebruik de Dropbox-app op het bureaublad om andere acties te uploaden, te downloaden en uit te voeren.

    En onthoud dat voordelen verkopen beter dan functies. Leg uit wat de gebruiker krijgt van de app in plaats van hoe snel het loopt of hoeveel profielen je kunt hebben.

    Het bovenstaande voorbeeld bevat een aantal schermen van een app voor de app voor gezondheid / dokter, Qikwell genaamd. Elke dia toont één belangrijke functie gericht op het voordeel van de gebruiker (afspraak beschikbaarheid en totaal # in de rij).

    De laatste dia heeft ook een kleine “Begin” link naar gids gebruikers over de volgende stap. Het zou de zichtbaarheid van die link vergroten om betrokkenheid aan te moedigen, maar alleen al het hebben ervan is een geweldig idee.

    Vergeet niet alles te bewaren eenvoudig en duidelijk. Elke stap van het proces zou een doel moeten hebben om de gebruiker te leren of om ze verder te helpen in de toepassing.

    Werk af met een actie

    Aan het einde van het onboarding-proces zou u gebruikers moeten hebben die het weten wat de app biedt, wat ze kunnen doen, en waarom ze het zouden moeten gebruiken. Toch zouden ze kunnen een duw nodig hebben om daadwerkelijk actie te ondernemen en iets te doen.

    Sluit altijd je aan boord met een soort van link of knop dat drijft de gebruiker aan om ergens aan de slag te gaan. Dit kan een instellingenpagina, een profielpagina, een gebruikersstroomscherm of iets dergelijks zijn.

    Het beste aanbevolen acties kunnen variëren op basis van de doelen van uw app. Een voedingsapp zou nieuwe gebruikers kunnen aanmoedigen om hun voedsel voor vandaag te loggen, maar een app voor sociaal netwerken kan gebruikers naar een profielscherm sturen of naar een aanbevolen lijst met gebruikers volgen.

    In dit app-ontwerp van Oktafian Nugraha zie je een grote sinaasappel “Laten we beginnen!” knop onderaan de laatste dia. Dit is super helder en vrij moeilijk te missen.

    Deze laatste actieknop kan overal zo lang leiden als de einddoel is gebruikersretentie. Steek deze knop in uw onboarding-proces, en zorg ervoor dat het zichtbaar is. Als gebruikers de onboarding voltooien en ze zien geen knop om af te sluiten voel me gevangen en ga gewoon weg.

    Het is best moeilijk om dit te verpesten, dus gewoon een typische gebruikersstroom plannen, en zorg ervoor dat je link naar een geschikte pagina aan het einde van het onboarding-proces. Als het onboarding zijn werk deed, dan zouden nieuwe gebruikers dit al moeten doen weet wat te doen vanaf daar.

    Een laatste blik

    Elk nieuw project moet een soort hulpgids of onboardingproces hebben voor nieuwe gebruikers. Het is de snelste manier om gids voor nieuwe gebruikers, en naar houd meer mensen betrokken met uw mobiele app, website of desktop-programma.

    Ontwerp esthetiek zijn belangrijk, maar de gebruikerservaring overtreft alles. Als het goed is gedaan, zou het onboarding-proces moeten zijn educatief en hopelijk een beetje plezier!