Interaktív elemek nyomás és kölcsönhatás hatásainak létrehozása

Interaktív elemek hatása

Az interaktív elemek hatása akkor látszik igazán, amikor egy oldal nemcsak szép, hanem könnyen használható is. Egy magánügyfél többnyire nem látja külön a tervezést és a használhatóságot, csak azt érzi, hogy valami gyors, érthető és nyugodt, vagy épp fárasztó és bizonytalan. Ilyenkor egy UX tervező vagy felülettervező abban segít, hogy a gombok, mezők, jelzések és apró mozgások ne dísznek legyenek ott, hanem vezessék a felhasználót. A Qjob.hu oldalon ezért sokan nem kész weboldalt keresnek, hanem olyan szakembert, aki rendbe teszi a kattintható elemek logikáját.

Szerintem ez a terület azért fontos, mert a legtöbb hiba nem a nagy funkcióknál jön elő, hanem a kis részleteknél. Egy halvány gomb, egy túl erős mozgás vagy egy későn megjelenő visszajelzés elég ahhoz, hogy a felhasználó megálljon. És ha megáll, gyakran vissza is lép. A felhasználói élmény itt nem elvont fogalom, hanem konkrét viselkedés. Kattint vagy nem kattint. Kitölti vagy bezárja. Megérti vagy bizonytalan marad.

Miért számítanak a kattintható elemek

A kattintható elemek feladata egyszerűnek tűnik, de a gyakorlatban sok mindent visznek a hátukon. Jelezniük kell, hogy mire valók, milyen állapotban vannak, és mi történik utánuk. A nemzetközi UX ajánlások rendszeresen kiemelik, hogy a gombok és más vezérlők állapotjelzése kulcsfontosságú, mert ebből érti meg a felhasználó, hogy a rendszer reagált a műveletére. A magyar nyelvű anyagok is ugyanoda futnak ki. Világos visszajelzés, következetes működés, jó láthatóság és mértékletes animáció kell. citeturn814972search0turn814972search2turn814972search8turn814972search13

Sok magánmegrendelő ott hibázik, hogy csak a látványt figyeli. Azt mondja, legyen modernebb, legyen mozgalmasabb, legyen több effekt. Pedig az interakciók akkor jók, ha nem tolakodnak. Egy lebegő állapot, egy rövid nyomási visszajelzés vagy egy finom betöltési jel sokszor többet ér, mint egy feltűnő mozgás. Személy szerint én a csendes megoldásokat kedvelem. Azokat, amelyek segítenek, de nem kérnek külön figyelmet.

Tipikus hibák a felületi effekteknél

Sok oldalon az a baj, hogy a mozgás nem támogatja a használatot, hanem helyette akar dolgozni. A gomb csúszik, a kártya ugrik, az üzenet késve tűnik fel, és a felhasználó nem tudja, jó helyre nyúlt-e. Ez különösen zavaró mobilon, ahol kevesebb a hely és rövidebb a türelem. A használhatósági kutatások rendre rámutatnak, hogy a bonyolult navigáció, a gyenge vizuális hierarchia és az inkonzisztens visszajelzés visszatérő probléma. citeturn814972search5turn814972search11

Volt olyan eset, amikor egy ügyfél csak annyit mondott, hogy az emberek nem mennek tovább az időpontfoglalás második lépésére. Elsőre minden rendben levőnek tűnt. A gomb ott volt, a szöveg sem volt rossz. De a lenyomás után semmi azonnali reakció nem jelent meg, csak két másodperc múlva indult a következő képernyő. Ez a kis csend elég volt ahhoz, hogy sokan másodszor is megnyomják a gombot vagy kilépjenek. Miután bekerült egy rövid állapotjelzés és egy határozottabb aktív állapot, a továbblépés aránya javult. Ilyen apróságokon megy el sok megrendelés.

Gyakori hiba az is, hogy minden elem ugyanolyan erős hangsúlyt kap. A fő gomb, a másodlagos művelet, a bezárás és a visszalépés egyformán néz ki. Ilyenkor a felhasználó nem kap rangsort. Pedig egy jól dolgozó felülettervező pontosan ezt rendezi el. Nem díszít, hanem döntési helyzetet tisztít.

Árak és tipikus feladatok

Az ár attól függ, hogy egy szakember csak néhány képernyőt néz át, vagy teljes interakciós rendszert alakít ki. Egy rövid ellenőrzés olcsóbb, de sokszor csak felszíni hibákat javít. Egy részletesebb munka már kiterjed a gombállapotokra, az űrlapokra, az érintési zónákra, a visszajelző üzenetekre és a mobilos használatra is. Tapasztalatom szerint a túl olcsó ajánlatoknál gyakran kimarad a valódi tesztelés. És őszintén szólva 12.000 alatt ritkán kapni olyan munkát, amely hosszabb távon is rendet tesz.

Ezek irányárak. Budapest környékén gyakran magasabb összegek jelennek meg, főleg akkor, ha a megbízó gyors határidőt kér vagy több körös egyeztetést szeretne. De a legolcsóbb megoldás sokszor végül drágább. Ha valaki csak látványos effekteket tesz rá a felületre, miközben a mozgás nem segíti a felhasználót, akkor a problémát csak elfedi.

Hogyan válassz szakembert

Ha ilyen munkára keresel embert, ne csak azt nézd meg, hogy készített-e már szép felületet. Fontosabb, hogy tud-e érvelni. Egy használhatósági szakértő vagy UX tervező jó esetben elmagyarázza, miért legyen erősebb a fő gomb, miért legyen rövidebb az animáció, és mikor kell azonnali visszajelzés. Ha valaki csak annyit mond, hogy ezt most így szokás, az nekem kevés.

Szerintem jó jel, ha a szakember kérdez a célcsoportról. Más kell egy idősebb felhasználónak, más egy gyors mobilos kitöltéshez, és más egy olyan oldalra, ahol sok a döntési pont. Jó kérdés az is, hogy a megbízott dolgozik-e meglévő felületen, vagy csak teljes újratervezést vállal. Magánügyfélként gyakran az előbbi életszerűbb. Nem új oldal kell, hanem egy jobb működésű oldal.

Sokan elkövetik azt a hibát, hogy látványtervet kérnek, de nem kérnek képernyőnkénti működési logikát. Pedig pont ott dől el minden. Megjelenik-e a hibaüzenet időben. El lehet-e találni kényelmesen a gombot. Látszik-e, melyik elem aktív. Én mindig azt javaslom, hogy kérj pár konkrét példát régi munkából. Nem hosszú portfóliót, hanem előtte és utána állapotot. Abból gyorsan kiderül, hogy a szakember a valós hibákhoz nyúl-e hozzá.

Interakciók mobilon és kis képernyőn

A mobilos használat külön figyelmet kér, mert itt minden kisebb és gyorsabb. A nemzetközi útmutatók rendszeresen hangsúlyozzák, hogy a fontos műveleteknek könnyen elérhetőnek kell lenniük, a gomboknak pedig egyértelműen kell jelezniük az állapotukat. Az is visszatérő szempont, hogy a felület ne legyen tele felesleges mozgással, mert az csökkenti az érthetőséget és lassítja a döntést. citeturn814972search0turn814972search16turn814972search6

Mobilon különösen zavaró, ha a felhasználó nem tudja, hogy egy kártya egészében kattintható, vagy csak egy kis ikon. Ugyanez igaz a lenyíló elemekre, a kapcsolókra és az apró segédgombokra. Egy jó szakember itt általában nemcsak átrajzol, hanem egyszerűsít is. Kevesebb elem, tisztább döntés, erősebb visszajelzés.

Budapesten sok magánügyfél úgy jut el ehhez a problémához, hogy a weboldala mobilon gyengébben teljesít, mint asztali nézetben. A látogatók jönnek, de nem töltenek ki semmit. Ilyenkor gyakran nem a szöveggel van a baj, hanem a felületi reakciókkal. Egy gomb túl alacsonyan van, egy hibaüzenet lecsúszik a képernyőről, vagy a mező fókusza nem látszik rendesen.

Budapest kerületei és a környék

Helyi keresésnél sokan szeretnének olyan szakembert találni, aki Budapesten dolgozik, vagy legalább ismeri a környéket és személyesen is elérhető. Ennél a szolgáltatásnál a munka sokszor távolról is elvégezhető, de az első egyeztetésnél mégis számít, hogy a megrendelő melyik kerületben van, mikor ér rá, és szeretne-e személyes átbeszélést. A belső kerületekben élők gyakran gyorsabb találkozót kérnek, míg az agglomerációban inkább online konzultáció működik.

Nem mindegy, hogy valaki a XIII. kerületben, Újbudán, Zuglóban vagy Budaörs felé él. Ha személyes munka is van, például közös felületáttekintés, tesztelés vagy workshop jellegű megbeszélés, akkor a helyszín már tényleg szempont. De ha a feladat inkább képernyők javítása és javaslatkészítés, akkor Budapest mellett Érd, Szentendre vagy Dunakeszi sem jelent akadályt. A lényeg az, hogy a szakember legyen pontos és tudjon példákkal dolgozni.

És itt van egy fontos részlet. A helyi jelenlét önmagában nem előny, ha közben a munka gyenge. Inkább választok olyan embert, aki világosan gondolkodik és távolról jól dokumentál, mint olyat, aki közel van, de csak általánosságban beszél a felhasználói élményről.

Mikor éri meg javítani az effektusokat

Akkor éri meg hozzányúlni a felülethez, amikor a felhasználók megakadnak, bizonytalanok vagy túl gyakran félbehagyják a folyamatot. Ilyenkor az interaktív elemek hatása közvetlenül mérhető. Több továbblépés, kevesebb hibás kattintás, tisztább kitöltés, nyugodtabb használat. Nem kell minden alkalommal teljes újratervezés. Néha pár kisebb beavatkozás is elég.

Az is jó időpont, amikor a régi oldal funkcionálisan még megfelel, csak érzésre lett nehézkes. Ez tipikus helyzet magánoldalaknál, időpontfoglaló felületeknél, egyszerű jelentkezési oldalaknál és kisebb webáruházaknál. Egy ilyen munkánál a szakember nem új márkát épít, hanem az akadályokat szedi ki a folyamatból. Ez sokkal földközelibb feladat, mint ahogy elsőre hangzik.

Összességében én azt látom, hogy a jó interakció nem látványos, hanem magától értetődő. A felhasználó nem dicséri meg, csak továbbmegy. És ez pont elég. Ha ilyen javítást keresel, akkor olyan embert válassz, aki a mozgó elemeket, gombokat és visszajelzéseket nem külön trükknek tekinti, hanem a használat részének. Ebből lesz nyugodtabb felület és kevesebb elveszett kattintás.