Een onboarding-proces ontwerpen dat gebruikers echt helpt te leren
Bij het starten van een nieuwe app krijg je meestal moeite om te leren hoe het werkt. Je zult het snel onder de knie krijgen, maar er is altijd een leerproces . Het doel van onboarding is om nieuwe gebruikers kennis te laten maken met een website, programma of applicatie. Met onboarding moet u leren over individuele functies, hoe ze werken en hoe de app waarde biedt voor de gebruiker.
In een recente post behandelden we mobiele onboard-schermen die zich richten op ontwerpen en inhoudsstijlen . In dit bericht wil ik tips geven voor de gebruikerservaring en het marketingproces van het begeleiden van een gebruiker door het onboarding-proces .
Gebruik afbeeldingen en diagrammen
Afbeeldingen en visuele elementen kunnen een gebruikerservaring veel beter uitleggen dan woorden. Vertrouw op afbeeldingen om gebruikers te helpen het proces te doorlopen als dat nodig is. Dit is een waardevolle strategie omdat het het onboardingproces in de gaten houdt en de bedoeling verduidelijkt. Met visuals is het uw doel om te laten zien in plaats van te vertellen .
U kunt dit op veel verschillende manieren doen met volledige schermafbeeldingen, kleine pictogrammen of illustraties / vectorafbeeldingen die in de ontwerpworkflow passen. Neem bijvoorbeeld dit onboardingscherm van ontwerper Salman Shah.

Als je geen vaardigheden hebt om vanaf nul te ontwerpen, kun je altijd gratis iconpakketten gebruiken om je voordeel te doen. Veel ontwerpers publiceren hun werk gratis en u kunt deze pictogrammen eenvoudig opnemen in uw onboarding-schermen .
U kunt verder gaan dan statische pictogrammen om ook animaties op te nemen . Neem bijvoorbeeld het op financiën gebaseerde onboarding-proces dat is gemaakt door Iaroslav Zhmak.

Merk op dat elke onboarding-dia ook een tekstbeschrijving heeft . Dit is het echte vlees van het bericht omdat het gebruikers vertelt wat ze daadwerkelijk met de applicatie kunnen doen . Soms kan een pagina alleen voor tekst een stoffig schoolboek zijn. Gebruik visuals en animaties om elk onderdeel van het onboarding-proces extra pit te geven.
Geef functies weer in actie
Probeer te voorkomen dat de voor de hand liggende functies worden vermeld of dat gebruikers worden gedwongen alle afzonderlijke delen van de app te onthouden. Probeer ook elementaire instructies te vermijden die gebruikers rond de app leiden zoals "dit is het hoofdmenu, dit is het scherm van vrienden", enz. Probeer in plaats daarvan te focussen op wat deze dingen kunnen doen en hoe de gebruiker met deze gebieden kan omgaan .
Deze strategie doet denken aan het oude marketing adagium "verkoop de biefstuk niet, verkoop het sissen" . U wilt de app via de voordelen aan de gebruiker verkopen, niet via willekeurige functies en menu-items.
Dit ontwerp, gemaakt door Prakhar Sharma, leidt u bijvoorbeeld door een volledig proces van werken op uw bankrekening.

U kunt de functies in actie weergeven via een demo, of u kunt gebruikers helpen actie te ondernemen via het onboarding-proces . Beide methoden stimuleren actie ten opzichte van consumptie, 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 om actie te ondernemen voordat hij in de app duikt .

U kunt ook knoppen toevoegen om functies in of uit te schakelen op elk gewenst moment in het onboarding-proces. Deze functies kunnen betrekking hebben op aanmelding voor nieuwsbrieven, andere accounts volgen of zelfs abonneren op updates . Zorg dat gebruikers worden betrokken en help hen actie te ondernemen . Vanaf daar wordt het gemakkelijker om ze verslaafd te houden .
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 stop zeker niet een heleboel informatie tegelijk op het scherm.
De sleutel om nieuwe gebruikers geïnteresseerd en enthousiast te houden is om de focus te houden en een functie tegelijk te laten zien . Als u te veel op het scherm duwt, kunnen gebruikers zich overweldigd voelen . Als het onboarding-proces te saai is, zullen mensen zich vervelen en stoppen.
Elk scherm moet minstens één nieuw stuk informatie bevatten dat waardevol is voor de gebruiker. U kunt dit ook op internet doen met een modale venster / dialoogbenadering . Je moet echter nog steeds de focus op één onderwerp tegelijk houden om de aandacht te 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.

Focus is de naam van het spel en dit ontwerp houdt gebruikers gefocust op de acties . Aan het einde van dit onboarding-proces moeten nieuwe gebruikers de Dropbox-app op desktop comfortabel kunnen gebruiken om andere acties die ze nodig hebben te uploaden, downloaden en uitvoeren.
En onthoud dat voordelen beter verkopen dan functies . Leg uit wat de gebruiker van de app krijgt in plaats van hoe snel hij werkt of hoeveel profielen je kunt hebben.

De laatste dia bevat ook een kleine "Aan de slag" -link om gebruikers te helpen bij de volgende stap . Het zou de zichtbaarheid van die link vergroten om betrokkenheid aan te moedigen, maar het feit dat je het hebt, is een geweldig idee.
Vergeet niet alles eenvoudig en duidelijk te houden. Elke stap van het proces moet een doel hebben om de gebruiker te leren of ze te helpen verder te gaan in de applicatie.
Werk af met een actie
Aan het einde van het inwerkproces moet u gebruikers hebben die weten wat de app biedt, wat ze kunnen doen en waarom ze deze moeten gebruiken . Toch hebben ze wellicht een duwtje nodig om daadwerkelijk actie te ondernemen en iets te doen.
Sluit uw binnenkomst altijd af met een soort koppeling of knop waarmee de gebruiker ergens aan de slag kan . Dit kan een instellingenpagina, een profielpagina, een gebruikersstroomscherm of iets dergelijks zijn.
De best aanbevolen acties zullen 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 om te volgen.
In dit app-ontwerp van Oktafian Nugraha zie je een grote oranje knop "Laten we beginnen!" Onderaan de laatste dia. Dit is super helder en vrij moeilijk te missen.

Het is behoorlijk moeilijk om dit te verpesten, dus plan gewoon een typische gebruikersstroom en zorg ervoor dat je aan het einde van het onboarding-proces naar een geschikte pagina leent. Als het onboarding zijn werk deed, zouden nieuwe gebruikers al weten 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 nieuwe gebruikers te begeleiden en om meer mensen betrokken te houden bij uw mobiele app, website of desktop-programma.
Designesthetiek is belangrijk, maar de gebruikerservaring overtreft alles. Als het correct wordt gedaan, moet het onboarding-proces educatief zijn en hopelijk een beetje leuk !

Showcase van Cool Hipster visitekaartje ontwerpen
Een visitekaartje heeft een eenvoudig doel: het heeft uw naam, de naam van uw bedrijf of product en contactgegevens als de klant contact met u wil opnemen. Tegenwoordig zijn visitekaartjes uniek en voortreffelijk, als gevolg van de persoonlijkheden, eigenaardigheden en talenten van hun eigenaren sinds creatieven erbij betrokken raakten en het spel volledig veranderden

Symbolic Link en Apache Alias voor webontwikkeling
Tegenwoordig werken er veel webontwikkelaars op afstand . We kunnen nu een groot aantal samenwerkingshulpmiddelen en toepassingen voor het delen van bestanden vinden, zoals Dropbox. Een van de problemen waarmee wordt geconfronteerd, is echter dat webdocumenten die u opslaat niet toegankelijk zijn via een localhost adres vanuit de browser, omdat ze zich buiten de DocumentRoot Apache Server bevinden