Intuitív gombok és vezérlőelemek létrehozása

Intuitív gombok létrehozása

Az intuitív gombok létrehozása akkor válik igazán fontossá, amikor egy magánügyfél azt látja, hogy a felhasználó eljut az oldalra, nézelődik, de nem kattint ott, ahol kellene. Ilyenkor a gond sokszor nem a szolgáltatásban vagy a tartalomban van, hanem abban, hogy a kezelőelemek nem beszélnek világosan. Egy gomb lehet szép, mégis bizonytalan. Egy vezérlő lehet rendezett, mégis félreérthető. A jó felület ennél egyszerűbb. Megmutatja, mire lehet kattintani, mit fog okozni a kattintás, és mit várhat az ember a következő lépésben. A Qjob.hu oldalon is ezért keresnek sokan egyéni szakembert erre a feladatra, mert az online eredményeken gyakran nem látványos újratervezés, hanem jobb döntési pontok segítenek.

Szerintem ezen a területen az egyik legnagyobb félreértés az, hogy a gomb csak egy kis vizuális elem. Valójában ez az egyik legerősebb irányító eszköz egy digitális felületen. Ha rossz helyen van, ha rosszul van megfogalmazva, ha hasonlít valami másra, vagy ha nem látszik rajta az állapota, akkor a felhasználó bizonytalanná válik. És a bizonytalan felhasználó sokszor nem kattint. Vagy rossz helyre kattint. Vagy kétszer kattint. És ebből máris jönnek a hibák, a megszakított folyamatok, a fölösleges kérdések és az elveszett érdeklődések.

Gombok és vezérlők szerepe

Egy online felületen a gombok és vezérlők nem díszítőelemek. Ezek mutatják meg, hol lehet továbblépni, visszamenni, menteni, törölni, megerősíteni vagy megszakítani valamit. Én azt látom, hogy a legtöbb magánügyfél akkor jut el ehhez a problémához, amikor már érzi, hogy valami nem működik, de nem tudja pontosan megfogalmazni, mi. Azt mondja, hogy az oldal kicsit nehézkes, a felhasználók sokat kérdeznek, vagy a kattintási arány gyenge. Nagyon gyakran a háttérben nem összetett technikai hiba van, hanem rosszul olvasható vezérlés.

A nemzetközi használhatósági alapelvek régóta ugyanarra mutatnak rá. A rendszer állapota legyen látható, a működés igazodjon az emberek természetes elvárásaihoz, legyen következetes, és segítsen a hibák megelőzésében. Ez a gomboknál különösen fontos, mert itt a felhasználó gyors döntést hoz, általában sok gondolkodás nélkül. Ha a gomb nem egyértelmű, máris megtört az áramlás.

Egy jó egyéni szakember ezért nem csak a színeket vagy a méretet nézi. Azt is vizsgálja, hogy a gomb szövege valóban érthető-e, a vezérlő elhelyezése logikus-e, és a képernyőn minden interaktív elem ugyanazt a viselkedési mintát követi-e. Ha nem, akkor a felhasználó újra és újra tanulni kénytelen a felületet. Ez pedig fárasztó.

Intuitív vezérlők tipikus hibái

Sokan ott hibáznak, hogy a kattintható elemeket túl hasonlóvá teszik a sima szöveghez vagy más passzív elemekhez. Ilyenkor a felhasználó nem tudja első pillantásra, mi interaktív és mi nem. Ez különösen kellemetlen mobilon, ahol kevesebb hely áll rendelkezésre, és gyorsabb döntések születnek. Ha valami gombnak látszik, de nem kattintható, az bosszantó. Ha kattintható, de nem látszik annak, az pedig csendben rontja az eredményt.

Másik gyakori hiba a túl általános gombfelirat. Az olyan szövegek, mint tovább, küldés vagy ok önmagukban sok helyzetben kevés támpontot adnak. A felhasználó szeretné tudni, hogy a kattintás után mentés történik-e, ajánlatkérés indul-e, letöltés jön-e, vagy csak a következő lépés nyílik meg. Tapasztalatom szerint a pontatlan felirat sokkal több zavart okoz, mint azt elsőre gondolják.

Gond az is, amikor túl sok elsődleges gomb kerül egy képernyőre. Ha minden fontosnak tűnik, akkor valójában semmi nem kap igazán erős hangsúlyt. A felhasználó ilyenkor lassabban dönt, vagy rossz irányba indul el. Volt olyan eset, amikor egy ügyfél azt hitte, a teljes oldal újratervezése kell majd, közben a fő probléma csak annyi volt, hogy ugyanazon a felületen négy majdnem egyforma erősségű gomb jelent meg egymás mellett. A sorrend és a hangsúly javítása után a felület sokkal nyugodtabb lett.

Gombállapotok és visszajelzés

Az intuitív gombok létrehozása nem áll meg ott, hogy van egy jól látható kattintható elem. A gombnak viselkednie is kell. Látszódnia kell, ha aktív, ha le van tiltva, ha megnyomták, ha fókuszba került, vagy ha éppen tölt valamit. Én azt látom, hogy ezen sok felület elbukik. A tulajdonos azt hiszi, hogy elég a normál állapotot szépen megrajzolni. A felhasználó viszont a teljes folyamatban él, nem csak az első pillanatban.

Ha nincs egyértelmű visszajelzés, abból gyorsan bizonytalanság lesz. Az ember rákattint, nem történik semmi látható, ezért újra rákattint. A rendszer közben már dolgozik, de ezt nem mutatja. Később lehet belőle duplázott beküldés, hibás megrendelés vagy egyszerű bosszúság. Egy egyéni szakember ilyenkor nem látványt javít csupán, hanem a felhasználó idejét és türelmét védi.

A visszajelzésnél fontos az is, hogy a letiltott állapot valóban érthető legyen. Ha valami nem használható még, akkor jó, ha az ember azt is érti, miért. Például hiányzik egy mező kitöltése, vagy még nem történt választás. Ha ez nem derül ki, a felhasználó hibának érzékeli a működést. Szerintem ez az egyik leginkább alábecsült pont a vezérlők tervezésében.

Intuitív gombok létrehozása árak

Az intuitív gombok létrehozása ára attól függ, hogy csak néhány vezérlő ellenőrzéséről van szó, vagy egy teljesebb felületi logika rendbetételéről. Magánügyfeleknél gyakori, hogy nem komplett rendszerépítés kell, hanem néhány kulcsfontosságú képernyő javítása. Például kapcsolatfelvételi gombok, vásárlási lépések vezérlői, mentési elemek, választókapcsolók vagy szűrők rendbetétele. Ilyenkor az ár leginkább a terjedelemtől és az átadás módjától függ.

A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden kedvező árú ajánlat rossz, hanem azért, mert a jó vezérlőtervezéshez végig kell nézni a helyzeteket. Nem elég egy képernyőképre rápillantani. Meg kell érteni a felhasználói utat, a hibás kattintásokat, a bizonytalan pontokat és a különböző állapotokat is. Ha valaki ezt túl gyors javításként kezeli, abból ritkán lesz valóban nyugodt és világos felület.

Ezek a díjak tipikusan távoli együttműködésre vonatkoznak, amikor a kommunikáció online zajlik, a felületet linkkel vagy képernyőképekkel adják át, és a kész anyag is digitális formában érkezik vissza. Ha többféle eszközre, többféle felhasználói helyzetre vagy hosszabb folyamatokra kell optimalizálni, az ár magasabb lehet.

Intuitív gombok létrehozása szakember választása

Ha magánügyfélként keresel ilyen munkára valakit, akkor szerintem ne csak a látványos portfóliót nézd. Fontosabb az, hogy a szakember hogyan gondolkodik a felhasználóról. Tud-e röviden és érthetően elmagyarázni egy problémát. Meg tudja-e mondani, hogy egy gomb miért nem elég egyértelmű. Érti-e a különbséget az elsődleges, másodlagos és veszélyes műveletek között. És tud-e nyugodt, következetes rendszert építeni a vezérlőkből.

Jó jel, ha egy szabadúszó szakember nem rögtön teljes áttervezést akar eladni. Inkább kérdez. Mi a cél. Hol akadnak el az emberek. Melyik gomb körül van a legtöbb bizonytalanság. Hol sok a félrekattintás. Egy valóban hasznos együttműködés azzal indul, hogy valaki megérti a problémát, nem azzal, hogy sablont húz rá.

Érdemes mintát kérni a gondolkodásából. Egy rövid értékelés egyetlen képernyőről sokat elárul. Ha pontosan látja a hangsúlyokat, ha tudja, melyik elemet kell csillapítani és melyiket kiemelni, akkor valószínűleg jó kézben leszel. Ha csak általános dicséretet vagy homályos kritikát kapsz, az kevés lesz ehhez a feladathoz.

Online munka menete és átadás

Az ilyen feladatot távolról is jól lehet vinni, ha az elején tiszták a célok. Először általában elküldöd az érintett oldalakat, röviden leírod a gondot, és megmutatod, melyik ponton gyenge az eredmény. Ez lehet kevés kattintás, bizonytalan választás, rossz kitöltési arány vagy sok megszakított folyamat. A szakember ezután végignézi a felületet, és megnézi, hogyan viselkednek a gombok és vezérlők különböző helyzetekben.

Utána jön az elemzés és a javaslat. Ez lehet rövid hibalista, részletesebb audit, képernyőképre írt megjegyzés vagy új drótváz. Itt fontos tisztázni, hogy ki végzi el a tényleges beépítést. Van, aki csak javaslatot kér. Más működő tervet szeretne. A kettő ára, ideje és mélysége nem ugyanaz.

Én azt látom, hogy a jó online együttműködésben a kommunikáció rövid és pontos. Nincs fölösleges szakzsargon. Nincs túlmagyarázás. Van probléma, van rá megfigyelés, és utána jön egy konkrét megoldás. Például ez a gomb legyen feljebb. Ez a felirat legyen egyértelműbb. Itt kell látható töltési állapot. Itt pedig visszaút kell. Ez a fajta tisztaság sokkal többet ér, mint bármilyen hangzatos előadás.

Vezérlők minősége és ügyfélhibák

A minőséget szerintem nem az mutatja meg, hogy mennyire látványosak a gombok. Hanem az, hogy mennyire természetes használni őket. Ha valakinek meg kell állnia gondolkodni azon, mire való egy vezérlő, akkor már van egy kis súrlódás. Egy ilyen súrlódás önmagában talán nem nagy baj. De ha egy folyamatban több is összegyűlik, abból gyorsan lemorzsolódás lesz.

Sokan ott hibáznak, hogy túl sok mindent akarnak egyetlen elembe beletolni. Ikon, hosszú szöveg, extra magyarázat, erős szín, árnyék, keret, minden egyszerre. Ettől a gomb nem lesz egyértelműbb. Inkább idegesebb lesz a felület. Másik tipikus ügyfélhiba, hogy mindenhol ugyanazt a megoldást akarják használni. Pedig más viselkedés kell egy megerősítő gombnál, mint egy szűrőkapcsolónál vagy egy veszélyes törlési műveletnél.

Tapasztalatom szerint a legjobb eredmény akkor jön, ha a felhasználó szinte észre sem veszi a gombot mint külön tárgyat. Egyszerűen csak érzi, hogy világos a következő lépés. Ez az a pont, ahol az intuitív gombok létrehozása valóban értelmet nyer. Nem attól lesz jó a felület, hogy hangosabb. Hanem attól, hogy nyugodtabb, érthetőbb és kevesebb hibát enged meg.