Lépj be a jövőbe dinamikus animációs gombokkal!

Dinamikus gombok online feladatokhoz

A Dinamikus gombok akkor hasznosak, amikor egy oldal, hírlevél, űrlap vagy alkalmazás nemcsak szöveget mutat, hanem egyértelműen vezeti a felhasználót a következő lépés felé. Magánügyfélként általában nem egy nagy fejlesztőcsapatot keresel, hanem egy olyan szakembert, aki érti a vizuális jelzéseket, az egyszerű használatot és a gyors online egyeztetést. A gomb lehet apró elem, de rossz állapotban sok kattintást, rendelést vagy jelentkezést veszíthet el.

Szerintem a jó animált gomb nem attól jó, hogy mozog. Attól jó, hogy a mozgásnak oka van. Jelzi, hogy az elem kattintható. Visszajelez, ha a látogató rávitte az egeret. Megmutatja, hogy a rendszer dolgozik. Vagy segít abban, hogy egy fontos művelet ne tűnjön el a képernyőn. Én azt látom, hogy a legtöbb megbízásnál nem a látvány a fő gond, hanem az, hogy a gomb szerepe nincs pontosan kimondva.

A Qjob.hu felületén olyan magánszakembereket lehet keresni, akik távolról dolgoznak ilyen feladatokon. Itt a megrendelő röviden leírhatja, mire kell a gomb, milyen oldalon jelenik meg, milyen stílus illik hozzá, és milyen fájlformában vagy kódrészletben kéri az eredményt. Ez sokkal tisztább kiindulás, mint egy általános kérés arról, hogy legyen modernebb az oldal.

Dinamikus gomb árak

A dinamikus gomb ára főleg attól függ, hogy csak látványterv kell, kész kód is kell hozzá, vagy több állapotot kell megtervezni. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a készítő csak egy sablont cserél át, és nem nézi meg, hogy a gomb mit csinál a teljes felületen. Ez elsőre spórolásnak tűnik, de később javítás, lassú oldal vagy zavaros használat lehet belőle.

Tapasztalatom szerint a reális ár nem csak a percek számától függ. Számít a brief minősége, a meglévő felület állapota, a kért formátum és az is, hogy kell-e több változat. Egy jó szakember előre jelzi, ha a kért mozgás lassítaná az oldalt, vagy nem illik a felhasználói helyzethez.

Animált gomb tervezése

Az animált gomb tervezése ott kezdődik, hogy világos a cél. Más mozgás kell egy vásárlás gombhoz, más egy kapcsolatfelvételi gombhoz, és megint más egy fájlfeltöltéshez. Ha minden gomb ugyanúgy ugrál vagy villog, a látogató nem kap segítséget. Csak zajt lát. Ez különösen igaz akkor, ha a felület mobilon is működik.

Volt olyan eset, amikor egy ügyfél csak egy szebb rendelés gombot kért. A beszélgetés közben kiderült, hogy a gomb megnyomása után nem történt látható visszajelzés, ezért sokan többször kattintottak. Nem díszítés kellett, hanem állapotjelzés. A megoldás egy rövid betöltési animáció és egy sikeres küldés jel volt. A felület nyugodtabb lett, és az ügyfél kevesebb hibás ismétlést kapott.

A tervezésnél érdemes előre megadni a gomb szövegét, a céloldal vagy űrlap szerepét, a használt színeket és a kívánt hangulatot. Nem kell hosszú dokumentum. Elég néhány képernyőkép, rövid magyarázat és egy mondat arról, mi zavar most. A szakember ebből már látja, hogy apró finomítás vagy teljes újragondolás kell.

Dinamikus gombok szakember választása

Dinamikus gombok készítésénél a szakember kiválasztása nem csak portfólió alapján történik. A portfólió fontos, de figyelni kell arra is, hogy az illető hogyan kérdez. Megkérdezi-e, hol jelenik meg a gomb. Érdekli-e, hogy mobilon vagy asztali nézetben fontosabb. Rákérdez-e az állapotokra. Ha ezek kimaradnak, könnyen lesz látványos, de félkész eredmény.

Magánügyfélként érdemes olyan szabadúszót keresni, aki egyszerűen el tudja magyarázni a megoldását. Nem kell mindent műszaki nyelven értened. De azt igen, hogy mit kapsz. Képfájlt, mozgó mintát, beilleszthető kódot vagy teljesen átadott felületi elemet. A jó online szakember nem homályosan beszél, hanem leírja a lépéseket, a határidőt és azt is, hány módosítás fér bele.

Sokan ott hibáznak, hogy csak a legszebb mintát választják. A szépség kevés. Egy gombnak olvashatónak, gyorsnak és következetesnek kell lennie. A túl hosszú mozgás idegesítő lehet. A túl erős fényhatás olcsó benyomást adhat. A túl apró animáció pedig észrevétlen marad. Itt az arányérzék sokat számít.

Online munka dinamikus gombokkal

Az online munkafolyamat általában rövid egyeztetéssel indul. A megrendelő elküldi a feladat leírását, a meglévő képernyőképeket, esetleg a weboldal vagy alkalmazás elérhető részét. Ezután a szakember javaslatot ad a mozgásra, az állapotokra és az átadandó anyagokra. Ha kód is készül, akkor tisztázni kell, milyen környezetbe kerül.

A határidő egy egyszerű gombnál lehet egy nap, de több állapot és több képernyő esetén pár nap is kellhet. Szerintem nem jó jel, ha valaki mindenre azonnal igent mond. Egy apró elemnél is előfordulhat, hogy a meglévő felület stílusa, betűmérete vagy elrendezése korlátozza a megoldást. Ezt jobb az elején látni.

A kommunikáció legyen tömör. Egy jó megbízásban szerepel a cél, a kívánt határidő, a használati hely és az átadás módja. Például kérem a gombot weboldali űrlap küldéséhez, normál, betöltés és sikeres állapottal, beilleszthető kóddal. Ez már elég konkrét. És mégsem bonyolult.

Az eredmény átadása történhet rövid videóként, mozgó előnézetként, képernyőképekkel vagy kódfájlban. Ha fejlesztőnek továbbítod, kérj tiszta megnevezéseket és rövid leírást. Így nem kell később kitalálni, melyik állapot mire való.

Gombanimáció hibák

A gombanimáció egyik leggyakoribb hibája a túlzás. A gomb nem főszereplő, hanem útjelző. Ha minden kattintás után nagy mozgás indul, a felület lassúnak és bizonytalannak tűnhet. A másik hiba az, amikor nincs visszajelzés. A felhasználó kattint, de nem lát semmit. Ilyenkor nem tudja, hogy történt-e valami.

Gyakori gond a rossz kontraszt is. A mozgás nem pótolja az olvasható szöveget. Ha a gomb felirata gyenge, a szín túl halvány, vagy az animáció elvonja a figyelmet a szövegről, a használhatóság romlik. Én azt látom, hogy a legjobb dinamikus gombok sokszor visszafogottak. Nem harsányak, csak egyértelműek.

A harmadik hiba a következetlenség. Egy oldalon belül nem jó, ha minden gomb más ritmusban működik. A fő művelet kaphat erősebb jelzést, de a rendszernek egységesnek kell maradnia. Ez bizalmat ad. A látogató érzi, hogy a felület kiszámítható.

Dinamikus gomb átadás és javítás

A Dinamikus gombok átadásánál nem elég annyit kapni, hogy kész. Legyen világos, milyen állapotok készültek el, milyen fájlokat kapsz, és hol használhatók. Ha a szakember csak egy előnézetet küld, kérdezz rá, hogy a végleges anyag beilleszthető-e a saját oldaladba. Ha csak látványterv kellett, akkor ez rendben van. De ha működő elemre számítasz, ezt előre kell rögzíteni.

A javításoknál érdemes konkrétan fogalmazni. Nem elég az, hogy legyen modernebb. Jobb azt írni, hogy legyen rövidebb a mozgás, legyen kevésbé feltűnő, vagy a kattintás után azonnal jelenjen meg a betöltési jel. Így a szabadúszó gyorsabban tud dolgozni, és kevesebb félreértés lesz.

A jó eredmény nem mindig látványos első pillantásra. Néha pont az a jó, hogy nem zavar. A felhasználó érti, hova kell kattintani, látja, hogy a rendszer reagál, és nem akad meg a folyamatban. Egy ilyen apró online feladat akkor sikeres, ha a gomb természetesen illeszkedik a felülethez, és nem kell külön magyarázni.