Ha a látvány minősége múlna a pixelek számán, a legrégebbi játékok mind élvezhetetlenek lennének. A tapasztalat viszont mást mutat: néhány évtizedes cím ma is kézre áll, míg egy technikailag sokkal fejlettebb felület képes néhány perc alatt elfárasztani a felhasználót. A különbség nem a grafikus teljesítményben rejlik, hanem abban, hogyan viselkedik a felület használat közben.
A korlát mindig formálta a stílust
A korai játékok néhány színnel és apró képpontokból álló elemekkel dolgoztak, mert a hardver nem engedett többet. A tervezők ezért a felismerhetőségre optimalizáltak, nem a részletességre, és pontosan ez maradt fenn stílusként. A szűkös erőforrás tehát nem korlátozta a kifejezést, hanem irányt adott neki, és a mai napig visszatérő formanyelvet hozott létre.
A böngészős korszakban a beépülő technológiák tették lehetővé az animált felületeket, majd a HTML5 megjelenése hozta el a telepítés nélküli, bármely eszközön futó megoldásokat. Az áttérés nem csupán technikai lépés volt: ekkor vált végleg a mobilképernyő elsődleges tervezési szemponttá, és ez írta át a teljes elrendezési logikát.
Érdemes külön kezelni a két fogalmat, amit a köznyelv gyakran összemos. A grafikai megjelenítés a látvány kialakításáról szól, a felhasználói élmény tervezése viszont arról, hogy az elemek elrendezése és sorrendje mennyire teszi könnyűvé a használatot. Egy felület lehet gyönyörű és mégis kényelmetlen, és fordítva is előfordul.
Amit a szem előbb dolgoz fel, mint az agy
A használhatóság első kérdése nem az, hogy szép-e a felület, hanem hogy egyetlen pillantásból kiolvasható-e a legfontosabb adat. A tervezők ezért dolgoznak vizuális hierarchiával, ahol méret, kontraszt és elhelyezés együtt jelöli ki a fontossági sorrendet.
Néhány jel azonnal elárulja, hogy egy felület jól sikerült:
- Az aktuális egyenleg és a tétméret egymás mellett, azonos nézetben látszik
- A fő működtető gomb hüvelykujjal is elérhető távolságban van
- A színek jelentést hordoznak, nem csak díszítenek
- A szöveg olvasható marad kisebb telefonképernyőn is
- A kikapcsolható elemek valóban kikapcsolhatók
Ezek az elvek nem játékspecifikusak, a felületek tervezésénél máshol is ugyanezek érvényesek. A Yep Kaszinó Online platformjához hasonló oldalakon ugyanezt a hierarchiát követi a kategóriaválasztó és a keresés elhelyezése is, mert a felhasználó ugyanazzal a mozdulattal navigál.
Az információsűrűség kérdése ugyanide tartozik. Kis képernyőn nem fér el minden adat egyszerre, tehát a tervezőnek döntenie kell, mi marad látható és mi kerül egy érintéssel elérhető rétegbe. A rossz döntés itt azonnal érződik, mert a felhasználó folyamatosan nyitogatni kényszerül.
A visszajelzés többet ér a felbontásnál
Egy felület akkor érződik jónak, ha minden érintésre azonnal válaszol. A gomb megnyomását követő néhány század másodperces késés tudatosan alig érzékelhető, mégis bizonytalanságot kelt, és a felhasználó megnyomja még egyszer.
Ezért fektetnek a fejlesztők annyi energiát a mikroanimációkba, a gombok állapotváltozásába és a betöltés vizuális jelzésébe. Ugyanebbe a körbe tartozik a hangtervezés: a kattanás, a csengés és a rövid dallam ugyanolyan visszajelzés, mint a színváltás, csak másik érzékszerven keresztül.
A visszajelzés hiánya különösen zavaró akkor, amikor a háttérben valóban történik valami. Ilyenkor néhány pixeles mozgás, egy halvány pulzálás vagy egy egyszerű töltésjelző elég ahhoz, hogy a várakozás elviselhetővé váljon, és a felhasználó ne gondolja azt, hogy elakadt a program.
A sebesség vizuális tulajdonság
A képfrissítés egyenletessége erősebben hat az élményre, mint a textúrák részletgazdagsága. Egy akadozó animáció rontja a felület megbízhatóságának érzetét, még akkor is, ha a felhasználó nem tudja megnevezni a problémát.
Emiatt választják a fejlesztők a takarékosabb megjelenítést a mobilverzióban. Kevesebb részecskehatás, egyszerűbb háttér és rövidebb átvezetés, cserébe folyamatos futás gyengébb eszközön is.
Amikor a látvány a tartalom ellen dolgozik
A túltervezett felület ugyanolyan hiba, mint a szegényes. Ha minden elem villog, mozog és hangot ad, a lényeges információ elveszik a zajban.
A leggyakoribb tervezési hibák könnyen felismerhetők:
- Túl sok egyidejű animáció, ami elvonja a figyelmet a fontos adatról
- Alacsony kontraszt, ahol a szöveg beolvad a díszes háttérbe
- Rejtett vagy több lépésre bontott alapfunkció
- Kihagyhatatlan bevezető animáció minden indításkor
- Eltérő logika ugyanazon szolgáltatás mobil és asztali változatában
Az utolsó pont okozza a legtöbb bosszúságot. Ha a felhasználónak eszközönként újra kell tanulnia a felületet, az összes vizuális befektetés kárba vész. Ez a hiba a nyerőgépes kategóriákban figyelhető meg a legkönnyebben, mert ott ugyanaz a cím fut kétféle képernyőméreten, tehát az elrendezés eltérései közvetlenül összevethetők: elég egy tetszőleges játékot megnyitni a Yep Casino Nyerőgép kínálatából telefonon és asztali gépen. A gombok helye, a menük mélysége és az adatok sorrendje árulja el, mennyi munka van a mobilváltozat mögött.
A méretezés a másik visszatérő buktató. Az apró érintőfelületek gyakran vezetnek téves koppintáshoz, ami a legbosszantóbb hibatípus, mert a felhasználó a saját ügyetlenségének tulajdonítja, pedig tervezési probléma áll mögötte.
A jó felület láthatatlan
A tervezés sikerének furcsa mérőszáma, hogy a felhasználó egyáltalán nem gondol rá. Amíg a figyelem a tartalmon marad, addig a felület dolgozik. Amint valaki keresni kezdi a gombot, vagy nem érti, mi történt az előbb, ott hiba van.
A grafika fejlődése ezért nem a fotórealizmus felé tart, hanem a tisztább kommunikáció irányába. A mai eszközök képesek lennének nagyságrendekkel részletesebb képet megjeleníteni, a tervezők mégis egyszerűsítenek, mert a felismerhetőség többet ér a részletnél.
Ha legközelebb egy felület kényelmesnek érződik, érdemes megállni egy pillanatra és megnézni, mi az, ami hiányzik belőle. Jó eséllyel egy csomó dolog, amit más felületek feleslegesen odatesznek. Ez a kihagyás a tervezés legnehezebb része, mert az elvégzett munka éppen attól válik láthatatlanná, hogy jól sikerült.
