Értékek animációs változása a számlálókban

Animációs értékek változása

Az animációs értékek változása akkor hasznos, ha a felületen egy szám, ár, százalék vagy darabszám nem hirtelen ugrik át, hanem érthetően vált új állapotra. Egy magánügyfél ezt többnyire nem szakmai fogalomként ismeri, csak azt látja, hogy az oldal nyugodt és követhető, vagy épp kapkodó és zavaró. Ha egy kalkulátor, árbecslő, számláló vagy előrehaladási sáv rosszul viselkedik, a felhasználó könnyen azt hiszi, hogy hibás az oldal. A Qjob.hu felületén ezért sokan olyan szakembert keresnek, aki nem nagy rendszert épít, hanem rendbe teszi a számok és értékek mozgását.

Az első kérdés általában az, hogy miért kell egyáltalán animálni egy értéket. Azért, mert a szem könnyebben követ egy fokozatos váltást, mint egy hirtelen ugrást. Főleg akkor, ha az új szám fontos döntéshez kapcsolódik. Ilyen lehet egy várható ár, a kedvezmény mértéke, a kiválasztott csomag végösszege vagy egy kitöltési állapot. Szerintem ez az a terület, ahol a visszafogott megoldás szinte mindig jobb. A túl hangos animáció pár másodpercig látványos, de hamar fárasztó lesz.

Sok megrendelő ott rontja el, hogy csak szép mozgást kér, de nem teszi fel a fontosabb kérdést. Mit kell ebből megértenie a felhasználónak. Ha az értékváltás nem segíti a tájékozódást, akkor inkább teher. Én személy szerint azokat a felületeket szeretem, ahol a szám mozgása rövid, tiszta és nem akar szerepelni. A jó animáció nem magyarázza magát, csak érthetőbbé teszi a változást.

Hol segít az értékváltás a felületen

Az animált értékváltás sokkal több helyen jelenik meg, mint elsőre gondolnánk. Nem csak látványos statisztikai blokkoknál használják, hanem egyszerű űrlapokban, árkalkulátoroknál, megrendelési összesítőknél, hűségpont kijelzésnél és előrehaladási sávoknál is. Egy frontend fejlesztő vagy UX tervező ilyenkor azt nézi, hogy a mozgás valóban jelezzen valamit. Például azt, hogy az ár módosult, a kedvezmény beleszámít, vagy a rendszer feldolgozta az előző lépést.

Budapesten sok magánügyfél olyan oldallal keres szakembert, ahol van valamilyen egyszerű kalkuláció. Lakásfelújítási becslés, foglalási összeg, csomagválasztás vagy költségösszesítés. Ilyen helyzetben az érték animációja akkor jó, ha nem lassítja a döntést. A szám elindul, megérkezik, és kész. Nincs felesleges körözés, nincs túl sok villódzás. Ha valaki hosszú másodpercekig nézi, ahogy egy ár felkúszik, az inkább idegesítő, mint hasznos.

Volt olyan eset, amikor egy ügyfél azt panaszolta, hogy a látogatók félúton kilépnek az ajánlatkérő oldalról. A probléma végül nem a szövegben volt, hanem abban, hogy minden lépés után újra ugrált a teljes összeg. Hol fel, hol le, ráadásul késleltetve. A felhasználó nem tudta, épp mit lát. Miután a szakember egyszerűsítette a mozgást, és csak a valódi változásnál hagyott rövid átmenetet, a képernyő sokkal nyugodtabb lett. Ez kívülről apróságnak tűnik, de a használatban nagyon is számít.

Gyakori hibák az animált értékeknél

A legtipikusabb hiba az, hogy a szám túl sokáig mozog. A megrendelő azt gondolja, ettől modernebb lesz az oldal. Pedig a felhasználó gyorsan szeretne biztos lenni abban, mi lett az új érték. Ha az animáció túl hosszú, akkor késlelteti az értelmezést. És sokan ilyenkor újra kattintanak, visszalépnek vagy egyszerűen elvesztik a türelmüket.

Másik gyakori gond, hogy egyszerre túl sok elem változik. Az ár, a kedvezmény, a százalék, a csomag neve és a gomb környéke is mozgásba lendül. Ez már nem segítség, hanem zaj. Sokan hibát követnek el, amikor ugyanazt az erős effektet használják minden helyzetben. Pedig egy árkijelzéshez más ritmus kell, mint egy pontszámhoz vagy egy kitöltési állapothoz. Nekem az a benyomásom, hogy a legtöbb rossz példa nem azért rossz, mert technikailag hibás, hanem azért, mert nem tud különbséget tenni fontos és kevésbé fontos változás között.

Van még egy alattomos hiba. Az érték ugyan megváltozik, de a felhasználó nem tudja, miért. Például kiválaszt egy opciót, a végösszeg animálódik, de nincs elég egyértelmű kapcsolat az előző művelet és az új szám között. Ilyenkor a mozgás önmagában kevés. Kell hozzá jó címke, jól látható összefüggés, esetleg rövid kísérőszöveg. A felülettervező és a fejlesztő itt együtt tud igazán jó munkát végezni. Egyikük rendet tesz a logikában, a másikuk megvalósítja úgy, hogy a felhasználó ne csak lássa, hanem értse is a váltást.

Olcsón sokan vállalnak ilyet, de őszintén szólva a nagyon alacsony árú munka gyakran csak gyors trükk. Mozog valami, de nincs mögötte valódi használati gondolkodás. És utána jön a javítás, ami végül többe kerül.

Animált értékek és tipikus árak

Az ár attól függ, hogy egyetlen számlálót kell javítani, vagy több képernyőn kell összehangolni a számok, összegek és százalékok viselkedését. Más munka egy egyszerű számláló finomítása, és más egy olyan kalkulátor átalakítása, ahol minden választás után több érték módosul egyszerre. Tapasztalatom szerint 12.000 alatt ritkán készül olyan megoldás, amelyet később nem kell újranyitni. A túl olcsó munka sokszor kihagyja a tesztelést, pedig pont itt derül ki, hogy az animáció segít vagy zavar.

Ezek tájékoztató sávok. Budapest belső kerületeiben és a sürgős munkáknál ennél magasabb ajánlatok is előfordulnak. De fordítva is igaz. Nem minden feladat igényel nagy költséget. Ha csak egy rosszul viselkedő értékmezőt kell rendbe tenni, az gyorsabban megoldható. Szerintem inkább a gondosságra érdemes figyelni, nem arra, ki mondja a legkisebb számot.

Mikor éri meg hozzányúlni a számok mozgásához

Akkor, ha a felhasználó bizonytalan lesz attól, amit lát. Ez a legfontosabb jel. Ha a végösszeg láttán visszalép, ha kétszer kattint, ha nem tudja, hogy a rendszer valóban frissített-e, akkor az érték mozgása már üzleti gond is. Nem csak esztétikai kérdés. Magánoldalaknál ez különösen gyakori ott, ahol a látogatónak gyors döntést kell hoznia. Például foglalásnál, ajánlatkérésnél, csomagválasztásnál vagy kisebb előfizetési felületeknél.

És van, amikor éppen az a helyes döntés, hogy kevesebb animáció marad. Ezt nem mindenki szereti hallani. Pedig sok felületen a legnagyobb javulást nem egy új effekt, hanem egy visszafogás hozza. Az érték maradjon jól látható, a váltás legyen rövid, és csak ott történjen mozgás, ahol valóban van jelentése. Nekem ez mindig meggyőzőbb, mint egy látványos, de fárasztó felület.

Egyszer egy ügyfél ragaszkodott ahhoz, hogy minden szám szépen felpörögjön nulláról. Jól hangzott, de a valós helyzetben az emberek csak a végösszeget keresték. Nem az érdekelte őket, hogyan jut oda a szám. Amikor a szakember csak a fontos blokkoknál hagyta meg az átmenetet, a felület nyugodtabb lett, és a panaszos visszajelzések is eltűntek. Sokszor ennyi a különbség a látványos és a valóban hasznos között.

Hogyan válassz szakembert ehhez a munkához

Ne csak azt nézd meg, hogy tud-e szépen animálni. Fontosabb, hogy meg tudja-e mondani, mikor nem kell animálni. Egy jó UX tervező, felülettervező vagy frontend fejlesztő kérdez a célról. Mit kell gyorsabban megérteni. Hol akadnak el az emberek. Melyik szám fontos és melyik csak kísérő adat. Ha valaki rögtön effekteket mutat, de nem beszél a használati helyzetről, az szerintem gyenge kezdés.

Jó jel, ha a szakember kér képernyőfelvételt vagy konkrét példát a hibáról. Még jobb, ha meg tudja mutatni, hogy előtte mi volt a zavaró pont, és utána mit változtatott rajta. Én azt is figyelném, hogy vállal-e rövid utólagos finomítást. Az animációs értékek változása sokszor csak használat közben mutatja meg a hibáját. Lehet, hogy asztali nézetben megfelelő, de mobilon már túl lassú. Vagy fordítva.

Sokan hibáznak, amikor tisztán vizuális embert keresnek, miközben a gond valójában logikai. Az ár nem azért zavaró, mert nem elég szép, hanem mert rossz ritmusban vagy rossz sorrendben változik. Itt olyan szakember kell, aki gondolkodik a folyamatban is. Nem baj, ha kevesebb munkát mutat a portfólióban, ha abból látszik, hogy ért a használhatósághoz.

Budapest kerületei és a közeli települések

Ennél a feladatnál sok munka távolról is megoldható, de több magánügyfél mégis jobban szereti, ha a szakember Budapest valamelyik kerületében vagy a közeli településeken elérhető. A XIII. kerület, Újbuda, Zugló vagy a belvárosi részek gyakran felmerülnek, mert sok szabadúszó dolgozik innen. De ugyanígy lehet jó választás valaki Érd, Budaörs, Szentendre vagy Dunakeszi környékéről is, ha pontosan kommunikál és rendesen dokumentál.

A helyi közelség főleg akkor számít, ha közös áttekintésre, gyors egyeztetésre vagy személyes bemutatóra van szükség. De őszintén szólva ennél a munkánál én nem ezt tartom döntőnek. Sokkal fontosabb, hogy a szakember jól lássa a hibát, és ne akarjon mindent túltervezni. Ha a felület már működik, csak a számok mozgása zavaró, akkor általában kisebb, célzott beavatkozás kell. Ezt nem a cím, hanem a gondolkodás minősége dönti el.

Budapest környékén sok magánmegrendelő gyors javítást szeretne, mert a felület már fut, és nem fér bele nagy átalakítás. Ez teljesen érthető. Ilyenkor különösen fontos, hogy a szakember előbb feltárja a valódi problémát, és csak utána nyúljon a megjelenéshez. Ha jól választasz, az animációs értékek változása nem látványos mutatvány lesz, hanem egy csendes javítás, amit a felhasználó egyszerűen természetesnek érez.

Milyen eredményt várhatsz a javítástól

A legjobb eredmény az, hogy a felhasználó nem akad fenn a változó számokon. Gyorsabban érti az új összeget, biztosabbnak látja a lépéseket, és kevésbé érzi bizonytalannak a felületet. Nem minden javítás mérhető azonnal nagy számokban, de a nyugodtabb használat nagyon gyakran visszaköszön a kevesebb hibás kattintásban és a tisztább továbblépésben. Ezért az animált értékek kezelése nem mellékes részlet.

Én azt látom, hogy a jó megoldás itt mindig visszafogott. Nem akarja lenyűgözni a látogatót, csak segít neki. És ez egy magánügyfél oldalán bőven elég. Ha olyan szakembert keresel, aki ehhez hozzányúl, akkor azt keresd, aki nem csak mozgást készít, hanem rendet rak a változó értékek körül. Abból lesz érthetőbb felület, kevesebb bizonytalanság és jobb használati élmény.