Onboarding: de gebruiker begeleiden tijdens zijn eerste interacties met de applicatie

Wat is onboarding en waarom is het belangrijk?

Uit een onderzoek bleek dat 22% van de gedownloade applicaties maar één keer wordt gebruikt (Localytics, 2012).

Daarom is een goede eerste gebruikerservaring van cruciaal belang voor de levensvatbaarheid van een applicatie of website. Dit wordt steeds belangrijker naarmate toepassingen en diensten veelzijdiger en complexer worden. Hierdoor zien we de afgelopen jaren een toename van het aantal 'onboardings'.
Onboarding is het proces waarbij de gebruiker wordt begeleid bij het ontdekken van de applicatie. Hieronder vind je goede voorbeelden van onboarding, elk met een andere aanpak. De "beste aanpak" bestaat niet omdat elke applicatie of website anders is, maar als u rekening houdt met deze aanbevelingen, kunt u een betere gebruikerservaring ontwerpen. En natuurlijk kunnen onderstaande benaderingen gecombineerd worden om tot een ideale onboarding te komen.

Voorbeelden van onboarding

1. Leg de waardepropositie uit

AirBnB, Nike + Running, Pocket, Feedly en Path behoren tot de apps die hun waardevoorstel uitleggen wanneer ze de app voor het eerst openen. Ze gebruiken allemaal een diavoorstelling-achtige openingsvolgorde met beperkte inhoud per dia, waardoor de informatie gemakkelijk te verteren is. Daarnaast wordt het aantal stappen aangegeven aan de gebruiker zodat hij weet wat hij kan verwachten. Onboarding is een eenvoudige, gemakkelijke en effectieve manier om uit te leggen wat de applicatie kan en hoe deze kan worden gebruikt.

Toestaan ​​om onboarding over te slaan
Tijdens hun eerste bezoek aan de applicatie zullen sommige nieuwe gebruikers verwachten dat ze van A tot Z onder handen worden genomen, terwijl anderen er de voorkeur aan geven om onboarding te verlaten en zelf te begrijpen hoe de applicatie werkt. Een simpele "overslaan"-knop, zoals in de AirBnB-preview, kan aan de behoeften van alle gebruikers voldoen.

8ce7812498e9322ec4360ef1a0c3e4c9-regular
Airbnb

Registratie niet forceren
500px maakt gebruik van prachtige afbeeldingen die onboarding erg aantrekkelijk maken. Bovendien is registratie niet vereist om toegang te krijgen tot de inhoud (knop "Foto's verkennen"). De gebruiker kan de applicatie dus ontdekken voordat hij ervoor kiest om een ​​account aan te maken. Als u het gebruik van de applicatie vóór registratie toestaat, vergroot u de kans dat de gebruiker zich registreert en een vaste klant wordt.

2. Leg de kenmerken uit:

Apps zoals 500px, Clear en Kobo gebruiken een andere benadering. Ze richten zich op het uitleggen van functies. Deze aanpak is des te relevanter wanneer de applicatie veel (vooral verborgen) functionaliteiten heeft die cruciaal zijn voor het functioneren van de applicatie.
Met 500px kunnen gebruikers ook een account aanmaken met reeds bestaande sociale profielen zoals Facebook, Twitter of Google. Als gebruikers er geen hebben of hun sociale account niet willen gebruiken, kunnen ze een klassiek account maken met e-mailadres en wachtwoord.

Gebruiksvriendelijke aanpak
Nog steeds op 500px, is de zin "Als 500px nieuw voor u is, maken we een account voor u" zeer gebruiksvriendelijk. Gebruikers hoeven niet te kiezen tussen “registreren” of “inloggen”. 500px is gebaseerd op het e-mailadres, als het aan een account is gekoppeld, verbindt het de gebruiker, anders maakt het een account aan.

b7ddf11cc40ee615d4e1612b965d73c4-regular
500px
De onboarding van Clear is heel duidelijk en legt de functies heel goed uit. Helaas biedt het niet de mogelijkheid om het onboarding-proces over te slaan, maar dwingt het de gebruiker om door alle zeven schermen te vegen. Clear maakt ook gebruik van Aanpak 4 “Onboarding tijdens gebruik”, die je verderop in het artikel terugvindt.
4fac4cd6d2c9dfab910129aee7653dc0-regular
Clear
3. Interactiviteit uitleggen

Mailbox en Weathercube zijn twee geweldige voorbeelden van het uitleggen van interactieve functies. Deze aanpak werkt goed omdat het het leren in een context plaatst en feedback geeft aan de gebruiker tijdens interactie met de items. Op deze manier kunnen gebruikers beter begrijpen en onthouden hoe dingen werken. Maar vanuit ontwerp- en ontwikkelperspectief is dit natuurlijk een arbeidsintensieve aanpak.

Motivatie
Mailbox motiveert de gebruiker door positieve feedback te geven zoals "Goed gedaan!" ". Het maakt de leerervaring leuk en emotioneel.

4121b3186b9bfcb8aa378f504c6de0d3-regular
brievenbus

Weet waar je onboarding kunt vinden
Weathercube vertelt de gebruiker hoe hij onboarding kan vinden na het voltooien of overslaan ervan. Op deze manier kan de gebruiker kiezen of en wanneer hij de onboarding opnieuw wil laten spelen.

06b480fb925d99c2066e66b62645c0e5-regular
weerkubus
4. Onboarding tijdens gebruik

Nog een zeer interessante benadering om functies tijdens gebruik uit te leggen. Het heeft een groot voordeel omdat de gebruiker geen lijst met informatie hoeft te doorlopen voordat hij de applicatie zelf gebruikt.
Cut the Rope, het spel waarbij je Om Nom snoep moet aanbieden, was een van de eerste grote voorbeelden. Eenvoudige gebaren leggen uit hoe het spel werkt. Veel apps van tegenwoordig, zoals Spotify, Flipboard, iMovie en Feedly, gebruiken dezelfde aanpak om de gebruiker door de app te leiden.

c5cb00b350dafa1813b2c0855d0a6b23-regular
Cut the Rope
534fdf65f3fb3dbd8890c0da939d33f2-regular
Spotify & Flipboard
45af15ae3374c11450c921e692a3f9b5-regular
iMovie & Feedly

Instructies voor de volgende stap
Na onboarding geeft Clear de gebruiker enkele instructies voor de volgende stap. Een aantal voorbeeldacties om uit te voeren leggen duidelijk uit hoe de applicatie gebruikt moet worden.

d71a7eda646baf18480d67390a5747ef-regular
Clear
5. Blanco pagina

Vaak over het hoofd gezien maar heel belangrijk is de “blanco pagina”. Neem bijvoorbeeld Dropbox. Als een gebruiker nog geen favorieten heeft ingevoerd, toont de applicatie geen blanco pagina, maar legt hij uit wat er gebeurt als de gebruiker bestanden aan favorieten heeft toegevoegd. Een simpele uitleg die net de finishing touch geeft.

4b9f7a17978b123d23aa84194667c1b1-regular
dropbox
iMovie gebruikt de lege pagina om uit te leggen wat de gebruiker moet doen: "Klik om een ​​nieuwe film of trailer te starten". Vine toont amusant een gebruiker die nog geen activiteit heeft, maar legt helaas niet uit wat hij moet doen.
6b71fd295fb5a35781d938bd841bab8c-regular
iMovie & Vine

Aanbevelingen voor onboarding

Tot slot raden we je aan om deze 11 aanbevelingen te overwegen voor de inrichting van een onboardingproces. Elke app of website is anders en heeft zijn eigen aanpak nodig, maar door deze aanbevelingen te overwegen, kun je een betere gebruikerservaring ontwerpen.

  • Leg de propositie uit – wat is de toegevoegde waarde voor de gebruiker?
  • Leg verborgen en cruciale functies uit - hoe werkt de app?
  • Interactief uitleggen - dit plaatst het leren in een context en geeft feedback aan de gebruiker
  • Houd het informatief - leg geen voor de hand liggende functies uit
  • Probeer een leuk en emotioneel element in te voegen
  • Beperk de inhoud per paneel, waardoor informatie gemakkelijk te verteren is
  • Een manier bieden om onboarding over te slaan
  • Laat de gebruiker weten waar de onboarding te vinden is nadat deze is geslaagd of voltooid
  • Communiceer het aantal stappen zodat de gebruiker weet wat hij kan verwachten
  • Dwing gebruikers niet om in te loggen of zich te registreren om inhoud of functionaliteit te bekijken
  • Zorg ervoor dat de gebruiker weet wat hij moet doen na onboarding en geef indien nodig instructies voor de volgende stap

Vertaald van de site: http://www.sodastudio.nl/kennis-ideeen/great-examples-of-user-onboarding-in-app-design