Gamification in webdesign: meer succes en motivatie dankzij de funfactor

8 Min.
Gamification in webdesign: meer plezier, meer succes

We kennen allemaal badges, rewards en dergelijke. Maar wat betekent gamification en wat betekent het niet? Welke gamification-elementen kun jij op je website gebruiken? Wat moet je in gedachten houden? En welke succesvolle voorbeelden van gamification zijn er op het web te vinden?

Wat betekent gamification?

Ten onrechte blijft de mythe bestaan dat alles kan worden gegamificeerd. Kleurrijke badges en voortdurend knipperende beloningen passen echter niet bij elk merk en elke doelgroep.

Gamification moet – net als al het andere op je website – passen bij de Corporate Identity van een bedrijf. Natuurlijk kunnen spelelementen bestaan uit badges en beloningen. Maar er zijn talloze andere manieren om gamification met succes op je website te integreren.

Gamificatie is nauw verwant met user experience design: als je gamificatie gebruikt, hoeft dat niet per se visueel duidelijk te zijn. Gamification moet eerder worden opgevat als een concept. Of als een strategie waarbij we de bestaande processen analyseren en ze aantrekkelijker maken voor de gebruikers door spelmechanismen toe te voegen.

Hoe werkt gamification?

Gamification is een afgeleide van game design. Het is belangrijk dat spelers betrokken blijven en hun interesse niet verliezen – of dat hun interesse wordt gewekt door gamification. Eenvoudig gezegd: wie speelt, heeft meestal plezier en vergeet zelfs de tijd. Raph Koster gaat dieper in op dit onderwerp in zijn boek "Theory of Fun for Game Design".

Het doel van gamification is eenvoudig: processen zo presenteren dat ze leuk zijn om uit te voeren en je gebruikers motiveren om door te gaan. Of tenminste een soort van nieuwsgierigheid in hen opwekken. Bedenk echter dat het meestal niet nuttig is om je doelgroep urenlang bezig te houden.

Product ontwerper Nir Eyal schrijft in zijn boek "Hooked: How to Build Habit-Forming Products" over de zogenaamde "Habit Loop". De theorie erachter: processen moeten leuk zijn en niet louter als een taak worden gezien. Volgens Nir Eyal besteden we meer dan 40 procent van onze tijd aan het uitvoeren van steeds terugkerende processen. Probeer daarom een aangename gewoonte van de processen op je website te maken.

Om dit te illustreren, heeft Nir Eyal de Habit Loop in vier stappen opgedeeld:

Gamificatie in de beste praktijken voor webdesign
De vier stappen van de Habit Loop

Trigger

Triggers zijn e-mails, meldingen of call-to-actions op je website. De belangrijkste vragen zijn: wat brengt de persoon naar je product? En wat wil die persoon echt? Probeer altijd te begrijpen wat je doelgroep op een bepaald moment wil.

Action

Action is de uitgevoerde actie. Dit kan eenvoudig zijn, zoals een login of een inschrijving. Of meer complexe acties zoals het verzamelen van likes of het toevoegen aan de favorietenlijst. De vraag is: wat is het eenvoudigste gedrag in afwachting van een beloning?

Variable Reward

Variabele beloningen kunnen klassieke beloningen zijn, maar dat hoeven ze niet te zijn. Alles wat waarde toevoegt aan je doelgroep kan worden verpakt als een beloning. Bijvoorbeeld, als je kwalitatieve informatie verstrekt. Stel jezelf altijd de volgende vraag: is de beloning bevredigend? en maakt dat je meer wilt?

Investment

Hoe meer iemand heeft geïnvesteerd, hoe minder die persoon wil opgeven wat hij heeft geïnvesteerd. Een eenvoudig voorbeeld: een gebruiker heeft verschillende borden op Pinterest gemaakt. Ze zal waarschijnlijk haar account houden en het in de toekomst blijven gebruiken. Pinterest zal de voorkeur geven aan een soortgelijk platform. De centrale vraag van deze fase: wat wordt er gedaan om de kans op terugkeer te vergroten?

Gamificatie in de beste praktijken voor webdesign
Habiticas gaat over het vormen van gewoontes.

Wij vinden een soortgelijk psychologisch model bij formulieren: als een persoon al tijd heeft geïnvesteerd in het invullen van het formulier, is de kans kleiner dat hij het proces opgeeft. Daarom vinden we de betalingsgegevens vaak pas in de laatste stap van een formulier.

Veelgebruikte gamification-elementen in webdesign

Vooruitgang

Het is belangrijk dat vooruitgang wordt getoond. Gebruikers willen meestal een bepaald doel bereiken. Projectmanagement tools zoals Asana gebruiken deze elementen:

Gamificatie in de beste praktijken voor webdesign
Als je een bepaald aantal Asana taken hebt voltooid, vliegt er een eenhoorn over het scherm.

Vooruitgang wordt ook vaak gebruikt wanneer een programma/website nieuwe functies heeft waarvan de gebruikers nog niet op de hoogte zijn. Op deze manier leren gebruikers snel en gemakkelijk de nieuwste functies kennen – zoals in het voorbeeld van de WordPress Block Editor:

Gamificatie in de beste praktijken voor webdesign
Succesvolle onboarding voor de WordPress Block Editor

Vaak zijn onboarding-elementen nauw verbonden met beloningen. Op LinkedIn worden de leden bijvoorbeeld beloond voor het aanvullen van hun profiel met relevante feeds:

Gamificatie in de beste praktijken voor webdesign
Met complete profielen ziet LinkedIn er authentieker uit en helpt leden gerichter te netwerken.

Spelregels

Dit betekent niet noodzakelijkerwijs de spelregels zoals wij die kennen van gezelschapsspelen. Het zijn eerder voorwaarden die de gebruikers leren kennen. Bijvoorbeeld welke handelingen zij moeten verrichten om bepaalde beloningen te ontvangen. 

Het is belangrijk dat je regels consistent zijn. Anders verliezen gebruikers hun vertrouwen en zal je website aan geloofwaardigheid inboeten.

Flaticon geeft hier een voorbeeld van: de bureaucratische taak van creditering wordt versoepeld en tegelijk beloond. Als je de link kopieert, verandert de illustratie en kan de T-Rex zijn koffie drinken. Er zijn verschillende illustraties, dus gebruikers moeten een paar iconen downloaden voordat de verveling toeslaat.

Gamificatie in de beste praktijken voor webdesign
Gamification vereenvoudigt onaangename processen.

Wedstrijd

Wedstrijden tussen gebruikers kunnen de deelname en de levensduur van producten verlengen en zorgen voor afwisseling en stimulansen. Ook sociale aspecten spelen hier een rol. Als gebruiker voel je je niet langer alleen, maar deel van een geheel.

Sociale aspecten

De mogelijkheid om individuele bijdragen te leveren kan aantrekkelijker worden gemaakt door gamification-elementen. Facebook gebruikt gamification-elementen op verschillende manieren. Als gebruiker kun je berichten schrijven of commentaar geven op die van anderen. En je wordt beloond met verschillende titels, afhankelijk van je activiteit.

Gamificatie in de beste praktijken voor webdesign
Facebook zet ook op gamification in.

Wat je moet vermijden

Ongeschikte puntensystemen

Zorg er bij de integratie van een gamification-strategie voor dat puntensystemen alleen worden gebruikt als ze zinvol zijn en toegevoegde waarde bieden. 

Vaak worden punten onder- of overgekwalificeerd: als ze ondergekwalificeerd zijn, verliezen ze aan betekenis en kan het voortdurende knipperen van nieuw behaalde punten tot frustratie leiden. Idealiter wil je dat gamification je gebruikers laat genieten van hun bezoek aan je website. En dat ze de tijd vergeten. Als een melding voortdurend oppopt – zelfs als het incidenteel is – haal je je gebruikers voortdurend uit hun flow.

Overgekwalificeerde punten krijgen een hogere waarde dan die voor hen bestemd was. Dit leidt tot een grotere vraag. Het kan er ook toe bijdragen dat meer gebruikers bereid zijn vals te spelen of het systeem te hacken om punten te krijgen.

Ongepaste beloningen

Beloningen die op ongeschikte tijdstippen verschijnen, kunnen een negatieve impact hebben op de motivatie van je bezoekers. Denk daarom goed na over hoe, waarom en wanneer je beloningen gebruikt.

Ongepaste communicatie

Zoals gezegd, moet je gamification-strategie passen bij je doelgroep en bedrijf. Veel gebruikers voelen zich te weinig uitgedaagd als je te veel kinderachtige gamification-elementen gebruikt.

Andere voorbeelden van gamification op het internet

Spelend leren

Vooral in het onderwijs wordt vaak gebruik gemaakt van gamification-elementen. De leeftijd van de doelgroep is vooralsnog niet doorslaggevend. Met behulp van minigames of gamification-elementen kan steeds terugkerende inhoud worden bevestigd en kan nieuwe inhoud worden aangeleerd. 

Een andere bijzondere eigenschap van spelletjes is dat gebruikers veilig verschillende opties kunnen uitproberen en naar het beginpunt kunnen terugkeren als ze falen. Ze leren welke gevolgen bepaalde acties kunnen hebben zonder echt schade te ondervinden.

Google heeft het spel Be Internet Awesome ontwikkeld voor zijn jongere gebruikers. Gebruikers worden geconfronteerd met verschillende alledaagse situaties van het World Wide Web en leren de juiste beslissingen te nemen.

Gamificatie in de beste praktijken voor webdesign

Minispelletjes

Minispelletjes worden vaak gebruikt voor marketingdoeleinden. De nadruk ligt hier op het plezier en de verrassingsfactor. Het doel is om gebruikers uit hun dagelijkse routine te halen. De minigames worden vaak gebruikt om extra informatie over te brengen.

Gamificatie in de beste praktijken voor webdesign
Ueno gebruikt een rollenspel voor de rekrutering. Als je tot het einde doorspeelt, kom je bij de vacatures.
Gamificatie in de beste praktijken voor webdesign
Karl Lagerfeld heeft speciaal een versie van het klassieke Pac Man laten bouwen.
Gamificatie in de beste praktijken voor webdesign
L'Occitane vestigt de aandacht op haar producten met behulp van een mini-game.

Sommige Loyalty-programma's werken op een soortgelijke manier: bijvoorbeeld McDonald's Monopoly en Lidl's verzamelwinkeltje. Hier bestaan er spelregels, investeringen, bijbehorende beloningen en motivaties.

Storytelling

Een indrukwekkende manier om gamification en games te gebruiken is het visualiseren van verhalen: Storytelling. Anders dan met geschreven woorden, betrek je je lezers emotioneel bij het verhaal.

Gamificatie in de beste praktijken voor webdesign
PlaySpent geeft een inkijkje in het leven van een medeburger die zijn baan is kwijtgeraakt. 
Gamificatie in de beste praktijken voor webdesign
Going Home is het fictieve verhaal van een kleine robot.
Gamificatie in de beste praktijken voor webdesign
Margarete vertelt het verhaal van een slachtoffer van de Holocaust.
Gamificatie in de beste praktijken voor webdesign
Moments is een verzameling minigames.

Visuele elementen

De volgende voorbeelden hebben weinig gamification-elementen. Ze zijn visueel ontworpen om aan spelletjes te doen denken. Je kunt dit op verschillende manieren gebruiken: om je merk op een ludieke manier te presenteren of om bepaalde generaties gebruikers aan te spreken via nostalgie.

Gamificatie in de beste praktijken voor webdesign
De website van Teatr Lalka is opgebouwd als een poppentheater.
Gamificatie in de beste praktijken voor webdesign
Robbi Leonardi presenteert zijn curriculum vitae op interactieve wijze en wekt nieuwsgierigheid op voor een ontdekkingsreis.
Gamificatie in de beste praktijken voor webdesign
Mariano Pascual's website werkt op een vergelijkbare manier.

Gamificatie en WordPress

Nu heb je enkele gamification-concepten geleerd die je op je website kunt integreren. Bovendien zijn er WordPress tools die je kunnen helpen om badges te integreren. Bijvoorbeeld, de gamification WordPress plugin BadgeOS. Veel plezier met het uitproberen!

Verder leesmateriaal

Jouw vragen over gamification in webdesign

Welke vragen heb je over gamification in webdesign? We kijken uit naar je commentaar. Ben je geïnteresseerd in actuele onderwerpen rondom webdesign en ontwikkeling? Volg RAIDBOXES dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Na haar studie Game Design en Creative Writing in het groene Auckland heeft Sonja Hoffmann zich gespecialiseerd in web- en app-desgign en de ontwikkeling daarvan. Haar focus ligt op gamification en het verkennen van gebruikersmotivatie en ervaring, gekoppeld aan haar passie en nieuwsgierigheid voor technologische trends.

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.