Mobilalkalmazások felhasználói felületének animációja - Lépjen be a dinamizmus világába!

Mobilanimáció magánszakembertől

A Mobilanimáció akkor kell, amikor egy alkalmazás képernyője nemcsak működni akar, hanem érthetően vezetni is a felhasználót. Ez lehet gombmozgás, betöltési jelzés, belépő képernyő, lapozás, ikonmozgás, rövid bemutató vagy olyan finom felületi animáció, amely segít megérteni a következő lépést. Magánügyfélként nem mindig teljes fejlesztést keres az ember. Sokszor csak egy kész felülethez, tervhez vagy videóhoz kell jól használható mozgás.

Én azt látom, hogy a megrendelők gyakran látványt kérnek, de valójában rendet szeretnének. Ha egy alkalmazásban minden mozdulat esetleges, a felhasználó bizonytalan lesz. Ha a mozgás pontos, rövid és logikus, akkor a képernyő természetesebbnek hat. Egy jó animátor nem csak mozgat valamit. Azt is figyeli, hogy a mozgás mit magyaráz, mennyi ideig tart, és nem zavarja-e a használatot.

A Qjob.hu felületén olyan magánszakembert lehet keresni, aki távolról vállal ilyen online feladatot. Itt a közvetlen egyeztetés számít. A megrendelő elküldi a képernyőterveket, a videót, a már meglévő grafikai elemeket vagy a rövid leírást, a szakember pedig megmondja, milyen mozgás készíthető belőle, milyen formátumban adható át, és mennyi idő kell hozzá.

Mobilos animáció felhasználási helyei

A mobilos animáció leggyakrabban nem önálló díszítés. Inkább kis segítség a használat közben. Egy gomb finom visszajelzést ad, ha rákattintanak. Egy ikon jelzi, hogy a folyamat elindult. Egy lapváltás megmutatja, merre halad tovább a felület. Egy üres állapot mozgó elemmel kevésbé tűnik hibának. Szerintem ezek a kis részletek sokszor többet javítanak az élményen, mint egy túl hosszú bemutató animáció.

Gyakori feladat a nyitóképernyő mozgása, az alkalmazáson belüli ikonanimáció, a betöltési jelzés, az oktató képernyők közötti átmenet, a jutalmazó animáció, a hibajelzés finomítása, a profilkép vagy jelvény mozgása, valamint egy rövid alkalmazásbemutató videó elkészítése. Ezek teljesen távolról kezelhető munkák. A lényeg, hogy az ügyfél ne csak azt mondja el, mi mozogjon, hanem azt is, miért.

A mobilos animáció más gondolkodást kér, mint egy hosszabb videó. Itt a mozgás sokszor csak fél másodperc. Ha túl lassú, idegesítő. Ha túl gyors, észrevétlen. Ha túl feltűnő, elviszi a figyelmet. Tapasztalatom szerint a jó felületi animáció akkor működik, ha a felhasználó nem külön csodálja, hanem könnyebben használja tőle a képernyőt.

Alkalmazás animáció tervezése

Az alkalmazás animáció tervezése nem azzal kezdődik, hogy milyen hatás legyen szép. Először azt kell látni, milyen helyzetben jelenik meg a mozgás. Első belépéskor, fizetés után, hiba esetén, menüpont váltásakor vagy egy funkció bemutatásakor más ritmus kell. A cél mindig az, hogy a mozgás röviden magyarázzon, ne pedig plusz akadályt tegyen a felhasználó elé.

A jó kiinduló anyag sokat gyorsít a munkán. Hasznos lehet képernyőkép, mozgásleírás, tervezőprogramból exportált grafika, meglévő arculati szín, ikon, betűtípus és egy példa, amelyhez az ügyfél hasonlót szeretne. Nem kell szakmai nyelven írni. Elég pontosan megfogalmazni, hogy a gomb legyen élőbb, a betöltés kevésbé unalmas, vagy a lapozás legyen finomabb.

Volt olyan eset, amikor egy ügyfél csak annyit kért, hogy a belépő képernyő legyen modernebb. A képernyőterv rendben volt, de a mozgásra nem volt elképzelés. A szakember először két nagyon egyszerű változatot készített. Az egyik lassú volt és elegáns, a másik rövidebb és határozottabb. Az ügyfél a másodikat választotta, mert jobban illett az alkalmazás használatához. A végeredmény nem lett túldíszített, mégis profibbnak hatott.

Mobilanimáció árak

A Mobilanimáció ára főleg a mozgás bonyolultságától, az elemek számától, a javítási köröktől, az átadási formátumtól és attól függ, hogy csak látványterv kell-e, vagy fejlesztésre előkészített fájl is. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden kedvező ajánlat rossz. Hanem mert a finom időzítés, a több képarány ellenőrzése és a használhatóság átgondolása időt kér.

Az alábbi árak távoli, magánszakemberrel végzett online munkákra adnak támpontot. A pontos összeghez látni kell a képernyőket, a kért mozgást és a végső felhasználást.

Sokan ott hibáznak, hogy csak darabárat kérdeznek. Egy ikon animálása lehet gyors, ha a grafika tiszta és a mozgás egyszerű. Ugyanez drágább lesz, ha az ikon rossz minőségű, újra kell rajzolni, több méretben kell ellenőrizni, vagy fejlesztőnek is át kell adni használható formában. A munka értéke nem csak a másodpercek számában van.

Alkalmazáson belüli animáció online menete

Az online munka akkor halad jól, ha az első üzenet nem túl általános. Érdemes leírni, melyik képernyőhöz kell a mozgás, hol jelenik meg, milyen hosszú legyen, milyen hangulatot ne kapjon, és milyen végső fájlra van szükség. Ha van fejlesztő, akkor az átadási formátumot vele is tisztázni kell. A látványos videó nem mindig ugyanaz, mint a fejlesztésben használható animáció.

A folyamat általában rövid felméréssel indul. A szakember megnézi az alapanyagokat, jelzi a hiányokat, majd elkészít egy első változatot vagy mozgásvázlatot. Ezt követi a visszajelzés, majd a véglegesítés. Kisebb munkánál egy javítási kör is elég lehet. Összetettebb alkalmazás animáció esetén jobb két körrel számolni, mert az elsőben a ritmust, a másodikban a részleteket lehet pontosítani.

Az átadásnál fontos a képarány, a felbontás, az átlátszó háttér szükségessége, a fájlméret és a későbbi módosíthatóság. Ha a megrendelő csak közösségi felületre szánt rövid videót kér, más fájl kell. Ha a mozgás magába az alkalmazásba kerül, akkor a szakembernek pontosabb technikai elvárások szerint kell dolgoznia. Itt nem jó a találgatás.

A kommunikáció legyen rövid és pontos. A nem tetszik önmagában kevés. Jobb azt írni, hogy a mozgás túl gyors, a gomb későn reagál, a felirat kicsi, vagy a szín túl erős. Ez nem bonyolult, de sok félreértést megelőz. Tapasztalatom szerint a jó visszajelzés felezi a javításokra fordított időt.

Felületi animáció szakember választása

Animátor választásakor nem elég a szép portfólió. Olyan munkákat kell nézni, amelyek közel állnak a feladathoz. Egy karakteranimációban erős szakember nem biztos, hogy jól ért a rövid felületi mozgásokhoz. Egy videószerkesztő lehet gyors a bemutató anyagokban, de nem biztos, hogy fejlesztésre alkalmas mozgásfájlt ad. A feladat típusa döntse el, kit érdemes megkeresni.

Jó jel, ha az animátor kérdez az alkalmazás céljáról, a felhasználó útjáról, a képernyők számáról, a javításokról és az átadási formáról. Ha valaki azonnal végleges árat mond úgy, hogy nem látta az anyagot, az kockázat. Lehet, hogy gyorsan dolgozik, de az is lehet, hogy később derül ki, mi nincs benne az árban.

Érdemes előre tisztázni, hogy a megrendelő csak kész videót kap, vagy szerkeszthető munkafájlt is. Az utóbbi sokszor külön díj, mert későbbi módosításra is alkalmas. Szerintem ez nem probléma, ha az elején tiszta. A gond akkor kezdődik, amikor az ügyfél a végén kéri a forrásfájlt, a szakember pedig ezt nem számolta bele.

Gyakori hibák mobilos animációnál

A mobilos animáció egyik gyakori hibája a túlzás. Minden mozog, minden villan, minden átúszik, és a felület lassúnak hat. A felhasználó nem bemutatót akar nézni, hanem el akar jutni a következő lépéshez. A jó mozgás rövid, érthető és arányos. Nem akarja átvenni a főszerepet.

Másik probléma a pontatlan feladatleírás. Nincs eldöntve, milyen képernyőn kell megjelenni a mozgásnak, milyen állapotok vannak, mi történik hiba esetén, és milyen fájlformátumot kér a fejlesztés. Ilyenkor a szakember találgat. Ez később javításokat, csúszást és vitát okoz. Jobb az elején kevesebb, de konkrétabb információt adni, mint később teljes irányt váltani.

Minőségi gondot okozhat az is, ha az animáció csak nagy képernyőn néz ki jól. Egy mobilos felületen minden kisebb. A felirat, az ikon és a mozgás ritmusa másképp hat. A kész anyagot ezért mindig kis képernyőn is meg kell nézni. Ha ott tiszta, akkor jó eséllyel máshol is működni fog.

A Mobilanimáció akkor ad jó eredményt, ha a cél egyszerű, az anyagok rendezettek, az ár reális, és a megrendelő elfogadja, hogy a minőség apró döntésekből áll. Nem kell mindent megmozgatni. A legtöbb feladatnál elég néhány pontosan időzített részlet, amely segít, nem zavar, és természetesebbé teszi az alkalmazás használatát.