Kreatív gombreakciók tervezése és fejlesztése érintésalapú megoldásokhoz

Gombok reagálnak online felületeken

A Gombok reagálnak akkor hasznos megoldás, amikor a látogató azonnal érzi, hogy a felület figyel a műveletére. Ez lehet finom színváltás, mozgás, ikoncsere, rövid visszajelzés vagy állapotjelzés. Magánügyfélként akkor érdemes ilyen online szakembert keresni, ha egy honlap, foglalási oldal, bemutatkozó oldal vagy kisebb webes felület gombjai bizonytalanok, merevek vagy nehezen értelmezhetők.

Én azt látom, hogy a jó gombreakció nem díszítés. Inkább egy apró jelzés, amely segít a felhasználónak. Megnyomta a gombot. Várjon. Sikerült a művelet. Hibás adatot adott meg. Ezek a pillanatok rövidek, mégis sokat számítanak. Ha nincs visszajelzés, a látogató gyakran újra kattint, bezárja az oldalt, vagy azt hiszi, hogy valami elromlott.

A Qjob.hu oldalán magánszemélyként olyan szabadúszó szakembert lehet keresni, aki távolról dolgozik, és a meglévő felülethez készít finom gombanimációkat, érintésre vagy kattintásra adott állapotokat, illetve egyszerű használati javításokat. Itt nem céges csomagról van szó, hanem egy konkrét feladatról, amelyet egy független kivitelező végez el.

Reagáló gombok szerepe

A reagáló gombok fő feladata az, hogy egyértelműbbé tegyék a felület használatát. Egy weboldalon sokszor a gomb az a pont, ahol a látogató dönt. Küldés, vásárlás, foglalás, letöltés, kapcsolatfelvétel. Ha a gomb nem ad visszajelzést, a döntés bizonytalanabb lesz.

Szerintem a legjobb hatás akkor születik, amikor a mozgás alig feltűnő. Nem vonja el a figyelmet, de jelzi az állapotot. Egy kis emelkedés, áttűnés vagy töltési jel sokszor elég. A túl erős animáció viszont zavaró lehet, főleg telefonon. És a gomb nem válhat lassúvá csak azért, mert látványos.

Sokan ott hibáznak, hogy a gombokra külön elemként gondolnak. Pedig a gomb a teljes folyamat része. Ha egy űrlapon minden mező visszajelez, de a küldés gomb nem, akkor a felhasználó még mindig bizonytalan marad. Ha a menü és a kártyák mozognak, de a fő cselekvés gombja merev, az oldal félkész hatású lesz.

Gombok reagálnak árak

Az ár főleg attól függ, hogy hány gombot kell módosítani, van e meglévő terv, milyen rendszerben fut az oldal, és kell e külön állapot mobilra. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a kivitelező kihagyja a tesztelést. Ez később kattintási hibát, lassabb betöltést vagy rossz megjelenést okozhat.

Tapasztalatom szerint egy kisebb magánprojektben nem mindig kell teljes áttervezés. Gyakran elég három vagy négy fontos gombot rendbe tenni. A fő cselekvés gombja, az űrlap küldése, a vissza gomb és egy letöltési vagy foglalási gomb már sokat javíthat az élményen.

Gombreakciók szakember választása

A megfelelő szakember kiválasztásánál nem csak az számít, hogy tud e animációt készíteni. Fontosabb, hogy érti e a használati helyzetet. Egy gomb nem plakát. A látogató nem nézni akarja, hanem használni. Ezért a szabadúszó kivitelező portfóliójában érdemes olyan példákat keresni, ahol a mozgás rövid, érthető és nem lassítja az oldalt.

Jó jel, ha a szakember rákérdez a gombok céljára. Melyik a fő művelet. Mi történik hibánál. Van e betöltési idő. Kell e tiltott állapot, amikor a gomb nem használható. Ezek apró kérdéseknek tűnnek, de a végeredményt erősen befolyásolják.

Volt olyan eset, amikor egy ügyfél csak egy látványosabb küldés gombot kért. A munka közben kiderült, hogy az űrlap elküldése után semmilyen jelzés nem jelent meg. Az ügyfél több azonos üzenetet kapott, mert a látogatók újra és újra megnyomták a gombot. A megoldás végül nem nagy animáció lett, hanem egy egyszerű várakozó állapot és egy sikeres elküldés jelzés. Ez volt a jó döntés.

Online munka és átadás

A távoli munka ennél a feladatnál természetes. A megbízó elküldi az oldal címét, a belépési vagy fájlhozzáférést, képernyőképet a problémás részekről, és röviden leírja, mit szeretne. A kivitelező ezek alapján javaslatot ad. Utána elkészíti a módosítást, majd átadja a frissített fájlokat, beállításokat vagy kész felületet.

A Gombok reagálnak típusú munka akkor halad gyorsan, ha a brief pontos. Nem kell hosszú dokumentum. Elég néhány mondat. Melyik gomb fontos. Milyen érzést ne keltsen. Mi legyen kattintás után. Van e példa, amely tetszik. És van e példa, amely túl sok.

A határidő általában rövid, ha a felület rendezett. Egy egyszerű gombállapot akár egy napon belül elkészülhet. Több oldal vagy egyedi mozgás esetén több munkakör szükséges. A kommunikációt érdemes írásban tartani, mert így a kérések és javítások visszakereshetők. Ez magánügyfélként is védelmet ad.

Minőség a gombanimációknál

A minőség nem attól függ, hogy mennyire látványos az animáció. Inkább attól, hogy a gomb gyors, érthető és következetes marad. Ha minden gomb máshogy mozog, az oldal szétesik. Ha a mozgás túl hosszú, a felhasználó várakozásnak érzi. Ha a hatás csak egérrel működik, telefonon hiányozni fog.

Én azt tartom jó megoldásnak, amikor a fő gombok azonos logikát követnek. Az elsődleges gomb erősebb visszajelzést kap. A másodlagos gomb visszafogottabb. A tiltott állapot jól látható, de nem zavaró. A betöltés jelzése rövid és egyértelmű. Ez nem látványos szabályrendszer, mégis sok panaszt megelőz.

A szakember feladata az is, hogy figyeljen a teljesítményre. Egy kis mozgás nem növelheti érezhetően a betöltési időt. Nem jó, ha a gomb villog, ugrál vagy minden kattintásnál késlelteti a műveletet. A jó visszajelzés szolgálja a felhasználót. Nem versenyez a tartalommal.

Tipikus hibák gomboknál

A leggyakoribb hiba a túlzás. A megbízó gyakran azt gondolja, hogy minél több mozgás van a gombon, annál modernebb lesz az oldal. Szerintem ez ritkán igaz. A felhasználó nem animációt keres, hanem biztos jelzést. A túl erős mozgás bizalmatlan hatást is kelthet, főleg komolyabb szolgáltatásnál.

Másik hiba a következetlenség. Az egyik gomb kattintásra sötétedik, a másik nő, a harmadik elcsúszik, a negyedik semmit nem csinál. Ilyenkor a felület nem egységes. A látogató nem tudja, mire számítson. Ez apróságnak látszik, de rontja a használatot.

Probléma lehet az is, ha nincs átadás után ellenőrzés. A munka késznek tűnik asztali nézetben, de mobilon a gomb takarásba kerül, lassan reagál vagy nem látszik az aktív állapot. Ezért érdemes kérni legalább egy rövid próbakört. A Gombok reagálnak feladatnál a tesztelés nem külön luxus, hanem a munka része.

Reagáló gombok megrendelése

Megrendelés előtt érdemes összegyűjteni a legfontosabb gombokat. Nem kell mindent egyszerre megváltoztatni. Először a döntési pontokat kell rendbe tenni. Kapcsolatfelvétel, küldés, foglalás, vásárlás, letöltés, tovább lépés. Ezeknél a látogató visszajelzést vár.

A szabadúszó szakember akkor tud pontos árat adni, ha látja a jelenlegi állapotot. Jó, ha kap hozzáférést egy tesztfelülethez, vagy legalább képernyőfelvételt a működésről. Az is segít, ha a megbízó megmondja, milyen javításokat szeretne látni. Egy kör kisebb módosítás általában természetes. Sok kör már új feladat lehet.

A végeredmény akkor jó, ha a látogató nem gondolkodik a gombon. Egyszerűen használja. Észreveszi, hogy a művelet elindult, látja, ha várnia kell, és érti, ha a folyamat lezárult. Ez a reagáló gombok lényege. Nem több, de nem is kevesebb.