Játékos felhasználói felületek tervezése és fejlesztése

Játékos elemek online tervezése magánügyfeleknek

A Játékos elemek akkor hasznosak, ha egy oldal, alkalmazás vagy digitális anyag nemcsak informálni akar, hanem bevonni is szeretné a felhasználót. Itt nem gyerekes díszítésről van szó. Inkább olyan apró, jól átgondolt megoldásokról, amelyek miatt az ember tovább marad, könnyebben dönt, vagy szívesebben fejezi be a folyamatot. Ilyen lehet egy haladási sáv, jelvény, pontgyűjtés, kihívás, visszajelző animáció, állapotjelzés vagy egy rövid interaktív lépés.

Én azt látom, hogy sok magánügyfél akkor kezd el ilyen megoldást keresni, amikor a meglévő felület már működik, de unalmas. Van látogató, van tartalom, mégsem történik elég kattintás, kitöltés vagy visszatérés. A játékos felületelemek ebben segíthetnek, ha nem öncélúak. Egy jó tervező először a célt érti meg, és csak utána javasol formát.

A Qjob.hu felületén magánszemélyek is kereshetnek olyan szabadúszót, aki távolról vállal ilyen digitális tervezési munkát. A megbízás általában online egyeztetéssel indul. A megrendelő elküldi a meglévő oldalt, képernyőképeket, rövid leírást vagy példákat. A szakember ezek alapján javaslatot ad arra, milyen interaktív részletek illenek a feladathoz.

Játékos elemek típusai

A játékos megoldások sokfélék lehetnek. Nem minden feladathoz kell teljes pontrendszer vagy összetett kihívássor. Néha elég egy jól látható lépésmutató, amely megmutatja, hol tart a felhasználó. Máskor egy rövid sikerüzenet vagy vizuális visszajelzés ad elég megerősítést.

Gyakori kérés az űrlapok élénkítése. Például egy hosszabb kérdőívnél a felhasználó látja, hogy hány lépés van hátra, és kap egy kis visszajelzést minden kitöltött rész után. Ez egyszerűnek tűnik, de sokat számíthat. Szerintem az ilyen apró részletek akkor működnek jól, ha nem lassítják a folyamatot.

Más esetben tanulási anyaghoz, bemutató oldalhoz vagy szolgáltatási felülethez készülnek gamifikált elemek. Ilyenkor a cél lehet a figyelem fenntartása. A felhasználó nemcsak olvas, hanem választ, halad, kap egy jelzést, és érzi, hogy része van a folyamatnak. Ez különösen akkor fontos, ha a téma száraz vagy bonyolult.

Játékos felületelemek árai

Az ár főleg attól függ, mennyi gondolkodást igényel a működés. Egy ikon vagy egy jelvény önmagában nem drága feladat. De ha mögötte szabályrendszer, több felhasználói állapot, eredménylogika és javítási kör van, akkor a munka már nem csak grafikai tervezés.

Tapasztalatom szerint a túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden olcsó ajánlat rossz. Hanem azért, mert a gamifikációs részleteknél könnyű kihagyni a lényegi kérdést. Mitől lesz érthető, hasznos és nem zavaró az elem. Ha erre nincs idő, akkor a végeredmény látványos lehet, de nem biztos, hogy segíti a felhasználót.

Érdemes előre tisztázni, hogy az ár csak látványtervet tartalmaz, vagy működési logikát is. Fontos az is, hogy hány javítási kör fér bele. Egy magánügyfélnek nem mindig kell nagy dokumentáció. De egy rövid leírás a működésről sok félreértést megelőz.

Játékos elemek tervezési folyamata

A munka jó esetben nem azzal indul, hogy a tervező azonnal rajzol. Először meg kell érteni, hol jelenik meg az elem, mit kell elérnie, és milyen döntést várunk a felhasználótól. Ez lehet vásárlás, regisztráció, tanulási lépés, kérdés megválaszolása vagy egyszerű figyelemfenntartás.

Ezután jön a rövid terv. Ebben szerepelhet a működési elv, a fő képernyők, az állapotok, a szövegek hangneme és a vizuális irány. Ha a feladat kisebb, elég lehet néhány képernyőkép és jegyzet. Ha összetettebb, akkor kattintható minta is készülhet, amelyen látszik a folyamat.

Volt olyan eset, amikor egy ügyfél csak egy pontgyűjtő ikont szeretett volna a felületére. Az egyeztetés közben derült ki, hogy valójában a felhasználók nem értették, miért kell több lépést elvégezniük. A megoldás végül nem egy külön ikon lett, hanem egy világosabb haladási út, rövid magyarázatokkal és visszajelzésekkel. A végeredmény egyszerűbb lett, mégis használhatóbb.

A kész anyag átadása általában fájlban vagy tervezői felületen történik. A megrendelő megkapja a képernyőterveket, a szükséges állapotokat, a rövid működési leírást és adott esetben az átadáshoz szükséges megjegyzéseket a fejlesztőnek. És itt fontos a pontosság. Ha csak egy szép kép készül, abból később sok kérdés lesz.

Megfelelő szakember kiválasztása

A megfelelő szakember nemcsak szépen rajzol, hanem érti a felhasználói viselkedést is. Érdemes olyan munkákat kérni tőle, ahol látszik a gondolkodás. Nem elég egy látványos képernyő. Jó jel, ha a portfólióban van folyamat, állapot, magyarázat és valamilyen interaktív logika.

Sokan ott hibáznak, hogy csak a stílust nézik. Tetszik a szín, tetszik az ikon, ezért megrendelik a munkát. Később derül ki, hogy a felület nehezen használható. A játékos felületelemeknél a látvány csak az egyik réteg. A másik a szabály. A harmadik a ritmus. Mikor jelenik meg az elem, mit kér a felhasználótól, és mi történik utána.

Érdemes rákérdezni arra is, hogy a szabadúszó hogyan kezeli a javításokat. Egy ilyen munka közben gyakran változik a megoldás. A megrendelő lát valamit, kipróbálja fejben, majd észreveszi, hogy egy lépés túl hosszú vagy nem elég világos. Ez természetes. De jobb, ha a javítások száma és menete már az elején ismert.

Online együttműködés játékos elemeknél

Az ilyen munka jól végezhető távolról. A lényeg a pontos feladatleírás és a rendszeres rövid egyeztetés. A megrendelő elküldi a célokat, a meglévő anyagokat, a célközönséget és néhány példát arra, milyen irányt szeretne elkerülni vagy követni. Ez sokkal hasznosabb, mint egy általános mondat arról, hogy legyen modernebb.

A kommunikáció általában üzenetben, videós egyeztetéssel vagy megosztott tervezői felületen történik. Nem kell hosszú megbeszélés minden részlethez. De kell egy közös nyelv. Ha a megrendelő nem tudja pontosan megfogalmazni, mit szeretne, akkor képernyőképekkel és rövid megjegyzésekkel is lehet dolgozni.

A határidő kisebb feladatnál 2-5 munkanap is lehet. Egy összetettebb gamifikált folyamat ennél hosszabb. Főleg akkor, ha több állapot, több képernyő és kattintható minta is készül. Szerintem a túl szoros határidő itt könnyen a minőség rovására megy, mert a működési logikát át kell gondolni.

Játékos elemek hibái és minősége

A leggyakoribb hiba az, hogy a játékosság rákerül a felületre, de nem kapcsolódik a célhoz. Van pont, van jelvény, van animáció, de a felhasználó nem érti, miért fontos. Ettől a felület nem lesz jobb. Néha még zavaróbb lesz.

Másik hiba a túl sok inger. Egy online felületen az ember gyorsan dönt. Ha minden villog, mozog, jelez és jutalmaz, akkor a lényeg elveszik. A jó játékos elemek nem veszik át az irányítást. Csak segítik a haladást.

Minőségi eredmény akkor születik, ha a tervező visszafogottan gondolkodik. Megnézi a felhasználói útvonalat, kiválasztja a legfontosabb pontokat, és oda tesz visszajelzést, ahol annak értelme van. Ez kevésbé látványos mondat, de a gyakorlatban sokkal többet ér.

A megrendelő oldaláról az is fontos, hogy ne kérjen mindent egyszerre. Először elég lehet egy kisebb rész kipróbálása. Egy űrlap, egy tanulási lépés vagy egy eredményképernyő. Ha ez működik, később lehet bővíteni. Így kisebb a kockázat, és a döntések is tisztábbak maradnak.