Felhasználói interakciós sémák kidolgozása

Interakciós sémák

Az interakciós sémák azt mutatják meg, hogyan halad a látogató egy felületen, mire kattint, hol bizonytalanodik el, és mikor jut el a kívánt műveletig. Ha ez a rész gyenge, a szép látvány sem menti meg az oldalt. Sok magánmegrendelő csak akkor veszi észre a hibát, amikor kevés a kapcsolatfelvétel, félbemarad a rendelés, vagy a látogató nem talál vissza egy fontos lépéshez. Ilyenkor nem új színek kellenek elsőként, hanem átgondolt kezelési logika.

Az interakciós sémák tervezése nem csak nagy rendszerekhez kell. Egy kisebb webáruház, időpontfoglaló oldal vagy szolgáltatói felület is sokat javulhat tőle. A felhasználói minták segítenek abban, hogy kevesebb legyen a felesleges kattintás, tisztább legyen a sorrend, és érthetőbb legyen minden visszajelzés. Szerintem ez az a pont, ahol a legtöbb pénz el tud folyni észrevétlenül. Nem fejlesztési hiba miatt, hanem azért, mert a látogató egyszerűen elfárad.

Milyen hibákat oldanak meg a felhasználói minták

A legtöbb gond ott kezdődik, hogy a megrendelő belülről nézi a saját oldalát. Tudja, mit hol keresne, ezért természetesnek érzi a lépéseket. A látogató viszont először jár ott. Nem tudja, mit jelent egy gomb neve, nem érti, miért kell két hasonló oldal között választani, és nem látja, hogy egy művelet már sikerült-e. Sokaknál a kosár, az űrlap vagy a belépés azért teljesít rosszul, mert a működési logika széttöredezett.

Gyakori hiba, amikor túl sok döntést kérnek túl korán. Másik tipikus gond, amikor nincs egyértelmű visszajelzés mentés után. De az is visszatérő probléma, hogy a mobilos és az asztali használat között teljesen más a sorrend, ezért a felhasználó újra tanulja az oldalt. Egy jó UX tervező ilyenkor nem díszít, hanem rendet rak. És ez sokszor fontosabb, mint egy teljes újratervezés.

Volt olyan eset, amikor egy ügyfél azt hitte, a kapcsolatfelvételi űrlapjával nincs baj, mert technikailag működött. Mégis alig jött üzenet. A gond végül az volt, hogy a küldés előtt megjelent egy bizonytalan megfogalmazású plusz kérés, amit sokan ellenőrzésnek vagy rejtett feltételnek éreztek. Kivették, egyszerűsítették a folyamatot, és rövid időn belül több lett az elküldött érdeklődés. Nem látványos javítás volt, de hatott.

Interakciós sémák árak

Az ár attól függ, hogy egyetlen folyamatot kell átnézni, vagy egy egész felület viselkedését kell újrarendezni. Más munka egy rövid foglalási út, és más egy összetett keresési, szűrési vagy rendelési folyamat. Aki nagyon olcsón vállalja, gyakran csak felületes megjegyzéseket ad, valódi szerkezet nélkül. Az én tapasztalatom az, hogy 25.000 alatt ritkán kap az ember használható, végiggondolt anyagot. Lehet találni olcsóbb ajánlatot, de ott sokszor nincs valódi elemzés, csak gyors vélemény.

Ezek nem merev díjak, inkább irányok. Egy tapasztalt UX tervező magasabb összeget kérhet, főleg akkor, ha nem csak észrevételeket ad, hanem teljes kezelési útvonalat is felépít. És van, amikor ez indokolt. Mert ha egy rossz lépés miatt marad el a megrendelés, akkor a spórolás végül drágább lesz.

Hogyan válassz UX tervezőt

Én mindig azt nézem meg először, hogy a szakember hogyan beszél a problémáról. Ha csak látványról, színekről és modern hatásról beszél, az kevés. Ha lépésekről, döntési pontokról, hibás elágazásokról és bizonytalan visszajelzésekről is szó van, az már jobb jel. Egy UX tervező akkor hasznos, ha nem sértődik meg a kérdésektől, hanem képes megmutatni, miért akad el a látogató.

Sokat számít a bemutatott munka is. Nem csak az érdekes, hogy milyen lett a végeredmény, hanem az is, milyen gondot oldott meg. Kérdezz rá arra, hogy szokott-e felhasználói útvonalat rajzolni, készít-e vázlatot, és tud-e több megoldást mutatni ugyanarra a helyzetre. A jó szakember nem feltétlenül beszél bonyolultan. Inkább érthetően fogalmaz, és nem akar mindenre ugyanazt a sablont ráhúzni.

Qjob.hu felületén érdemes olyan profilt keresni, ahol a szakember munkái között látszik, hogy foglalkozott már webes használattal, rendelési úttal, űrlapokkal vagy mobilos kezeléssel. Nekem az is fontos, hogy legyen benne józan mérték. Aki mindenre teljes újratervezést javasol, az sokszor nem a valódi problémát keresi, hanem a nagyobb munkát.

Mobil és asztali használat rendje

Az interakciós sémák egyik legnehezebb része az, hogy ugyanaz a folyamat másképp viselkedik kis kijelzőn. Mobilon rövidebb figyelem jut egy blokkra, nehezebb visszalépni, és könnyebb mellényomni. Ezért ami asztali nézetben még elfogadható, mobilon már kényelmetlen lehet. A felhasználói minták itt akkor jók, ha a fontos döntések hamar látszanak, a gombok egyértelműek, és a visszajelzések nem maradnak le a képernyő alján.

Sokan követik el azt a hibát, hogy a teljes asztali sorrendet egyszerűen összetolják mobilra. Ettől hosszú, fárasztó és bizonytalan lesz a használat. Szerintem jobb külön átgondolni, mire van valóban szükség első lépésben, és mit lehet későbbre hagyni. Nem ugyanaz a tempó, nem ugyanaz a kézmozdulat, és nem ugyanaz a türelem.

Oldaltípusok és környezetek

Nem minden felülethez ugyanaz a szerkezet kell. Egy időpontfoglaló oldalon a gyors haladás fontosabb. Egy szolgáltatói bemutatkozó oldalon a bizalomépítés és az egyenes kapcsolatfelvétel számít. Egy kisebb webáruháznál viszont a keresés, a szűrés, a termékoldal és a kosár együtt adja ki az egész élményt. Az interakciós sémák ezért mindig a konkrét helyzethez igazodnak.

Jó, ha a megrendelő előre átgondolja, hol a legnagyobb veszteség. Az első kattintásnál, a választás közben, az űrlap végén vagy a fizetés előtt. Egy működési logika akkor lesz hasznos, ha nem általános tanácsokból áll, hanem abból, hogy adott oldalon mi miért történik. És igen, néha a legjobb változtatás az, hogy valamit egyszerűen elhagyunk.

Volt már rá példa, hogy valaki ragaszkodott egy látványos köztes képernyőhöz, mert szerinte profi hatást keltett. A látogatók mégis megtorpantak ott. Később kiderült, hogy a köztes lépés semmit nem adott hozzá, csak megszakította a lendületet. Miután kivették, a folyamat rövidebb lett és természetesebb. Ezért mondom, hogy a kevesebb néha tényleg több, de csak akkor, ha okkal rövidítünk.

Megbízható folyamat és tiszta visszajelzés

A jó kezelési rendszer egyik alapja a világos visszajelzés. Mentés után legyen egyértelmű, hogy sikerült-e. Hiba esetén derüljön ki, mi a gond, ne csak annyi, hogy rossz adat. Küldés közben lássa a felhasználó, hogy történik valami. Apróságnak tűnnek, de ezek tartják egyben a bizalmat. Ha a látogató kételkedik, sokszor inkább kilép.

Én személy szerint jobban szeretem azokat a megoldásokat, ahol a rendszer előre segít, nem utólag büntet. Például már gépelés közben jelzi, mire kell figyelni, vagy rögtön mutatja, melyik lépés következik. Ez emberibb és kevésbé fárasztó. Az interakciós sémák akkor működnek jól, ha a felhasználó nem érzi külön munkának a használatot. Csak megy előre, és közben nem kell találgatnia.

Összességében a felhasználói minták nem díszítő elemek, hanem döntések sorozata arról, hogyan haladjon valaki egy felületen. Ha ezt sikerül rendbe tenni, a weboldal nyugodtabb, átláthatóbb és eredményesebb lesz. Nem minden oldalon kell nagy beavatkozás. De ahol sok a megszakadt folyamat, ott ez az egyik legjobb hely a javításra.