Gamifikace ve webdesignu: větší úspěch a motivace díky faktoru zábavy

8 min.
Gamifikace ve webdesignu: více zábavy, více úspěchu

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é úspěšné příklady 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. Gamifikované 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ých webových stránek.

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.

Jak gamifikace funguje?

Gamifikace je derivátem herního designu. Je důležité, aby hráči zůstali zaujatí a neztratili zájem - nebo aby byl jejich zájem vzbuzen prostřednictvím gamifikace. Jednoduše řečeno: ti, kteří hrají, se obvykle baví a dokonce zapomínají na čas. Raph Koster se tomuto tématu věnuje hlouběji 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. Všimněte si však, že obvykle není užitečné cílovou skupinu zaměstnávat celé hodiny.

Produktový designér Nir Eyal ve své knizeHooked: Jak vytvářet produkty vytvářející návyky" o tzv. smyčce návyků. Teorie, která za tím stojí: 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

Akce je provedená akce. 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í v 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 odměna? a chcete víc?

Investice

Čím více někdo investoval, tím méně se chce vzdát toho, co investoval. Jednoduchý příklad: Uživatel má několik desek na Pinterest vytvořeno. Úč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 se dělá 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 nacházíme i u formulářů: Pokud již osoba investovala čas do vyplnění formuláře, je méně pravděpodobné, že od procesu upustí. Proto často najdeme platební údaje až v posledním kroku formuláře.

Často používané prvky gamifikace v designu webu

Progress

Je důležité, aby byl prokázán pokrok. 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ů Asana, na obrazovce se objeví 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ě editoru blokůWordPress :

Osvědčené postupy gamifikace ve webovém designu
Úspěšný nástup do systému WordPress Block Editor

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

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 ztratí důvěryhodnost.

Flaticon zde 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 uvolňuje nepříjemné 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

Příležitost k individuálním příspěvkům lze zatraktivnit pomocí prvků gamifikace. Facebook používá prvky gamifikace různými způsoby. Jako uživatel:in můžete psát příspěvky nebo komentovat příspěvky ostatních. A v závislosti na vaší aktivitě získáváte různé tituly.

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é blikání nově dosažených bodů může vést k frustraci. V ideálním případě chcete, aby gamifikace uživatelům zpříjemnila návštěvu vašich webových stránek. A že zapomínají na čas. Pokud neustále bliká oznámení - což je dokonce druhotné - neustále vytrháváte uživatele z jejich toku.

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 ochotno 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í nedostatečně vyzváno, pokud používáte příliš mnoho dětských herních prvků.

Další příklady gamifikace na webu

Učení hrou

Zejména ve vzdělávání se často používají prvky gamifikace. Věk cílové skupiny není prozatím rozhodující. Pomocí miniher nebo herních prvků lze upevnit opakující se obsah a naučit se nový. 

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.

Společnost Google vytvořila hru Be Internet Awesome pro mladší uživatele. Uživatelé jsou konfrontováni s různými každodenními situacemi z celosvětové sítě a učí se činit 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ů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. Například gamifikace WordPress Plugin BadgeOS. Bavte se při zkoušení!

Další materiály ke čtení

Vaše otázky o gamifikaci ve webdesignu

Jaké otázky máte ohledně gamifikace ve webdesignu? Těšíme se na vaše připomínky. Zajímají vás aktuální témata z oblasti webového designu a vývoje? Pak sledujte stránky RAIDBOXES na Twitteru a Facebooku, LinkedIn nebo prostřednictvím našeho newsletteru.

Po studiu designu počítačových her a kreativního psaní v zeleném Aucklandu se Sonja specializovala na design webových aplikací a jeho vývoj. Zaměřuje se na gamifikaci a výzkum motivace uživatelů a jejích zkušeností, a s velkou vášní a zvědavostí na technologické trendy.

Podobné články

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.