Wykorzystanie gier w projektowaniu stron internetowych: sukces i motywacja dzięki zabawie

Wykorzystanie gier w projektowaniu stron internetowych: sukces i motywacja dzięki zabawie

Wszyscy znamy odznaki, nagrody i tym podobne. Ale co oznacza gamifikacja, a czego nie oznacza? Jakie elementy gamifikacji możesz wykorzystać na swojej stronie internetowej? O czym należy pamiętać? A jakie udane przykłady gamifikacji można znaleźć w sieci?

Co oznacza gamifikacja?

Mit o tym, że wszystko można zagrać niesłusznie się utrzymuje. Jednak kolorowe plakietki i ciągle migające nagrody nie pasują do każdej marki i grupy docelowej.

Gamifikacja - jak wszystko inne na stronie internetowej - musi pasować do tożsamości korporacyjnej firmy. Oczywiście elementy gamifikacji mogą obejmować odznaki i nagrody. Istnieje jednak wiele innych sposobów na udaną integrację gamifikacji na stronie internetowej.

Gamifikacja jest ściśle związana z projektowaniem doświadczeń użytkownika: Jeśli używasz gamifikacji, nie musi być ona wizualnie oczywista. Gamifikację należy raczej rozumieć jako koncepcję. Albo jako strategia, w której analizujemy istniejące procesy i uatrakcyjniamy je dla użytkowników poprzez dodanie mechaniki gry.

"*" wyświetla wymagane pola

Chcę otrzymywać newsletter, aby być informowanym o nowych artykułach na blogu, e-bookach, funkcjach i nowościach dotyczących WordPress. Mogę wycofać swoją zgodę w dowolnym momencie. Należy zapoznać się z naszą Polityką prywatności.
To pole służy do weryfikacji i nie powinno być zmieniane.

Jak działa gamifikacja?

Gamifikacja jest pochodną projektowania gier. Ważne jest, aby gracze byli zaangażowani i nie tracili zainteresowania - a ich zainteresowanie jest wzbudzane poprzez gamifikację. Mówiąc wprost: ci, którzy grają, zazwyczaj dobrze się bawią, a nawet zapominają o czasie. Raph Koster zagłębia się w ten temat w swojej książce "Theory of Fun for Game Design".

Cel grywalizacji jest prosty: przedstawić procesy w taki sposób, aby ich wykonanie sprawiało przyjemność i motywowało użytkowników do dalszego działania. Albo przynajmniej wzbudzić w nich jakąś ciekawość. Zauważ jednak, że zazwyczaj nie warto trzymać grupy docelowej zajętej przez wiele godzin.

Projektant produktów Nir Eyal pisze w swojej książce "Hooked: How to Build Habit-Forming Products" o tzw. pętli nawyku. Teoria, która za tym stoi: Procesy powinny być zabawą, a nie tylko zadaniem. Według Nira Eyala, spędzamy ponad 40 procent czasu na wykonywaniu powtarzających się procesów. Dlatego postaraj się, aby procesy zachodzące na Twojej stronie internetowej stały się przyjemnymi nawykami.

Aby to zobrazować, Nir Eyal podzielił Pętlę Nawyku na cztery kroki:

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Cztery kroki Pętli Nawyku

Trigger

Triggery to e-maile, powiadomienia lub call-to-actions na Twojej stronie internetowej. Pytania kluczowe to: Co sprawia, że dana osoba sięga po Twój produkt? A czego tak naprawdę chce ta osoba? Zawsze staraj się zrozumieć, czego w danym momencie chce twoja grupa docelowa.

Akcja

Akcja to wykonane działanie. Może to być coś prostego, jak np. logowanie lub rejestracja. Albo bardziej złożone działania, takie jak zbieranie polubień czy dodawanie do listy ulubionych. Pytanie brzmi: Jakie jest najprostsze zachowanie w oczekiwaniu na nagrodę?

Variable Reward

Variable Rewards mogą być klasycznymi nagrodami, ale nie muszą. Wszystko, co stanowi wartość dodaną dla Twojej grupy docelowej, może być opakowane jako nagroda. Na przykład, jeśli podasz informacje jakościowe. Zawsze zadawaj sobie następujące pytanie: Czy nagroda jest satysfakcjonująca? lub sprawia, że chcesz jeszcze?

Inwestycja

Im więcej ktoś zainwestował, tym mniej chce zrezygnować z tego, co zainwestował. Prosty przykład: Użytkownik posiada kilka tablic na Pinterest stworzony. Prawdopodobnie zachowa swoje konto i będzie z niego nadal korzystać w przyszłości. Pinterest preferują podobną platformę. Centralne pytanie tej fazy: Co robi się, aby zwiększyć prawdopodobieństwo powrotu?

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Habiticas to wszystko o kształtowaniu nawyków.

Podobny model psychologiczny występuje w przypadku form: Jeśli dana osoba zainwestowała już czas w wypełnienie formularza, jest mniej prawdopodobne, że zrezygnuje z tego procesu. Dlatego też często szczegóły dotyczące płatności znajdują się dopiero w ostatnim kroku formularza.

Elementy gamifikacji w projektowaniu stron internetowych

Postępy

Ważne jest, aby pokazać postęp. Użytkownicy zazwyczaj chcą osiągnąć pewien cel. Narzędzia do zarządzania projektami, takie jak Asana, wykorzystują te elementy:

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Jeśli wykonasz określoną liczbę zadań w Asanie, po ekranie przeleci jednorożec.

Postępy są również często wykorzystywane, gdy program lub strona internetowa mają nowe funkcje, o których użytkownicy jeszcze nie wiedzą. W ten sposób użytkownicy szybko i łatwo poznają najnowsze funkcje - jak w przykładzie Edytora bloków WordPress:

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Udane wprowadzenie na rynek dla WordPress Block Editor

Często elementy onboardingu są ściśle powiązane z nagrodami. Na stronie LinkedIn Na przykład, członkowie są nagradzani za uzupełnianie swojego profilu odpowiednimi kanałami:

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Z kompletnymi profilami wygląda LinkedIn jest bardziej autentyczny i pomaga członkom w nawiązywaniu kontaktów w bardziej ukierunkowany sposób.

Zasady gry

Niekoniecznie oznacza to zasady gry, jakie znamy z gier salonowych. Są to raczej warunki, z którymi użytkownicy się zapoznają. Na przykład, jakie działania muszą wykonać, aby otrzymać określone nagrody. 

Ważne jest, aby Twoje zasady były spójne. W przeciwnym razie użytkownicy stracą zaufanie, a Twoja strona straci wiarygodność.

Flaticon dostarcza tu przykładu: biurokratyczne zadanie kredytowania zostaje rozluźnione i jednocześnie nagrodzone. Jeśli skopiujesz ten link, ilustracja się zmieni i T-Rex będzie mógł wypić swoją kawę. Istnieją różne ilustracje, więc użytkownicy muszą pobrać kilka ikon, zanim się znudzą.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Gamifikacja rozluźnia nieprzyjemne procesy.

Konkurs

Rywalizacja między użytkownikami może zwiększyć uczestnictwo i żywotność produktu oraz zapewnić różnorodność i motywację. Ważną rolę odgrywają tu również aspekty społeczne. Jako użytkownik nie czujesz się już samotny, ale jesteś częścią całości.

Aspekty społeczne

Możliwość indywidualnego wkładu można uatrakcyjnić poprzez elementy gamifikacji. Facebook wykorzystuje elementy grywalizacji na wiele sposobów. Jako użytkownik możesz pisać posty lub komentować posty innych. W zależności od aktywności otrzymujesz różne tytuły.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Facebook również stawia na gamifikację.

Czego powinieneś unikać

Niewłaściwe systemy punktowe

Wprowadzając strategię gamifikacji, upewnij się, że systemy punktowe są stosowane tylko wtedy, kiedy mają sens i oferują wartość dodaną. 

Często punkty są albo niedostatecznie, albo zbyt wysoko kwalifikowane: jeśli są niedostatecznie kwalifikowane, tracą znaczenie, a ciągłe miganie nowo zdobytych punktów może prowadzić do frustracji. Najlepiej byłoby, gdyby gamifikacja sprawiała użytkownikom przyjemność z odwiedzania Twojej strony. I że zapominają o czasie. Jeśli powiadomienie ciągle miga - nawet jeśli nie jest ważne - stale wytrącasz użytkowników z rytmu ich pracy.

Punkty nadwyżkowe uzyskują wyższą wartość niż ta, która była dla nich przewidziana. Prowadzi to do zwiększenia popytu. Może to również przyczynić się do tego, że więcej użytkowników będzie chciało oszukiwać lub hakować system, aby zdobyć punkty.

Nieodpowiednie nagrody

Nagrody, które pojawiają się w nieodpowiednich momentach mogą mieć negatywny wpływ na motywację odwiedzających. Dlatego dobrze przemyśl, jak, dlaczego i kiedy stosujesz nagrody.

Niewłaściwa komunikacja

Jak już wspomniano, strategia gamifikacji powinna być dopasowana do grupy docelowej i firmy. Wielu użytkowników czuje się niedoceniona, jeśli stosujesz zbyt wiele dziecięcych elementów gamifikacji.

Przykłady gamifikacji w sieci

Nauka poprzez zabawę

Szczególnie w edukacji często stosuje się elementy grywalizacji. Wiek grupy docelowej nie jest czynnikiem decydującym. Za pomocą mini-gier lub elementów grywalizacji można utrwalić powtarzające się treści i nauczyć się nowych. 

Kolejną cechą szczególną gier jest to, że użytkownicy mogą bezpiecznie testować różne opcje i wracać do punktu wyjścia w przypadku niepowodzenia. Uczą się, jakie konsekwencje mogą mieć pewne działania bez doświadczania prawdziwej krzywdy.

Google przygotowało grę Be Internet Awesome dla swoich młodszych użytkowników. Użytkownicy są konfrontowani z różnymi codziennymi sytuacjami z sieci WWW i uczą się podejmować właściwe decyzje.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki

Mini-gry

Mini-gry są często wykorzystywane do celów marketingowych. Skupiamy się tutaj na zabawie i czynniku zaskoczenia. Celem jest wyrwanie użytkowników z ich codziennej rutyny. Mini-gry są często wykorzystywane do przekazywania dodatkowych informacji.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Ueno używa gry fabularnej do rekrutacji. Jeśli przejdziesz do końca, dotrzesz do ogłoszeń o pracę.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Karl Lagerfeld kazał specjalnie zbudować wersję klasycznego Pac Mana.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
L'Occitane zwraca uwagę na swoje produkty za pomocą mini-gry.

Niektóre programy lojalnościowe działają w podobny sposób: na przykład Monopoly w McDonald's czy kolekcjonerski sklep spożywczy w Lidlu. Istnieją tu zasady gry, inwestycje, odpowiednie nagrody i motywacje.

Storytelling

Imponującym sposobem wykorzystania grywalizacji i gier jest wizualizacja historii: Storytelling. Inaczej niż w przypadku słów pisanych, angażujesz swoich czytelników emocjonalnie w opowiadaną historię.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
PlaySpent daje wgląd w życie współobywatela, który stracił pracę.  
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Going Home to fikcyjna historia małego robota.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Margarete opowiada historię ofiary Holocaustu.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Moments to kolekcja mini-gier.

Elementy wizualne

Poniższe przykłady zawierają niewiele elementów grywalizacji. Są one wizualnie zaprojektowane tak, aby przypominały gry. Możesz to wykorzystać do kilku celów: do przedstawienia swojej marki w zabawny sposób lub do przemówienia do pewnych pokoleń użytkowników poprzez nostalgię.

Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Strona Teatru Lalka jest zbudowana jak teatr lalek.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Robbi Leonardi przedstawia swój życiorys w sposób interaktywny i wzbudza ciekawość w podróży odkrywczej.
Gamifikacja w projektowaniu stron internetowych - najlepsze praktyki
Strona Mariano Pascuala działa w podobny sposób.

Gamifikacja i WordPress

Teraz poznałeś kilka koncepcji grywalizacji, które możesz zintegrować na swojej stronie. Ponadto, istnieją narzędzia WordPress, które mogą pomóc w integracji odznak. Na przykład, wtyczka WordPress BadgeOS. Udanej zabawy przy wypróbowywaniu!

Materiały do dalszego czytania

Twoje pytania dotyczące grywalizacji w projektowaniu stron internetowych

Jakie masz pytania dotyczące gamifikacji w projektowaniu stron internetowych? Czekamy na Twoje komentarze. Interesują Cię aktualne tematy związane z projektowaniem i tworzeniem stron internetowych? Obserwuj Raidboxes na TwitterzeFacebookuLinkedIn lub poprzez nasz Newsletter.

Spodobał Ci się ten artykuł?

Zostawiając opinię pomożesz nam udoskonalać publikowane przez nas treści.

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Pola wymagane oznaczone są *.