Gamifikacja w projektowaniu stron internetowych: Większy sukces i motywacja dzięki czynnikowi zabawy

8 Min.
Gamifikacja w projektowaniu stron internetowych: więcej zabawy, więcej sukcesu

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 termin gamifikacja?

Niesłusznie, wciąż pokutuje mit, że wszystko da się zagrać. Jednak kolorowe odznaki i ciągle migające nagrody nie pasują do każdej marki i grupy docelowej.

Gamifikacja - jak wszystko inne na Twojej stronie - musi pasować do tożsamości korporacyjnej firmy. Oczywiście elementy gamifikacji mogą składać się z odznak i nagród. Istnieje jednak niezliczona ilość innych sposobów na udaną integrację grywalizacji na Twojej stronie.

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.

Jak działa grywalizacja?

Gamifikacja jest pochodną projektowania gier. Ważne jest, aby gracze pozostali zaangażowani i nie stracili zainteresowania - lub aby ich zainteresowanie zostało wzbudzone 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: przedstawienie procesów w taki sposób, aby ich wykonywanie sprawiało przyjemność i motywowało użytkowników do ich kontynuowania. Albo przynajmniej wzbudzić w nich jakąś ciekawość. Należy jednak pamiętać, że zazwyczaj nie jest użyteczne utrzymywanie 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ętlinawyku . Teoria, która za tym stoi: Procesy powinny sprawiać przyjemność, a nie być postrzegane wyłącznie jako zadanie. Według Nir Eyal, spędzamy ponad 40 procent naszego czasu na wykonywaniu powtarzających się procesów. Dlatego postaraj się zamienić procesy zachodzące na Twojej stronie w przyjemne nawyki.

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

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

Spust

Wyzwalacze to e-maile, powiadomienia lub call-to-action na Twojej stronie. Kluczowe pytania to: Co sprawia, że dana osoba trafia na Twój produkt? A czego tak naprawdę chce ta osoba? Zawsze staraj się zrozumieć, czego w danym momencie chce Twoja grupa docelowa.

Działanie

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

Nagroda zmienna

Nagrody zmienne 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 więcej?

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 odnajdujemy w przypadku form: Jeśli dana osoba zainwestowała już czas w wypełnienie formularza, jest mniej prawdopodobne, że porzuci ten proces. Dlatego też często dane dotyczące płatności znajdujemy dopiero w ostatnim kroku formularza.

Najczęściej stosowane elementy grywalizacji w projektowaniu stron internetowych

Progress

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.

Zaliczki są również często wykorzystywane, gdy program/stronę internetową wyposażono w nowe funkcje, o których użytkownicy jeszcze nie wiedzą. W ten sposób użytkownicy szybko i łatwo zapoznają się z najnowszymi funkcjami - tak jak w przypadku WordPress Block Editor:

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ść wniesienia indywidualnego wkładu może być uatrakcyjniona poprzez elementy grywalizacji. Facebook wykorzystuje elementy grywalizacji na różne sposoby. Jako użytkownik:in, możesz pisać posty lub komentować posty innych. I 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

Podczas integrowania strategii grywalizacji, upewnij się, że systemy punktowe są używane tylko wtedy, gdy mają sens i oferują wartość dodaną. 

Często punkty są albo zaniżone albo zawyżone: jeśli są zaniżone, tracą znaczenie, a ciągłe miganie nowo zdobytych punktów może prowadzić do frustracji. Idealnie byłoby, gdyby grywalizacja sprawiała użytkownikom przyjemność z odwiedzin na Twojej stronie. I że zapominają o czasie. Jeśli powiadomienia ciągle się wyświetlają - co jest nawet drugorzędne - ciągle wyrywasz swoich użytkowników z ich przepływu.

Punkty zdyskwalifikowane osiągają 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 skłonnych do oszukiwania lub hakowania systemu w celu zdobycia punktów.

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, Twoja strategia grywalizacji powinna być dopasowana do grupy docelowej i Twojej firmy. Wielu użytkowników czuje się niedocenionych, jeśli zastosujesz zbyt wiele dziecięcych elementów grywalizacji.

Dalsze przykłady grywalizacji w sieci

Nauka poprzez zabawę

Szczególnie w edukacji często stosuje się elementy grywalizacji. Wiek grupy docelowej nie ma na razie decydującego znaczenia. Za pomocą mini-gier lub elementów grywalizacji można utrwalać powtarzające się treści i uczyć 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 stworzyło grę Be Internet Awesome dla swoich młodszych użytkowników. Użytkownicy są konfrontowani z różnymi sytuacjami z życia codziennego w sieci 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, gamifikacja WordPress Plugin BadgeOS. Miłej 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 Państwa komentarze. Interesują Cię aktualne tematy związane z projektowaniem i tworzeniem stron internetowych? Następnie śledź RAIDBOXES na Twitterze, Facebooku, LinkedIn lub poprzez nasz newsletter.

Po ukończeniu studiów z zakresu projektowania gier i twórczego pisania w malowniczym Auckland (w Nowej Zelandii) Sonja Hoffman zadecydowała o tym, by dalej rozwijać się jako webdesigner oraz specjalista ds. tworzenia aplikacji i ich rozwoju. Zajmuje się grywalizacją (to wykorzystanie elementów gier i technik projektowania gier w kontekście niezwiązanym z grami) i badaniami nad motywacją i doświadczeniami użytkownika. Łączy swoją profesję z własnym zainteresowaniem nowościami technologicznymi.

Powiązane artykuły

Komentarze do tego artykułu

Napisz komentarz

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