Felhasználói felület tervezése mobil 2D játékokhoz

Mobil 2D UI dizájn alapok

A Mobil 2D UI dizájn akkor jó választás, ha a játék kezelőfelülete kis képernyőn is gyorsan érthető és könnyen használható. A legtöbb magánügyfél valójában ezt keresi. Nem csak szép gombokat akar, hanem olyan felületet, amely segíti a játékot és nem akadályozza. Egy online szakember ebben tud rendet tenni. Először átnézi a játék célját, a képernyőméreteket, a vezérlést és a játékos útját. Utána készít egy egyszerű szerkezetet, majd ebből lesz a részletesebb képi megoldás. Szerintem itt dől el, hogy a projekt gördülékeny lesz vagy állandó javításba fullad. Ha a menük, ikonok, állapotsávok és felugró elemek már az elején logikus rendszert kapnak, később sokkal kevesebb a felesleges kör.

A jó kezelőfelület nem harsány. Inkább pontos. Én azt látom, hogy sok kérés túl korán a látványra ugrik, miközben a használhatóság még nincs rendben. Pedig egy mobiljáték esetén a játékos pár másodperc alatt eldönti, hogy marad vagy kilép. Ezért a felület tervezése egyszerre vizuális és gyakorlati feladat. Ezen a Qjob.hu oldalon is főleg olyan magánmegrendelők jelennek meg, akik szeretnék tisztán látni, mi fér bele az árba, mit kapnak a végén, és mennyi idő alatt készül el a munka.

Mobil 2D kezelőfelület tervezése

A mobil 2D felület tervezése nem díszmunka. Az a feladata, hogy a játékos gondolkodás nélkül eligazodjon. Ilyenkor fontos a főmenü rendje, a beállítások egyszerűsége, a bolt vagy jutalomképernyő áttekinthetősége, a játék közbeni információk súlya és a gombok mérete. Egy magánügyfélnél gyakori, hogy még nincs végleges minden funkció. Ez nem gond, de a tervezőnek tudnia kell úgy dolgozni, hogy a felület bővíthető maradjon. Tapasztalatom szerint ez az egyik legfontosabb különbség a gyors rajzolás és a valódi tervezés között.

Ide tartozik a képernyők közti kapcsolat is. Honnan hová jut a játékos, milyen egy megerősítő ablak, mennyire látszik az elsődleges művelet, és mi történik hiba esetén. Egy jó UI tervező nem csak egy-egy elemet rajzol, hanem rendszert épít. Ha a projektben van energia, pontszám, tárgykezelés vagy napi jutalom, mindennek közös vizuális logikát kell kapnia. De közben a felületnek illenie kell a játék stílusához is. Egy rajzos, könnyed játék más ritmust kér, mint egy sötétebb taktikai cím. Ezért a távoli munka elején érdemes néhány mintaképet és rövid feladatleírást átadni.

Mobil 2D UI dizájn árak

A Mobil 2D UI dizájn ára többnyire a képernyők számától, a részletességtől és a javítások mennyiségétől függ. Egyetlen kezdőképernyő olcsóbb, mint egy teljes menürendszer ikoncsomaggal és állapotváltozatokkal. 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 mert az igazán használható felület mögött gondolkodás, tesztelés és sok apró döntés áll. Szerintem egy magánmegrendelőnek akkor reális az ár, ha pontosan látja, hány képernyő, hány elem és hány kör javítás tartozik bele.

Ezek nem merev díjak, inkább kapaszkodók. Ha a projektben sok állapot van, például inaktív, aktív, tiltott vagy kiemelt gombok, az ár gyorsan emelkedik. Ugyanez igaz akkor is, ha a megrendelő csak vázlatot ad, és a teljes vizuális irányt is a szakembernek kell kialakítania. De az sem ritka, hogy valaki már kész játékmechanikával érkezik, csak a felület szétesett. Ilyenkor kevesebb a bizonytalanság, így a díj is jobban tervezhető.

Kezelőfelület tervező választása

Ezen a területen a szakember kiválasztása nem ott kezdődik, hogy tetszik-e a munkaminták első képe. A jó válogatás fontos, de önmagában kevés. Nézni kell, hogy az illető mutat-e teljes képernyőket, rendszerben gondolkodik-e, és látszik-e a használati logika. Egy UI tervező akkor hiteles, ha nem csak szép részleteket tud mutatni, hanem azt is, hogyan működik együtt a menü, a játék közbeni sáv és a felugró elemek világa. Én azt látom, hogy sok megrendelő ott hibázik, hogy pusztán illusztrátort keres, miközben valójában kezelőfelületi munkára van szüksége.

Érdemes rákérdezni arra is, hogyan dolgozik. Kér-e rövid feladatleírást, tud-e gyors vázlatot mutatni, hány javítási körrel számol, és milyen fájlokat ad át. Ha egy távoli munkában dolgozó szakember ezeket előre tisztázza, az jó jel. Volt olyan eset, amikor egy ügyfél három külön embertől kért mintát, és végül nem a leglátványosabb tervet választotta, hanem azt, amelyikből rögtön látszott a képernyők közti összefüggés. Később kiderült, hogy ez spórolta meg a legtöbb újratervezést. Szerintem ez tipikus helyzet. Elsőre a látvány húz, de a projektet a következetesség tartja egyben.

Távoli munkafolyamat és határidők

Az online együttműködés ennél a szolgáltatásnál teljesen működőképes. Sőt, gyakran jobb is, mert minden döntés írásban követhető. A folyamat általában rövid feladatleírással indul. Ebben szerepel a játék típusa, célja, célközönsége, a fontos képernyők listája és néhány mintakép. Ezután a szakember készít egy vázlatos irányt, majd jön a részletes kidolgozás. Ha szükséges, külön körben készülnek az ikonok, az állapotváltozatok és a fejlesztőnek szánt átadási fájlok. A kommunikáció többnyire üzenetben zajlik, néha rövid hívással, de nem ez a lényeg. A lényeg az, hogy a feladat legyen világos.

A határidő lehet pár nap vagy több hét. Egy kisebb csomag gyorsabban lezárható, míg egy teljes mobil 2D felület több körös egyeztetést kér. Itt sokat számít, milyen gyorsan érkezik visszajelzés. Ha a megrendelő napokig nem reagál, a projekt szétesik. De az sem jó, ha minden este új irányt ad. Tapasztalatom szerint akkor halad jól a munka, ha a javítások összegyűjtve érkeznek, és minden kör végén egyértelmű döntés születik. Az átadásnál fontos, hogy a fájlnevek, a rétegek és a kiviteli anyagok érthetők legyenek. Itt ezért érdemes már az elején leírni, hogy a végeredmény kép, szerkeszthető forrás vagy mindkettő legyen.

Gyakori hibák a megrendelésnél

Sokan ott hibáznak, hogy túl kevés információt adnak, majd gyors csodát várnak. A másik gyakori gond az, hogy a megrendelő összevissza példákat küld. Egy aranyos gyerekjáték, egy sötét akciójáték és egy visszafogott logikai játék képe ritkán fér meg ugyanabban az irányban. Ilyenkor a tervező találgatni fog, a találgatás pedig idő és pénz. De probléma az is, ha valaki csak annyit ír, hogy kellene pár gomb. Ebből nem derül ki, milyen felbontásról van szó, milyen állapotok kellenek, és hogyan illeszkedik a felület a játék egészébe.

Én azt látom, hogy a minőségi eredményt leginkább az segíti, ha a megrendelő előre eldönti, mi a fontosabb. A gyorsaság, az alacsonyabb ár vagy a kidolgozottabb vizuális rendszer. Mindhárom egyszerre ritkán teljesül. A túl sok utólagos változtatás pedig nem csak drágább lesz, hanem széttöri az egységet is. Egy mobilos kezelőfelületnél különösen veszélyes, ha minden képernyő más logika szerint készül. A játékos ezt azonnal megérzi, még akkor is, ha nem tudja megfogalmazni.

Mit érdemes előkészíteni rendelés előtt

Mielőtt megbízol valakit, érdemes összeszedni néhány alapanyagot. Kell egy rövid leírás a játékról, egy lista a szükséges képernyőkről, pár referencia, valamint az, hogy milyen méretarányra készül a felület. Hasznos az is, ha leírod, kiknek szól a játék és melyik részen akadsz el. Nem kell hosszú dokumentum. Elég, ha a szakember érti, mire kell megoldást adnia. Egy UI tervező ebből már tud kérdezni és reális ajánlatot adni. Ha nincs teljes koncepció, akkor is lehet haladni, csak ezt őszintén jelezni kell.

A Mobil 2D UI dizájn megrendelése akkor lesz nyugodtabb, ha az elvárásaid mérhetők. Például legyen könnyen olvasható a játék közbeni sáv, férjen el minden fontos gomb egy kézzel, vagy illeszkedjen a meglévő karakterrajzokhoz. Ezekből lehet dolgozni. A végén nem az számít, hogy mennyire hangzatos a leírás, hanem hogy a felület valóban működik-e a játékban. És igen, néha egy visszafogottabb megoldás jobb, mint egy látványosabb. Szerintem ezt a pontot sokan csak a második vagy harmadik projekt után látják tisztán.