Gamifikace ve webdesignu: úspěch a motivace díky zábavnému faktoru

Gamifikace ve webdesignu: úspěch a motivace díky zábavnému faktoru

Všichni známe odznaky, odměny a podobně. Co však gamifikace znamená a co ne? Které prvky gamifikace můžete použít na svých webových stránkách? Co byste měli mít na paměti? A jaké příklady úspěšné gamifikace najdete na webu?

Co znamená gamifikace?

Neprávem přetrvává mýtus, že vše lze gamifikovat. Barevné odznaky a neustále blikající odměny se však nehodí pro každou značku a cílovou skupinu.

Gamifikace  – stejně jako vše ostatní na vašich webových stránkách  – musí být v souladu s firemní identitou společnosti. Herní prvky mohou samozřejmě zahrnovat odznaky a odměny. Existuje však nespočet dalších způsobů, jak úspěšně integrovat gamifikaci do svého webu.

Gamifikace úzce souvisí s designem uživatelského zážitku: pokud používáte gamifikaci, nemusí být nutně vizuálně zřejmá. Gamifikaci je třeba chápat spíše jako koncept. Nebo jako strategie, při níž analyzujeme stávající procesy a přidáním herních mechanik je pro uživatele zatraktivňujeme.

"*" povinný údaj

Souhlas*
Toto pole slouží k ověření a nemělo by se měnit.

Jak gamifikace funguje?

Gamifikace je derivát herního designu. Je důležité, aby hráči zůstali zaujatí a neztráceli zájem – a aby gamifikace vzbudila jejich zájem. Jednoduše řečeno: Ti, kteří hrají, se obvykle baví a dokonce zapomínají na čas. Raph Koster se tomuto tématu hlouběji věnuje ve své knize "Theory of Fun for Game Design".

Cíl gamifikace je jednoduchý: prezentovat procesy tak, aby jejich provádění bylo zábavné a motivovalo uživatele k dalšímu pokračování. Nebo v nich alespoň vzbudit nějakou zvědavost. Uvědomte si však, že obvykle není užitečné cílovou skupinu zaměstnávat celé hodiny.

Produktový designér Nir Eyal píše ve své knize “Hooked: How to Build Habit-Forming Products” o tzv. smyčce návyků. Jeho teorie: Procesy by měly být zábavné a neměly by být vnímány pouze jako úkol. Podle Nira Eyala trávíme více než 40 procent času prováděním opakujících se procesů. Proto se snažte procesy na svých webových stránkách proměnit v příjemné návyky.

Pro ilustraci Nir Eyal rozdělil smyčku návyků do čtyř kroků:

Osvědčené postupy gamifikace ve webovém designu
Čtyři kroky smyčky návyků

Spouštěč

Spouštěče jsou e-maily, oznámení nebo výzvy k akci na vašich webových stránkách. Klíčové otázky jsou: Co přivádí člověka k vašemu produktu? A co ten člověk skutečně chce? Vždy se snažte pochopit, co vaše cílová skupina v daném okamžiku chce.

Akce

Akcí míníme provedenou aktivitu. Může jít o jednoduchý požadavek, například přihlášení nebo registraci. Nebo složitější akce, jako je sbírání lajků nebo přidávání do seznamu oblíbených. Otázka zní: Jaké je nejjednodušší chování při očekávání odměny?

Variabilní odměna

Variabilní odměny mohou být klasickými odměnami, ale nemusí. Cokoli, co má pro vaše publikum přidanou hodnotu, lze zabalit jako odměnu. Pokud například poskytnete kvalitativní informace. Vždy si položte následující otázku: Naplňuje vás tato odměna? A chcete víc?

Investice

Čím více někdo investoval, tím méně se toho chce vzdát. Jednoduchý příklad: Uživatel má vytvořeno Pinterest několik nástěnek. Účet si pravděpodobně ponechá a bude ho používat i v budoucnu. Pinterest upřednostňují podobnou platformu. Hlavní otázka této fáze: Co udělat pro zvýšení pravděpodobnosti návratu?

Osvědčené postupy gamifikace ve webovém designu
Habiticas je o vytváření návyků.

Podobný psychologický model najdeme u formulářů: investovala-li již osoba čas do vyplnění formuláře, je méně pravděpodobné, že proces zruší. Proto často nacházíme podrobnosti o platbě teprve v posledním kroku formuláře.

Prvky gamifikace ve webovém designu

Vývoj

Je důležité, aby byl dosáhnuto pokroku. Uživatelé obvykle chtějí dosáhnout určitého cíle. Nástroje pro řízení projektů, jako je Asana, tyto prvky využívají:

Osvědčené postupy gamifikace ve webovém designu
Pokud splníte určitý počet úkolů v Asaně, objeví se na obrazovce jednorožec.

Zálohy se také často používají v případě, že program nebo webové stránky mají nové funkce, o kterých uživatelé ještě nevědí. Uživatelé se tak snadno a rychle seznámí s nejnovějšími funkcemi – jako v případě WordPress Block Editoru:

Osvědčené postupy gamifikace ve webovém designu
Úspěšný vstup do WordPress Block Editoru

Prvky nástupu jsou často úzce spojeny s odměnami. Na LinkedIn jsou členové například odměňováni za vyplnění svého profilu relevantními feedy:

Osvědčené postupy gamifikace ve webovém designu
S kompletními profily vypadá LinkedIn autentičtější a pomáhá členům cíleněji navazovat kontakty.

Pravidla hry

To nutně neznamená pravidla hry, jak je známe ze společenských her. Jedná se spíše o podmínky, které uživatelé poznají. Například jaké činnosti musí splnit, aby získali určitou odměnu. 

Je důležité, aby vaše pravidla byla konzistentní. V opačném případě uživatelé ztratí důvěru a vaše webové stránky zase důvěryhodnost.

Flaticon k tomu uvádí příklad: byrokratická úloha úvěrování je rozvolněna a zároveň odměněna. Pokud odkaz zkopírujete, ilustrace se změní a T-Rex může pít kávu. K dispozici jsou různé ilustrace, takže uživatelé musí stáhnout několik ikon, než se začnou nudit.

Osvědčené postupy gamifikace ve webovém designu
Gamifikace zpříjemňuje neoblíbené procesy.

Soutěž

Soutěže mezi uživateli mohou zvýšit účast a životnost produktu a poskytnout rozmanitost a motivaci. Svou roli zde hrají i sociální aspekty. Jako uživatel se již necítíte osamoceně, ale jste součástí celku.

Sociální aspekty

Možnost individuálních příspěvků může být zatraktivněna prostřednictvím prvků gamifikace. Facebook používá prvky gamifikace různými způsoby. Jako uživatel můžete psát příspěvky nebo komentovat příspěvky ostatních. A budete získávat různé tituly v závislosti na vaší aktivnosti.

Osvědčené postupy gamifikace ve webovém designu
Facebook také sází na gamifikaci.

Čeho byste se měli vyvarovat

Nevhodné bodové systémy

Při integraci strategie gamifikace dbejte na to, aby se bodové systémy používaly pouze v případech, kdy mají smysl a nabízejí přidanou hodnotu. 

Často se stává, že body jsou buď nedostatečně, nebo příliš kvalifikované: pokud jsou nedostatečně kvalifikované, ztrácejí význam a neustálé zobrazování nově dosažených bodů může vést k frustraci. V ideálním případě vám půjde o to, aby gamifikace zpříjemnila uživatelům návštěvu vašeho webu. A aby zapomněli na čas. Pokud jim neustále bliká nějaké oznámení – které je dokonce nepodstatné – neustále je vytrháváte z jejich činnosti.

Nadhodnocené body dosahují vyšší hodnoty, než pro jakou byly určeny. To vede k vyšší poptávce. Může to také přispět k tomu, že více uživatelů bude ochotných podvádět nebo hacknout systém, aby získali body.

Nevhodné odměny

Odměny, které se zobrazují v nevhodnou dobu, mohou mít negativní dopad na motivaci návštěvníků. Proto si dobře rozmyslete, jak, proč a kdy odměny používáte.

Nevhodná komunikace

Jak již bylo zmíněno, vaše strategie gamifikace by měla odpovídat vaší cílové skupině a vaší společnosti. Mnoho uživatelů se cítí nevhodně osloveno, používáte-li příliš mnoho dětských herních prvků.

Příklady gamifikace na webu

Učení hrou

Zejména ve vzdělávání se často používají prvky gamifikace. Zpočátku není věk cílové skupiny rozhodující. S pomocí miniher nebo prvků gamifikace lze konsolidovat opakující se obsah a naučit se nový obsah. 

Další zvláštností her je, že uživatelé mohou bezpečně vyzkoušet různé možnosti a v případě neúspěchu se vrátit do výchozího bodu. Učí se, jaké důsledky mohou mít určité činy, aniž by zažily skutečnou újmu.

Google vyvinul hru Be Internet Awesome pro své mladší uživatele. Uživatelé jsou konfrontováni s různými každodenními situacemi z world wibe webu a učí se dělat správná rozhodnutí.

Osvědčené postupy gamifikace ve webovém designu

Minihry

Minihry se často používají pro marketingové účely. Důraz je kladen na zábavu a překvapení. Cílem je vytrhnout uživatele z každodenní rutiny. Minihry často slouží k předávání dalších informací.

Osvědčené postupy gamifikace ve webovém designu
Ueno používá k náboru hru na hraní rolí. Pokud hru dohrajete až do konce, dostanete se k inzerátům na práci.
Osvědčené postupy gamifikace ve webovém designu
Karl Lagerfeld si nechal speciálně vyrobit verzi klasické hry Pac Man.
Osvědčené postupy gamifikace ve webovém designu
L'Occitane upozorňuje na své produkty pomocí minihry.

Podobně fungují i některé věrnostní programy: například Monopoly od McDonaldu nebo sběratelský obchod s potravinami od Lidlu. Existují zde pravidla hry, investice, odpovídající odměny a motivace.

Vyprávění příběhu

Působivým způsobem využití gamifikace a her je vizualizace příběhů: Vyprávění příběhů. Na rozdíl od psaných slov zapojíte čtenáře do příběhu emocionálně.

Osvědčené postupy gamifikace ve webovém designu
PlaySpent umožňuje nahlédnout do života spoluobčana, který přišel o práci. 
Osvědčené postupy gamifikace ve webovém designu
Going Home je fiktivní příběh malého robota.
Osvědčené postupy gamifikace ve webovém designu
Margarete vypráví příběh oběti holocaustu.
Osvědčené postupy gamifikace ve webovém designu
Moments je sbírka miniher.

Vizuální prvky

Následující příklady obsahují několik prvků gamifikace. Jsou vizuálně navrženy tak, aby připomínaly hry. Toho můžete využít k několika účelům: prezentovat svou značku hravým způsobem nebo oslovit určité generace uživatelů prostřednictvím nostalgie.

Osvědčené postupy gamifikace ve webovém designu
Webové stránky Teatr Lalka jsou strukturovány jako loutkové divadlo.
Osvědčené postupy gamifikace ve webovém designu
Robbi Leonardi představuje svůj životopis interaktivní formou a vzbuzuje zvědavost na cestu za poznáním.
Osvědčené postupy gamifikace ve webovém designu
Podobně funguje i webová stránka Mariana Pascuala.

Gamifikace a WordPress

Nyní jste se dozvěděli několik konceptů gamifikace, které můžete integrovat na své webové stránky. Kromě toho existují nástroje WordPress, které vám pomohou integrovat odznaky (badges). Například WordPress gamifikační plugin BadgeOS. Dobře se bavte při jeho testování!

Další materiály k četbě

Vaše otázky o gamifikaci ve webdesignu

Jaké otázky máte ohledně gamifikace ve webovém designu? Těšíme se na váš komentář. Zajímají vás aktuální témata související s webdesignem a vývojem? Pak sledujte Raidboxes na Twitteru, FacebookuLinkedIn nebo prostřednictvím našeho newsletteru.

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.