Új animációk és interaktív hatások integrálása

Új animációk integrálása

Az új animációk integrálása akkor indokolt, ha egy oldal túl merev, nehéz követni, vagy a felhasználó nem kap elég egyértelmű visszajelzést a műveletekről. Ilyenkor nem látványos mutatványokra van szükség, hanem olyan mozgásokra, amelyek segítenek eligazodni. Szerintem sokan ott hibáznak, hogy az animációt önálló dísznek tekintik. Pedig a jól beépített mozgás inkább irányít, jelez és megnyugtat. Egy rövid átmenet megmutatja, hogy valami megnyílt. Egy finom visszajelzés jelzi, hogy a küldés sikerült. Egy kis elmozdulás azt mondja, hogy innen tovább lehet menni. Ez a fajta interaktív hatás sokkal többet ér, mint a túl erős látvány.

A magánmegrendelők gyakran azért kérnek segítséget, mert érzik, hogy az oldaluk használható, mégis valahogy száraz és bizonytalan. Nem tudják pontosan megfogalmazni, mi hiányzik. De amikor egy gomb megnyomása után semmi nem történik láthatóan, amikor a menü hirtelen ugrik, vagy amikor a felület keményen vált egyik állapotból a másikba, az zavaró lesz. Az új animációk integrálása ilyenkor segíthet. Nem azért, hogy az oldal feltűnőbb legyen, hanem azért, hogy érthetőbbé váljon. Én személy szerint azokat a megoldásokat kedvelem, ahol a mozgás rövid, célszerű és alig veszi el a figyelmet a lényegről.

Hol segít a mozgás igazán

A legjobb helyeken alkalmazott mikrointerakciók nem uralják az oldalt, csak megtámasztják a használatot. Ilyen lehet a lenyíló menü, az űrlapmező visszajelzése, a képek közti váltás, a görgetés közben megjelenő tartalom vagy a kapcsolat gomb állapotváltása. A mozgó elemek akkor hasznosak, ha világossá teszik, mi történt. Sok látogató nem olvassa végig az oldalt. Inkább pásztáz, benyomásokat gyűjt, majd gyorsan dönt. Ha a felület jól vezeti őt, kevesebb lesz a bizonytalanság.

Volt egy eset, amikor egy ügyfél ragaszkodott hozzá, hogy az oldalára sok új effekt kerüljön, mert szerinte ettől lesz modern. Amikor végignéztük a jelenlegi felületet, kiderült, hogy nem a kevés mozgás volt a fő gond, hanem a rossz helyre tett mozgás. A lenyíló részek túl lassan nyíltak meg, a fő képek váltása túl erős volt, és az ajánlatkérő gomb nem adott semmilyen visszajelzést kattintás után. Egy tapasztalt webfejlesztő nem több animációt tett fel, hanem kevesebbet és jobbat. A végeredmény nyugodtabb lett. És sokkal emberibb.

Szerintem ez a legfontosabb különbség. A felületi mozgás nem önmagáért van. A jó animált átmenet megmutatja az irányt. A jó állapotjelzés bizalmat ad. A rossz mozgás viszont lassít, idegesít és fáraszt. Sok megrendelő csak azt látja, hogy mozog valami. Pedig a kérdés nem ez. A kérdés az, hogy segít-e.

Gyakori hibák az animációk beépítésénél

Sokan túl hosszú átmeneteket választanak. Ettől az oldal lomha lesz. Mások minden kisebb elemre külön mozgást tesznek, így a látogató figyelme szétesik. És gyakori az is, hogy a telefonos nézet teljesen másképp viselkedik, mint az asztali. Ez különösen kellemetlen. Aki siet, nem akar várni arra, hogy minden blokk külön megérkezzen. Sok ember egyetlen céllal lép az oldalra. Meg akar találni valamit, kapcsolatba akar lépni valakivel, vagy gyorsan szeretne dönteni. A túl erős hatások ilyenkor inkább akadályt jelentenek.

Én azt látom, hogy a legnagyobb tévedés az, amikor valaki a látványt a használhatóság elé helyezi. Az új animációk integrálása nem lehet öncélú. Ha egy átmenet lassabbá teszi a műveletet, már rossz irány. Ha egy mozgás elfedi a fontos szöveget, az is hiba. Ha egy görgetésre induló elem mindenhol ugyanazt ismétli, gyorsan fárasztóvá válik. És van még egy gond. Sok oldal úgy kap új animációkat, hogy közben senki nem nézi meg, hogyan hatnak gyengébb telefonon vagy lassabb kapcsolaton. Ez drága hiba lehet.

Volt már olyan ügyfél is, aki azt mondta, hogy a régi statikus felülete jobban működött, mint az új, pedig az új sokkal modernebbnek tűnt. Amikor megnéztük, világos lett az ok. A fő tartalom minden betöltéskor késve jelent meg, a lapfülek puhán csúsztak, de túl lassan, és a gombok állapota nem különült el eléggé. A javítás végén nem több mozgás maradt, hanem kevesebb. De végre a megfelelő helyen.

Mennyibe kerülhet a munka

Az ár attól függ, mennyi elemhez kell hozzányúlni, milyen rendszerben működik az oldal, és szükséges-e külön ellenőrzés telefonon is. Más egy rövid visszajelző mozgás beépítése, és más egy összetettebb görgetési hatás vagy képernyőváltás kialakítása. Szerintem a túl olcsó ajánlatok itt különösen gyanúsak. 15.000 alatt ritkán fér bele valódi átnézés, finomhangolás és több nézet ellenőrzése. Olcsóbban lehet valamit odatenni, de attól még nem biztos, hogy jó lesz.

Én személy szerint inkább azt a szakembert választanám, aki őszintén megmondja, mire elég a keret. A túl magas összeg sem garancia. De a gyanúsan alacsony ár mögött sokszor kapkodás van. És a kapkodva beépített mozgások később több bosszúságot okoznak, mint örömet.

Jó szakember kiválasztása

A megfelelő ember kiválasztásánál nem az a fő kérdés, hogy tud-e látványos mintát mutatni. Inkább az, hogy érti-e, miért kell mozognia egy elemnek. Egy jó webfejlesztő vagy felülettervező nem csak szebbé teszi az oldalt. Megnézi, hol bizonytalan a használat, melyik ponton kell visszajelzés, és hol kell inkább csendben maradnia a felületnek. Szerintem ez az igazi különbség szakember és kivitelező között.

Sokan hibáznak, amikor kizárólag a mintaképeket nézik. Az animációk esetében ez félrevezető lehet. Egy rövid videó jól néz ki, de nem mutatja meg, hogy a mozgás valóban hasznos-e a mindennapi használatban. Érdemes inkább arra figyelni, hogyan gondolkodik a szakember. Kérdez-e a célról. Érdekli-e a telefonos nézet. Beszél-e arról, hogy mi legyen gyorsabb és mi maradjon visszafogott. A Qjob.hu oldalon ezért a visszajelzések sokszor többet mondanak, mint a látványos bemutatkozás. Innen gyakran jobban látszik, ki dolgozik pontosan, és ki az, aki mindenhová ugyanazt a látványos receptet viszi.

Az is fontos, hogy a felülettervező ne csak hozzáadni tudjon, hanem visszavenni is. Ez szerintem ritka erény. A jó szakember nem fél azt mondani, hogy ide nem kell mozgás. Vagy azt, hogy itt elég egy rövid átmenet. Sok megrendelő meglepődik ezen, pedig gyakran pont ez a jó döntés.

Mikor érdemes belevágni

Az új animációk integrálása akkor hasznos igazán, amikor az oldal már alapvetően rendezett, de bizonyos pontokon még mindig darabos vagy bizonytalan. Ha a menü ugrik, az űrlap keményen vált, a gombok nem jeleznek vissza, vagy a tartalom túl hirtelen jelenik meg, akkor a mozgás javíthat rajta. De ha az oldal szerkezete eleve zavaros, akkor előbb rendet kell tenni. Sok megrendelő itt téved. Azt reméli, hogy néhány látványos effekt megoldja a mélyebb gondokat. Nem szokta.

Szerintem először mindig azt kell feltenni kérdésként, hogy a látogató most hol akad el. Ha ezt tudjuk, akkor lehet eldönteni, szükség van-e animált visszajelzésre, finom átmenetre vagy csak egyszerűbb felületre. Volt olyan ügyfél, aki eredetileg mozgó fejlécet és görgetésre reagáló képeket akart. A végén ebből semmi nem került fel. Helyette rövid gombvisszajelzés, rendezettebb lapfülek és egy halk tartalomváltás készült. És ez bőven elég volt.

Az interaktív elemek akkor működnek jól, ha a látogató észre sem veszi külön őket, csak azt érzi, hogy minden könnyebben megy. Én ezt tartom a legjobb eredménynek. Nem a feltűnő mozgást, hanem azt a nyugalmat, amikor az oldal végre természetesen reagál. Ha ezt sikerül elérni, akkor az új animációk integrálása valóban jó döntés volt.

Mit érdemes előkészíteni a munka előtt

Mielőtt valaki megbíz egy webfejlesztő vagy más digitális szakembert, érdemes összegyűjteni azokat a pontokat, ahol a felület most darabosnak vagy bizonytalannak érződik. Nem kell hosszú leírás. Elég néhány konkrét megfigyelés. Hol nyílik túl hirtelen a menü. Hol nem látszik, hogy sikerült a művelet. Melyik résznél túl sok a mozgás. Melyik ponton tűnik merevnek az oldal. Ezekből sokkal gyorsabban lehet dolgozni, mint általános kérésekből.

Hasznos lehet rövid képernyőfelvételt is küldeni. A mozgásról sokszor nehezebb beszélni, mint megmutatni. És szerintem jobb, ha a megrendelő azt is leírja, mire vágyik valójában. Nyugodtabb használatra. Korszerűbb hatásra. Kevesebb bizonytalanságra. Mert a cél nem mindig ugyanaz. Van, aki a felhasználói visszajelzést szeretné erősíteni. Más inkább csak azt akarja, hogy a felület ne tűnjön keménynek és darabosnak.

Végül szerintem mindig kell egy utolsó ellenőrzés több helyzetben. Telefonon, asztali gépen, gyorsabban és lassabban is. Sok mozgás tervezéskor jónak látszik, de a valós használatban derül ki, hogy túl hosszú, túl feltűnő vagy éppen felesleges. A jó megoldás ritkán a leghangosabb. Inkább az, amelyik beleolvad a használatba, és végre segíti azt.