Gamification in webdesign: succes en motivatie dankzij de funfactor

Gamification in webdesign: succes en motivatie dankzij de funfactor

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.

"*" geeft verplichte velden aan

Ik wil me abonneren op de nieuwsbrief om op de hoogte te blijven van nieuwe blogartikelen, ebooks, features en nieuws over WordPress. Ik kan mijn toestemming te allen tijde intrekken. Bekijk ons Privacybeleid.
Dit veld dient ter validatie en mag niet worden gewijzigd.

Hoe werkt gamification?

Gamification is een afgeleide van spelontwerp. Het is belangrijk dat spelers betrokken blijven en hun interesse niet verliezen - en dat hun interesse wordt gewekt door gamification. Simpel gezegd, degenen die spelen hebben er meestal plezier in en vergeten 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.

Productontwerper 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 alleen gezien worden als een taak. Volgens Nir Eyal besteden we meer dan 40 procent van onze tijd aan het uitvoeren van terugkerende processen. Probeer daarom van de processen op je website aangename gewoonten te maken.

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

Gamification in Web Design Best Practices
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 het 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?

Gamification in Web Design Best Practices
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.

Gamification-elementen in webontwerp

Vooruitgang

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

Gamification in Web Design Best Practices
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:

Gamification in Web Design Best Practices
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:

Gamification in Web Design Best Practices
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 icons downloaden voordat de verveling toeslaat.

Gamification in Web Design Best Practices
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.

Gamification in Web Design Best Practices
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.

Voorbeelden van gamificatie op het web

Spelend leren

Vooral in het onderwijs wordt vaak gebruik gemaakt van gamification-elementen. De leeftijd van de doelgroep is niet de doorslaggevende factor. Met behulp van minigames of gamification-elementen kan steeds terugkerende inhoud worden verdiept 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.

Gamification in Web Design Best Practices

Minigames

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.

Gamification in Web Design Best Practices
Ueno gebruikt een rollenspel voor de rekrutering. Als je tot het einde doorspeelt, kom je bij de vacatures.
Gamification in Web Design Best Practices
Karl Lagerfeld heeft speciaal een versie van het klassieke Pac Man laten bouwen.
Gamification in Web Design Best Practices
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.

Gamification in Web Design Best Practices
PlaySpent geeft een inkijkje in het leven van een medeburger die zijn baan is kwijtgeraakt. 
Gamification in Web Design Best Practices
Going Home is het fictieve verhaal van een kleine robot.
Gamification in Web Design Best Practices
Margarete vertelt het verhaal van een slachtoffer van de Holocaust.
Gamification in Web Design Best Practices
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.

Gamification in Web Design Best Practices
De website van Teatr Lalka is opgebouwd als een poppentheater.
Gamification in Web Design Best Practices
Robbi Leonardi presenteert zijn curriculum vitae op interactieve wijze en wekt nieuwsgierigheid op voor een ontdekkingsreis.
Gamification in Web Design Best Practices
De website van Mariano Pascual 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 jij over gamification in webdesign? We kijken uit naar je reactie. Ben je geïnteresseerd in actuele onderwerpen rond web design en ontwikkeling? Volg Raidboxes dan op Twitter, Facebook, LinkedIn of via onze nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *.