Onboarding, Profiel, Instellingen, Menu, Audio opnemen & Progress weergeven

10 april 2019

Hier zijn verschillende screenshots te zien van websites die ik heb vergeleken om te kijken hoe bestaande platformen/websites een onboarding tonen. Zo keek ik naar hoe zij de stappen opdelen, hoe ze visueel te werk gaan en hoe de flow werkt. Ook vergeleek ik profielen.

Onboarding

De onboarding bestaat uit drie schermen waarin de functie's van Slack worden uitgelegd.

Deze methode is goed voor de bovenstaande gebruiken.

Door middel van het deel dat wordt uitgelegd te highlighten leg je meer focus op wat je de gebruiker duidelijk wil maken. Dit vind ik een erg fijne methode als ik dit zelf tegen kom bij websites.

Progress weergeven

Hier is te zien hoe er visueel wordt weergeven wat je progress is.

Hier is te zien hoe het eruit ziet als je een progress behaald.

Hier is een visuele grafiek te zien waarin progress getoond kan worden. Er onder is ruimte om het verder toe te lichten.

Taaloefening

Hier is een voorbeeld van een meerkeuze taaloefening te zien.

Instellingen

Hier is een voorbeeld van een instellingen pagina te zien. Met name om toestemming te vragen voor bijvoorbeeld audio.

Hier is een ander voorbeeld voor een instellingen pagina te zien.

Nog een voorbeeld van een instellingen pagina.

Geschiedenis

Hier is op visuele en speelse wijze een geschiedenis te zien met de nodige informatie of een link naar extra informatie.

Hier is nog een voorbeeld van een geschiedenis pagina te zien.

Menu

Voorbeeld van een menu waarbij de gebruiker een eigen profiel heeft.

Voorbeeld van een menu waarin de instellingen verwerkt zitten.

Voorbeeld hoe een menu er zo visueel mogelijk uit kan zien.

Audio opnemen

Voorbeeld hoe audio opgenomen wordt.

Dashboard

Voorbeeld van een moderne en speelse dashboard.

Voorbeeld van een dashboard waarin de meeste ruimte gevuld is met een afbeelding.