Projekt

5 udanych przypadków grywalizacji w usługach wirtualnych – od Alfa-Banku do Yandex

5 udanych przypadków grywalizacji w usługach wirtualnych – od Alfa-Banku do Yandex

Wypróbuj 4 najlepsze zawody w projektowaniu. Bezpłatnie ➞ W ciągu 5 dni zapoznasz się z ilustracją, UX/UI, projektowaniem stron internetowych i grafiką. Dodaj 4 przekonujące studia przypadków do swojego portfolio i zdecyduj o swoim dalszym rozwoju.

Dowiedz się więcej

Grywalizacja interfejsu skutecznie przekształca nudne oczekiwanie na potwierdzenie, dostawę lub pobranie w angażujący proces. Użytkownicy mogą na przykład zagrać w klasycznego węża lub zbudować wirtualną fortecę, znacznie przyspieszając percepcję czasu. Co więcej, takie elementy gry mogą być nagradzane zniżką przy kolejnym zamówieniu, dzięki czemu interakcja z usługą staje się bardziej angażująca i zapadająca w pamięć. Grywalizacja nie tylko poprawia doświadczenia użytkownika, ale także przyczynia się do jego lojalności.

W tym artykule projektantka Lia i ja przeanalizowaliśmy interfejs, rozwiązania graficzne i podejścia do studiów przypadków w rosyjskich firmach. Zastanowiliśmy się, jak te elementy oddziałują na siebie i wpływają na percepcję użytkownika. Skupiamy się zarówno na estetyce wizualnej, jak i funkcjonalności, co pomaga nam tworzyć udane doświadczenia użytkownika.

Jestem projektantką w studiu Maryco, doświadczoną graczką i ilustratorką dążącą do rozwoju zawodowego. Moje doświadczenie w projektowaniu i pasja do branży gier pozwalają mi tworzyć unikalne i atrakcyjne rozwiązania wizualne. Aktywnie rozwijam swoje umiejętności ilustratorskie, starając się łączyć umiejętności projektowania z doświadczeniem w grach, aby tworzyć oryginalne treści.

Plus City od Yandex

Gra mobilna Yandex to symulator budowy miasta, w którym użytkownicy mogą tworzyć i rozwijać własne wirtualne miasto. Gracze mają możliwość wznoszenia różnych budynków, rozwijania infrastruktury i zarządzania zasobami. Za osiągnięcia w grze użytkownicy otrzymują zniżki na usługi Yandex i inne atrakcyjne bonusy na przyszłe zakupy. Ta gra jest nie tylko zabawna, ale także oferuje realne korzyści, co pomaga przyciągnąć nowych graczy i utrzymać zainteresowanie ekosystemem Yandex.

Plus City to pełnoprawna gra zintegrowana z usługą. Twórcy starannie przemyślali strategiczną rozgrywkę, w tym punkty kontrolne i system motywacyjny w postaci bonusów dostępnych w usłudze. Gracze mogą wchodzić w interakcje z elementami otoczenia i obserwować działania innych graczy, tworząc wyjątkową społeczność graczy.

Plus City tworzy atmosferę przypominającą świat The Sims, w którym gracz wciela się w protagonistę odpowiedzialnego za rozwój i rozbudowę swojego miasta. Obiekty architektoniczne w grze mają wygląd przypominający zabawkę, co zachęca do interakcji i odkrywania ich unikalnych detali. Gracze mogą budować, rozwijać i wypełniać miasto życiem, tworząc wyjątkowe przestrzenie i czerpiąc przyjemność z procesu budowy miasta.

Paleta kolorów zawiera jasne i nasycone odcienie. Różowy i pomarańczowy służą do akcentowania i podkreślania kluczowych informacji. Fiolet zwraca uwagę na oferty specjalne i promocje. Te kontrastowe zestawienia wzmacniają hierarchię wizualną, która skutecznie podkreśla ważne elementy interfejsu i poprawia doświadczenia użytkownika. Właściwe wykorzystanie palety kolorów przyczynia się do stworzenia atrakcyjnego projektu, łatwo dostrzegalnego przez użytkowników.

Zrzut ekranu: aplikacja Plus City / Skillbox Media

W projekcie gry wykorzystano przestrzeń negatywną, aby uniknąć wizualnego bałaganu. Siatka modułowa stanowi podstawę tworzenia uporządkowanych i logicznych układów, zapewniając harmonijne postrzeganie treści i poprawiając doświadczenia użytkownika.

Zrzut ekranu: aplikacja Plus City / Skillbox Media

Aplikacja Dodo Pizza

W Aplikacja Dodo Pizza oferuje różnorodne minigry, które pozwalają użytkownikom zdobywać bonusy. Bonusy te można wykorzystać do otrzymywania rabatów na zamówienia lub dodawania dodatków do pizzy. Ta funkcja stanowi ważny element strategii marketingowej Dodo Pizza, mającej na celu poprawę jakości obsługi klienta i zwiększenie częstotliwości zamówień. Gry w aplikacji nie tylko zapewniają rozrywkę, ale także sprawiają, że proces zamawiania jest bardziej angażujący i opłacalny dla klientów.

Każda minigra przywołuje wspomnienia klasycznych gier typu „chips and dicers”, popularnych na starszych telefonach komórkowych Motoroli, Nokii i Siemensa. Wiele osób pamięta grę, w której trzeba było budować domy, ustawiając je jeden na drugim. Zespół Dodo postanowił wykorzystać nostalgię starszego pokolenia i zintegrował tę mechaniczną koncepcję z aplikacją. To rozwiązanie nie tylko przyciąga użytkowników, ale także tworzy wyjątkowe doświadczenie, łączące prostotę i emocje.

Gry Dodo charakteryzują się przemyślanym designem, żywą grafiką i złożoną mechaniką, która zawiera różnorodne elementy. Użytkownicy mogą używać waluty w grze do zakupu prawdziwych towarów. Gamifikacja w Dodo opiera się na procesie zdobywania tej waluty, co sprawia, że ​​interakcja z produktem jest bardziej angażująca i motywująca.

Zrzut ekranu: aplikacja Dodo Pizza / Skillbox Media

Karty zawierają charakterystyczne ilustracje, które w żywy sposób oddają istotę zadania lub wskazówki w swoim rozwiązaniu. Ich styl tworzy pozytywny i radosny nastrój dzięki zastosowaniu jasnych i kontrastowych kolorów, takich jak czerwony, żółty, zielony i pomarańczowy. Symetryczne elementy ilustracji wzmacniają poczucie porządku i harmonii. Wykorzystanie prostych figur geometrycznych pomaga skupić uwagę na kluczowych aspektach zadań, co sprawia, że ​​proces nauki jest bardziej angażujący i efektywny.

Zrzut ekranu: aplikacja Dodo Pizza / Skillbox Media

Podczas oczekiwania na zamówienie obserwujemy pudełka z unikalnym wzorem pizzerii, które dzięki Kontrast z otaczającym tłem. Gry są łatwe do zrozumienia i zapamiętania. Aby ułatwić śledzenie wyników, projektanci opracowali panel liczbowy, który pozwala kontynuować grę nawet po osiągnięciu maksymalnej liczby dodocoinów. Takie podejście nie tylko poprawia komfort użytkowania, ale także sprzyja zapamiętywaniu marki.

Aplikacja Alfa-Bank

Aplikacja Alfa-Bank oferuje wbudowane minigry, które oferują użytkownikom angażujące zadania. Za ich wykonanie klienci banku mogą otrzymać różne nagrody, w tym cashback, punkty bonusowe i zniżki na produkty bankowe lub usługi partnerskie. Gry są nie tylko zabawne, ale także pomagają zaoszczędzić sporo na transakcjach finansowych, co czyni aplikację jeszcze bardziej atrakcyjną.

Minigry banku oferują pełnoprawną mechanikę gry, w tym zadania, poziomy, nagrody i śledzenie postępów. Gry te motywują użytkowników do podejmowania działań finansowych, zapewniając bonusy i osiągnięcia w grze. System nagród w połączeniu z interaktywną formą sprawia, że ​​minigry stanowią skuteczne narzędzie grywalizacji, które pomaga zwiększyć zaangażowanie użytkowników i poprawić ich wiedzę finansową.

Zrzut ekranu: aplikacja Alfa-Bank / Skillbox Media

Główną cechą „Alfy” są osiągnięcia, wykonane w lakonicznym stylu, z wykorzystaniem czystych linii i geometrycznych kształtów. Nie są przeładowane zbędnymi szczegółami i dzięki podobnym fakturom i kolorystyce harmonijnie komponują się z innymi elementami 3D banku. Osiągnięcia te podkreślają nowoczesny i surowy styl banku, tworząc wrażenie profesjonalizmu i rzetelności.

Obraz: Zespół Mish
Przykład osiągnięć bankowych. Zdjęcie: Zespół Mish

„Słownik Darkstore” firmy Samokat

To humorystyczny słownik terminów związanych z pracą darkstore'ów, czyli magazynów obsługujących zamówienia online, a także z wewnętrzną kulturą firmy Samokat. Słownik oferuje zabawne, a czasem wręcz humorystyczne, definicje pojęć i procesów spotykanych w codziennej pracy pracowników dark store'ów. Takie podejście pomaga lepiej zrozumieć specyfikę pracy i sprzyja budowaniu poczucia humoru oraz przyjaznej atmosfery wśród pracowników firmy.

Mechanika gry opiera się na motywacji, a gracze osiągają nowe rangi z każdym kolejnym poziomem. Rozgrywka oferuje unikalne postacie, a także zabawne frazy i tytuły, które dodają emocji. Dodatkowo użytkownicy aplikacji otrzymują kupony, które można wykorzystać do zakupów w markecie, co przyczynia się do dodatkowego zainteresowania i zaangażowania w rozgrywkę.

Zrzut ekranu: aplikacja Samokat / Skillbox Media
Ilustracje w płaskiej formie oddają atmosferę miejskiego krajobrazu poprzez obrazy dróg, budynków i ludzi. Tworzy to więź z główną ideą usługi – mobilnością w nowoczesnych miastach – i promuje komfort oraz bliskość z zespołem realizującym dostawę. Zrzut ekranu: aplikacja „Samokat” / Skillbox Media

Aplikacja „Introvert's Right Brain”

„Introvert's Right Brain” to wyjątkowa usługa stworzona z myślą o rozwijaniu erudycji w dziedzinie nauk humanistycznych. Obejmuje szeroki zakres zainteresowań, w tym memy i anime. Użytkownicy mają dostęp do minigier i aktywności, które nie tylko angażują, ale także sprzyjają interakcji z zespołem. Dodatkowo usługa oferuje interaktywną aplikację mobilną, dzięki której proces nauki jest angażujący i dostępny w dowolnym momencie.

W tym tekście podzielę się najciekawszymi aspektami, które nadają mechanice aplikacji charakter pełnoprawnej gry. Funkcje interakcji, elementy grywalizacji i dynamika procesów tworzą angażujące doświadczenie dla użytkowników. Przeanalizujemy, jak te elementy wpływają na retencję użytkowników i zwiększają ich zaangażowanie, przekształcając prostą aplikację w wciągające doświadczenie gamingowe.Rankingi studentów to skuteczne narzędzie, które zachęca do aktywnej rywalizacji między uczestnikami. Przyjazny interfejs strony zapewnia natychmiastowy dostęp do informacji o najlepszych użytkownikach, sprzyjając zdrowej atmosferze rywalizacji. Takie podejście nie tylko motywuje uczniów do osiągania nowych szczytów, ale także pozwala im śledzić swoje postępy w czasie rzeczywistym.

Zrzut ekranu: aplikacja „Introvert's Right Brain” / Skillbox Media

Nagrody i osiągnięcia są popularnym elementem tworzenia gier, szeroko wykorzystywanym w nowoczesnych interfejsach. Zespół serwisu wykorzystuje proste i zapadające w pamięć obrazy, takie jak postacie z gry i postacie historyczne, aby uczynić proces zdobywania nagród bardziej angażującym i atrakcyjnym dla użytkowników. Skuteczne wykorzystanie takich elementów może znacznie zwiększyć zaangażowanie graczy i poprawić ogólne wrażenia użytkownika.

Podczas studiowania danego tematu uczniowie otrzymują karty z unikalnymi, dwuwymiarowymi ilustracjami w pastelowych odcieniach, wykonanymi w animowanym stylu. Te karty nie mają tekstur, co usprawnia interfejs i pozwala uczniom skupić się na nauce.

Zrzut ekranu: aplikacja „Introvert's Right Brain” / Skillbox Media
Zrzut ekranu: aplikacja „Introvert's Right Brain” / Skillbox Media

Dzięki platformie „Knowledge Progress” uczniowie mogą skutecznie śledzić swoje osiągnięcia i nieobecności. Funkcja „Spark of the Day” jest aktywowana po wykonaniu wszystkich zadań na dany dzień. Jeśli zadania nie zostaną wykonane, użytkownicy otrzymują ocenę, która negatywnie wpływa na ich wyniki w nauce. Takie podejście sprzyja regularnej analizie postępów i zwiększa motywację uczniów do nauki. Platforma pomaga wyrobić nawyk odpowiedzialności za własną naukę, co z kolei poprawia wyniki i sprzyja lepszemu przyswajaniu materiału.

Zrzut ekranu: aplikacja „Introvert's Right Hemisphere” / Skillbox Media

Dowiedz się więcej Dowiedz się więcej o projektowaniu, subskrybując nasz kanał na Telegramie. Dzielimy się najnowszymi wiadomościami, przydatnymi wskazówkami i inspirującymi pomysłami ze świata designu. Dołącz do nas, aby być na bieżąco z ciekawymi treściami i rozwijać swoje umiejętności w tej dziedzinie.

Przeczytaj także:

  • Zaangażowanie użytkownika: 5 narzędzi dla projektanta UX/UI
  • Projektowanie interfejsu: 8 zasad, które powinien znać każdy projektant UX
  • Błędy logiczne w interfejsach
  • „Szpital psychiatryczny jest w rękach pensjonariuszy”. Jak poprawnie projektować interfejsy
  • Heurystyka Nielsena: 10 zasad użyteczności w projektowaniu interfejsów
  • Projektowanie ruchu w interfejsach: dlaczego animacja UX jest potrzebna i jakie efekty są w niej wykorzystywane