Gombok és interaktív elemek fejlesztése

Gombok fejlesztése

A gombok fejlesztése akkor hasznos, ha a felhasználó látja, érti és gond nélkül használja a felület legfontosabb lépéseit. Itt nem díszről van szó, hanem döntési pontról. Egy jó gomb segít továbblépni, egy rossz gomb megakaszt. Magánügyfélként általában azt érdemes keresni, hogy a feladatot egy önálló szakember vigye végig, mert így gyorsabb a kommunikáció és tisztább a felelősség. A Qjob.hu felületén is ez a logika működik. A privát megbízó nem csapatot keres, hanem valakit, aki átlátja a felhasználói felület elemeit, javítja a kattintható elemek működését, és képes érthető megoldást adni rövid egyeztetéssel.

Szerintem ezen a területen a legnagyobb tévedés az, hogy sokan csak a színhez nyúlnak. Pedig a gond gyakran nem ott van. Lehet rossz a gomb helye, túl gyenge a szöveg, bizonytalan az állapotváltás, vagy túl sok az egyformának látszó döntési pont. Én azt látom, hogy egy kisebb módosítás is sokat számít, ha a felület valós használati helyzetre készül. És ide tartozik a méret, a ritmus, a sorrend és a visszajelzés is.

Kattintható elemek szerepe

A felhasználó nem terveket olvas, hanem cselekszik. Ezért a kattintható elemek értéke abban van, hogy irányt adnak. A magyar UX és UI témájú cikkek gyakran ugyanazokat a pontokat emelik ki, mint az angol szakmai anyagok. A gomb legyen felismerhető, jól elkülönülő, logikus helyen lévő és egyértelmű feliratú. A nemzetközi útmutatók külön hangsúlyozzák a fő és másodlagos műveletek eltérő megjelenését, a természetes elhelyezést és azt, hogy a gomb ne olvadjon össze a sima hivatkozással. Magyar forrásokban is visszatérő téma a konzisztencia, a visszajelzés és az interaktív elemek mérete. Ezek a minták jól egybevágnak egymással. citeturn680236search1turn680236search2turn680236search5turn680236search7turn680236search13

Ha valaki online szolgáltatást rendel, akkor leginkább azt szeretné, hogy a látogató ne gondolkodjon feleslegesen. Egy felülettervező vagy fejlesztő ilyenkor azt nézi meg, hol lassul le a döntés. Melyik gomb láthatatlan. Melyik túl hangos. Hol hiányzik a megerősítés. És hol zavarják egymást az interaktív elemek. Tapasztalatom szerint egy jól újragondolt felület nem attól lesz jobb, hogy több minden mozog rajta, hanem attól, hogy kevesebb kérdést hagy nyitva.

Gombok fejlesztése árak

A gombok fejlesztése ára attól függ, hogy csak néhány vezérlő javításáról van szó, vagy teljes felületi rendszer átnézéséről. Magánmegbízóknál az a reális, ha a feladat kisebb egységekre bontva készül. Így könnyebb látni, mit kapsz a pénzért. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden olcsó ajánlat rossz, hanem mert sok esetben kimarad a tesztelés, az állapotok kidolgozása és a használati logika ellenőrzése.

Ezek az összegek általános online munkára vonatkozó sávok. A végső díj függ attól is, van e már kész terv, mennyire világos a cél, és hány módosítási kör fér bele. Én azt látom, hogy a tiszta brief gyakran több pénzt spórol, mint egy alacsonyabb induló ár.

Szakember választása

A megfelelő szakember kiválasztása nem a legszebb látványtervnél dől el. A jó jel az, ha az illető kérdez. Mit csináljon a felhasználó. Hol akad el. Melyik felületen történik a kattintás. Van e jelenlegi adat vagy korábbi visszajelzés. Egy önálló felülettervező akkor megbízható, ha a válaszai konkrétak, és nem csak általános szavakat használ. Ha azt mondja, hogy majd jobb lesz tőle a felület, az kevés. Ha viszont meg tudja mondani, melyik képernyőn miért probléma a vezérlők sorrendje vagy jelölése, az már valódi szakmai alap.

Sokan ott hibáznak, hogy csak portfólió alapján döntenek. Pedig ennél fontosabb, hogyan kommunikál a fejlesztő vagy tervező. Érthetően ír e. Betartja e a határidőt. El tudja e mondani egyszerűen, mit fog módosítani. Egy magánügyfélnél ez különösen lényeges, mert nincs mögötte külön termékmenedzser vagy belső ellenőrzés. Volt olyan eset, amikor egy ügyfél több mintát is megkapott, mégis ugyanaz a zavaró probléma maradt a felületen. Nem a rajz volt gyenge, hanem senki nem nézte meg, hogy a fő művelet valójában elveszett a többi elem között.

Online munkamenet és átadás

Az online munka itt általában rövid folyamat. Először brief készül vagy legalább egy pontos leírás. Utána jön a jelenlegi képernyők átnézése, majd a javasolt módosítások listája. Ezután készülhet egyszerű drótváz, véglegesebb terv vagy közvetlen felületi javítás. A végén átadás történik képernyőképekkel, leírással vagy szerkeszthető fájllal. És fontos a javítási kör szabálya is. Hány kör fér bele. Mi számít új kérésnek. Mi számít hibajavításnak.

Határidőben a kisebb feladatok gyakran néhány napon belül elkészülnek. De ha több képernyő, több állapot és mobil nézet is érintett, akkor a tempó inkább egy hét vagy több. A sietség sokszor visszaüt. Egy gomb nem csak alaphelyzetből áll. Van fölé húzás, lenyomás, tiltott állapot, hibahelyzet és sikeres lezárás is. Ha ezek nincsenek rendben, a felhasználó bizonytalan lesz. És ezt utólag nehezebb javítani, mint elsőre jól végiggondolni.

Gyakori hibák a gombok fejlesztésében

A legtipikusabb hiba az, hogy túl sok a fő gomb. Ha minden fontos, semmi sem igazán fontos. Gyakori gond az is, hogy a gomb szövege homályos. A Tovább vagy Küldés önmagában sok helyzetben kevés. Világosabb megfogalmazás kell. Az is probléma, ha a gomb túl kicsi, közel van más elemekhez, vagy nem ad visszajelzést kattintás után. A nemzetközi útmutatók szerint a gombnak látszania kell gombnak, különböznie kell a hivatkozástól, és a fő műveletből lehetőleg csak egy legyen egy adott nézetben. Több forrás a természetes elhelyezést, a jól olvasható feliratot és az akadálymentes használatot is alapelvként kezeli. citeturn680236search2turn680236search3turn680236search12turn680236search16

Szerintem a másik visszatérő hiba a túl kreatív forma. Persze lehet újítani, de nem minden felületen érdemes. Ha a felhasználó előbb megfejti az elemet, mint használja, akkor a megoldás már vesztett. Én azt látom, hogy a legtöbb magánprojektben az egyszerű, következetes és jól címkézett gomb működik a legjobban.

Interaktív elemek minősége

A minőség nem csak kinézet. Ide tartozik az is, hogy a rendszer minden képernyőn ugyanazt a logikát követi e. A felhasználói felület elemei akkor jók, ha az ember elsőre megérti őket, és második használatnál már nem is gondol rájuk. Ezért fontos a következetes szóhasználat, a megfelelő térköz, a látható sorrend és az azonnali visszajelzés. Az interaktív elemek valódi minősége abból látszik, hogy csökken e a bizonytalanság.

Ha van rá lehetőség, érdemes rövid próbát kérni. Nem feltétlenül nagy kutatásra gondolok. Néha elég két három felhasználó és néhány valós feladat. Hol állnak meg. Melyik gombot nem veszik észre. Hol kattintanak máshova. Tapasztalatom szerint ezek a rövid ellenőrzések sokkal többet mondanak, mint egy hosszú elméleti leírás. A jó szakember ezt nem sértésnek veszi, hanem a munka részének.

Mikor érdemes hozzányúlni a felülethez

Akkor érdemes változtatni, ha a felhasználó sokat kérdez, félbehagyja a műveletet, vagy láthatóan bizonytalan. Akkor is, ha új tartalom, új ajánlat vagy új folyamat került a felületre, de a régi vezérlők maradtak. A Gombok fejlesztése nem nagyvállalati luxus, hanem gyakorlati javítás. Magánügyfélként az a cél, hogy az oldal vagy alkalmazás kevesebb akadállyal működjön. És hogy a felhasználó ne találgasson.

Végül érdemes azt nézni, mi ad gyors eredményt. Egy átgondolt feliratozás, jobb elhelyezés, tisztább elsődleges művelet és következetes állapotkezelés sokszor elég. Nem mindig kell teljes újratervezés. De ha a felület több ponton is zavaros, akkor a Gombok fejlesztése önmagában kevés lehet, és a kapcsolódó kattintható elemek egészét kell rendbe tenni. Ilyenkor az online együttműködés akkor működik jól, ha a feladat világos, az átadás pontos, és a javítási körök előre rögzítettek.