Spelifiering i webbdesign: Mer framgång och motivation tack vare den roliga faktorn

8 Min.
Gamification i webbdesign: roligare, mer framgång

Vi känner alla till märken, belöningar och liknande. Men vad betyder gamification och vad betyder det inte? Vilka spelelement kan du använda på din webbplats? Vad ska du tänka på? Och vilka lyckade exempel på spelifiering kan du hitta på nätet?

Vad betyder gamification?

Felaktigt nog lever myten om att allt kan spelifieras kvar. Färgglada märken och ständigt blinkande belöningar passar dock inte alla varumärken och målgrupper.

Gamification - liksom allt annat på din webbplats - måste passa in i företagets företagsidentitet. Naturligtvis kan spelifierade element bestå av märken och belöningar. Men det finns otaliga andra sätt att integrera spelifiering på din webbplats.

Spelifiering är nära relaterat till design av användarupplevelser: Om du använder spelifiering behöver det inte nödvändigtvis vara visuellt uppenbart. Gamification ska snarare förstås som ett koncept. Eller som en strategi där vi analyserar befintliga processer och gör dem mer attraktiva för användarna genom att lägga till spelmekanik.

Hur fungerar spelifiering?

Spelifiering är en avledning av speldesign. Det är viktigt att spelarna förblir engagerade och inte tappar intresset - eller att deras intresse väcks genom spelifiering. Enkelt uttryckt: de som spelar har oftast roligt och glömmer till och med bort tiden. Raph Koster går djupare in på detta ämne i sin bok"Theory of Fun for Game Design".

Målet med gamification är enkelt: att presentera processer på ett sätt som gör dem roliga att utföra och motiverar användarna att fortsätta. Eller åtminstone väcka någon slags nyfikenhet hos dem. Observera dock att det vanligtvis inte är meningsfullt att hålla målgruppen sysselsatt i timmar.

Produktdesignern Nir Eyal skriver i sin bok"Hooked: How to Build Habit-Forming Products" om den så kallade Habit Loop. Teorin bakom den: Processer ska vara roliga och inte bara ses som en uppgift. Enligt Nir Eyal spenderar vi mer än 40 procent av vår tid på att utföra återkommande processer. Försök därför att göra processerna på din webbplats till trevliga vanor.

För att illustrera detta har Nir Eyal delat upp vanelöken i fyra steg:

Gamification i webbdesign Bästa praxis
De fyra stegen i Habit Loop

Utlösare

Utlösare är e-post, meddelanden eller uppmaningar till åtgärder på din webbplats. De viktigaste frågorna är: Vad får personen att välja din produkt? Och vad vill personen egentligen? Försök alltid att förstå vad din målgrupp vill ha vid en viss tidpunkt.

Åtgärd

Åtgärd är den åtgärd som utförts. Det kan vara enkelt, till exempel en inloggning eller registrering. Eller mer komplexa åtgärder som att samla in likes eller lägga till i favoritlistan. Frågan är: Vilket är det enklaste beteendet i väntan på en belöning?

Variabel belöning

Variabla belöningar kan vara klassiska belöningar, men de behöver inte vara det. Allt som ger din publik ett mervärde kan förpackas som en belöning. Till exempel om du lämnar kvalitativ information. Ställ alltid följande fråga till dig själv: Är belöningen tillfredsställande? och får dig att vilja ha mer?

Investering

Ju mer någon har investerat, desto mindre vill personen ge upp det han eller hon har investerat. Ett enkelt exempel: En användare har flera styrelser på Pinterest skapades. Hon kommer förmodligen att behålla sitt konto och fortsätta att använda det i framtiden. Pinterest föredrar en liknande plattform. Den centrala frågan i denna fas är: Vad görs för att öka sannolikheten för återvändande?

Gamification i webbdesign Bästa praxis
Habiticas handlar om att skapa vanor.

Vi finner en liknande psykologisk modell för former: Om en person redan har investerat tid i att fylla i formuläret är det mindre troligt att han eller hon avbryter processen. Det är därför vi ofta hittar betalningsuppgifter först i det sista steget i ett formulär.

Ofta använda spelelement i webbdesign

Framsteg

Det är viktigt att visa på framsteg. Användarna vill vanligtvis uppnå ett visst mål. Projekthanteringsverktyg som Asana använder dessa element:

Gamification i webbdesign Bästa praxis
Om du slutför ett visst antal Asana-uppdrag flyger en enhörning över skärmen.

Förskott används också ofta när ett program eller en webbplats har nya funktioner som användarna ännu inte känner till. På så sätt kan användarna snabbt och enkelt lära sig om de senaste funktionerna - som i exemplet med WordPress Block Editor:

Gamification i webbdesign Bästa praxis
Framgångsrik introduktion för WordPress Block Editor

Ofta är inslag i introduktionen nära kopplade till belöningar. På LinkedIn Medlemmarna belönas till exempel för att de fyller sin profil med relevanta flöden:

Gamification i webbdesign Bästa praxis
Med kompletta profiler ser LinkedIn mer äkta och hjälper medlemmarna att nätverka på ett mer målinriktat sätt.

Spelets regler

Detta innebär inte nödvändigtvis spelreglerna som vi känner till dem från sällskapsspel. De är snarare villkor som användarna lär känna. Till exempel vilka åtgärder de måste utföra för att få vissa belöningar. 

Det är viktigt att dina regler är konsekventa. Annars kommer användarna att förlora förtroendet och din webbplats kommer att förlora sin trovärdighet.

Flaticon är ett exempel på detta: den byråkratiska uppgiften att kreditera lossas och belönas samtidigt. Om du kopierar länken ändras illustrationen och T-Rex kan dricka sitt kaffe. Det finns olika illustrationer, så användarna måste ladda ner några ikoner innan de blir uttråkade.

Gamification i webbdesign Bästa praxis
Spelifiering gör att obehagliga processer blir lättare att genomföra.

Konkurrens

Tävlingar mellan användare kan öka deltagandet och produktens livslängd och ge variation och incitament. De sociala aspekterna spelar också en roll här. Som användare känner du dig inte längre ensam, utan är en del av en helhet.

Sociala aspekter

Möjligheten att göra individuella bidrag kan göras mer attraktivt med hjälp av spelelement. Facebook använder sig av spelifiering på olika sätt. Som användare:in kan du skriva inlägg eller kommentera andras inlägg. Och du får olika titlar beroende på din verksamhet.

Gamification i webbdesign Bästa praxis
Facebook använder sig också av spelifiering.

Vad du bör undvika

Olämpliga poängsystem

När du integrerar en strategi för spelifiering ska du se till att poängsystem endast används när de är meningsfulla och ger mervärde. 

Ofta är poängen antingen under- eller överkvalificerade: om de är underkvalificerade förlorar de sin betydelse och det ständiga blinkandet av nyvunna poäng kan leda till frustration. Helst vill du att spelifiering ska få dina användare att njuta av att besöka din webbplats. Och att de glömmer tiden. Om ett meddelande ständigt blinkar upp - vilket är ännu mer sekundärt - tar du ständigt användarna ur deras flöde.

Överkvalificerade poäng får ett högre värde än det som var avsett för dem. Detta leder till ökad efterfrågan. Det kan också bidra till att fler användare är villiga att fuska eller hacka systemet för att få poäng.

Olämpliga belöningar

Belöningar som visas vid olämpliga tidpunkter kan ha en negativ inverkan på besökarnas motivation. Tänk därför noga igenom hur, varför och när du använder belöningar.

Olämplig kommunikation

Som vi redan har nämnt bör din strategi för spelifiering passa din målgrupp och ditt företag. Många användare känner sig underutmanade om du använder för många barnsliga spelelement.

Fler exempel på spelifiering på webben

Lärande genom lek

Särskilt inom utbildning används ofta spelifiering. Målgruppens ålder är för närvarande inte avgörande. Med hjälp av minispel eller spelelement kan återkommande innehåll konsolideras och nytt innehåll läras in. 

En annan speciell egenskap hos spel är att användarna tryggt kan testa olika alternativ och återvända till utgångspunkten om de misslyckas. De lär sig vilka konsekvenser vissa handlingar kan få utan att de behöver uppleva verklig skada.

Google har utvecklat spelet Be Internet Awesome för sina yngre användare. Användarna konfronteras med olika vardagliga situationer från World Wide Web och lär sig att fatta rätt beslut.

Gamification i webbdesign Bästa praxis

Minispel

Minispel används ofta i marknadsföringssyfte. Här ligger fokus på det roliga och överraskande. Syftet är att få användarna att komma ut ur sin dagliga rutin. Minispelen används ofta för att förmedla ytterligare information.

Gamification i webbdesign Bästa praxis
Ueno använder ett rollspel för rekrytering. Om du spelar till slutet kommer du till jobbannonserna.
Gamification i webbdesign Bästa praxis
Karl Lagerfeld lät specialbygga en version av det klassiska spelet Pac Man.
Gamification i webbdesign Bästa praxis
L'Occitane uppmärksammar sina produkter med hjälp av ett minispel.

Vissa lojalitetsprogram fungerar på ett liknande sätt: till exempel McDonalds Monopoly och Lidls samlarbutik. Här finns spelregler, investeringar, motsvarande belöningar och motivationer.

Berättande

Ett imponerande sätt att använda spelifiering och spel är att visualisera berättelser: Berättande av historier. Till skillnad från när det gäller skrivna ord involverar du dina läsare känslomässigt i berättelsen.

Gamification i webbdesign Bästa praxis
PlaySpent ger en inblick i livet för en medborgare som har förlorat sitt jobb. 
Gamification i webbdesign Bästa praxis
Going Home är en fiktiv berättelse om en liten robot.
Gamification i webbdesign Bästa praxis
Margarete berättar om ett offer för förintelsen.
Gamification i webbdesign Bästa praxis
Moments är en samling minispel.

Visuella element

Följande exempel har få inslag av spelifiering. De är visuellt utformade för att påminna om spel. Du kan använda detta på flera sätt: för att presentera ditt varumärke på ett lekfullt sätt eller för att vädja till vissa generationer av användare genom nostalgi.

Gamification i webbdesign Bästa praxis
Teatr Lalkas webbplats är uppbyggd som en dockteater.
Gamification i webbdesign Bästa praxis
Robbi Leonardi presenterar sin meritförteckning på ett interaktivt sätt och väcker nyfikenhet för en upptäcktsresa.
Gamification i webbdesign Bästa praxis
Mariano Pascuals webbplats fungerar på ett liknande sätt.

Gamification och WordPress

Nu har du lärt dig några spelkoncept som du kan integrera på din webbplats. Dessutom finns det verktyg på WordPress som kan hjälpa dig att integrera märken. Till exempel spelifiering WordPress Plugin BadgeOS. Ha kul med att prova det!

Ytterligare läsmaterial

Dina frågor om spelifiering i webbdesign

Vilka frågor har du om spelifiering i webbdesign? Vi ser fram emot dina kommentarer. Är du intresserad av aktuella ämnen som rör webbdesign och -utveckling? Följ sedan RAIDBOXES på Twitter och Facebook, LinkedIn eller via vårt nyhetsbrev.

Efter att ha studerat speldesign och kreativt skrivande i lummiga Auckland, Sonja Hoffmann specialiserar sig på webb- och appdesign och dess utveckling. Hennes fokus ligger på gamification och utforska användarmotivation och dess erfarenhet, tillsammans med en passion och nyfikenhet för tekniska trender.

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.