Egyedi hatások és interaktivitás tervezése és kivitelezése

Nem szabványos interakció online feladatoknál

A Nem szabványos interakció akkor fontos, amikor egy weboldal, alkalmazás vagy digitális felület nem elég egy egyszerű gombbal, menüvel vagy űrlappal. Ilyenkor a felhasználónak olyan mozgásra, visszajelzésre, animált elemre vagy egyedi működésre van szüksége, amely segíti a döntést és érthetőbbé teszi a használatot. Ez nem díszítés. Szerintem akkor van értelme, ha a felület gyorsabban magyaráz, mint egy hosszú szöveg.

Magánügyfélként sokszor nehéz pontosan megfogalmazni, mit kell elkészíteni. Lehet, hogy csak annyi látszik, hogy a meglévő oldal unalmas, a látogatók nem kattintanak, vagy egy folyamat zavaros. Egy online szabadúszó ilyen helyzetben segíthet kitalálni, hogy milyen interaktív megoldás illik a célhoz. Ez lehet görgetésre induló hatás, egyedi űrlaplogika, választás után változó tartalom, kártyás bemutató, kattintásra nyíló információ vagy olyan mikrointerakció, amely jelzi, hogy a rendszer vette a felhasználó műveletét.

Én azt látom, hogy a jó egyedi interaktivitás nem feltűnő mindenáron. Inkább tisztává teszi az útvonalat. A rossz megoldás viszont fárasztó. Lassítja az oldalt, elviszi a figyelmet, és a látogató nem érti, mit kell tennie. Ezért ennél a munkánál nem elég csak látványos ötletet kérni. Kell hozzá cél, példa, rövid leírás és egy szakember, aki nem csak mozgatni akar elemeket, hanem érti a felhasználói élményt is.

Egyedi interaktivitás felhasználói célokra

Az egyedi interaktivitás akkor hasznos, ha konkrét felhasználói problémára válaszol. Például a látogató nem tud választani több szolgáltatás közül. Ilyenkor segíthet egy lépésenként működő választófelület. Ha túl sok információ van egy oldalon, jól jöhet egy kattintásra bővülő blokk. Ha a rendelési folyamat bizonytalan, a visszajelzések és állapotjelzések csökkentik a hibázást.

Tapasztalatom szerint sok ügyfél először animációt kér, de valójában átláthatóbb működést szeretne. Ez nagy különbség. Az animáció csak eszköz. A felhasználói út a lényeg. A szabadúszó tervező vagy fejlesztő akkor dolgozik jól, ha először megérti, hol akad el a felhasználó, és csak utána javasol megoldást. Egy rövid videó, képernyőkép vagy kézzel rajzolt vázlat is elég lehet az induláshoz.

Volt olyan eset, amikor egy ügyfél egy nagyon látványos kezdőoldali hatást szeretett volna. A beszélgetés közben kiderült, hogy a gond nem a látvány volt, hanem az, hogy a látogatók nem értették a csomagok közötti különbséget. Végül egy egyszerű, választásokra épülő interaktív blokk készült. Kevesebb mozgás volt benne, de jobb lett az eredmény. Ilyen munkáknál szerintem a visszafogott megoldás gyakran többet ér, mint a túl sok effekt.

Nem szabványos interakció árak

A Nem szabványos interakció ára főleg attól függ, hogy csak tervezésre, csak fejlesztésre vagy mindkettőre van szükség. Számít az is, hogy van e kész arculat, meglévő weboldal, részletes leírás, példa vagy prototípus. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a részletek ellenőrzése időigényes. Nem csak az a kérdés, hogy valami mozog e. Az is fontos, hogy érthető, gyors és használható maradjon.

Az áraknál érdemes külön kezelni a tervezést és a megvalósítást. Ha a vizuális terv már kész, a fejlesztő gyorsabban tud dolgozni. Ha nincs terv, akkor előbb a működést kell tisztázni. Egy magánügyfél számára ez sokszor kényelmesebb is, mert nem egyszerre kell mindenről dönteni. Először lehet kérni vázlatot, majd abból készülhet működő változat.

Interaktív hatások online munkamenete

Az online munkamenet általában rövid egyeztetéssel kezdődik. A megrendelő elküldi a meglévő oldalt, képernyőképet, példát vagy leírást. A szakember visszakérdez a célra, a célközönségre, a technikai környezetre és a határidőre. Ezután készülhet egyszerű terv, prototípus vagy közvetlen fejlesztés. A jó folyamat nem bonyolult, de legyen követhető.

Fontos a kommunikáció minősége. Egy nem szabványos hatásnál sok apró állapot van. Mi történik kattintás után. Mit lát a felhasználó betöltés közben. Hogyan működik telefonon. Mi legyen, ha valaki hibás adatot ír be. Ezeket jobb előre megbeszélni, mert utólag drágább javítani. Sokan ott hibáznak, hogy csak egy látványos példát küldenek, és azt kérik, hogy legyen ugyanilyen. De a másik oldal szerkezete, sebessége és célja eltérhet.

A kész eredmény átadása történhet fájlban, webes linken, beépített kódrészletként vagy a meglévő rendszerben elvégzett módosításként. Ha a munka tervezési jellegű, akkor a végeredmény lehet kattintható prototípus, képernyőterv vagy részletes leírás a fejlesztőnek. Ha fejlesztés is készül, akkor szükség van tesztelésre. Nem nagy szóra gondolok. Egyszerű ellenőrzésre. Megnyitás több kijelzőméreten, kattintások végigpróbálása, lassulás figyelése, hibás helyzetek megnézése.

Szabadúszó szakember kiválasztása

A megfelelő szabadúszó szakember kiválasztásánál nem csak a portfólió számít. Nézd meg, hogy tud e egyszerűen magyarázni. Ha egy interakciós ötletet csak látványos szavakkal ír le, de nem mondja el, miért segíti a felhasználót, az kockázat. Jobb, ha konkrét állapotokról beszél. Kezdő állapot, kattintás utáni állapot, hibaállapot, mobilos működés, átadás módja. Ezek száraz részleteknek tűnnek, de ezekből lesz használható munka.

Qjob.hu felületén magánszemélyként is lehet olyan online szakembert keresni, aki vállal felülethez kapcsolódó tervezést, fejlesztést vagy interaktív megoldások javítását. Itt érdemes röviden leírni, milyen oldalon kell dolgozni, mi a cél, van e kész dizájn, és milyen határidő lenne elfogadható. Nem kell tökéletes szakmai leírás. De a feladat legyen érthető.

Szerintem a legjobb jel az, ha a szakember kérdez. Nem azért, mert nem ért hozzá, hanem mert pontosítani akar. Kérhet hozzáférést, de csak akkor add meg, ha már tiszták a feltételek. Kezdetben sokszor elég képernyőfelvétel, leírás vagy próbaoldal. Egy kisebb részfeladattal is lehet kezdeni. Így látszik, mennyire pontos a munka, hogyan tartja a határidőt, és mennyire érthetően adja át az eredményt.

Nem szabványos hatások minősége

A nem szabványos hatások minősége nem abból látszik, hogy mennyire látványosak. Inkább abból, hogy nem zavarják a felhasználót. A jó hatás visszajelzést ad, irányítja a figyelmet, és nem lassítja a folyamatot. Ha egy elem túl sokáig mozog, ha nem lehet egyértelműen bezárni, vagy ha telefonon nehéz használni, akkor a megoldás nem jó, még akkor sem, ha első pillantásra modernnek tűnik.

Ügyfélként érdemes elvárni, hogy a kész munka több helyzetben is működjön. Más képernyőméret, lassabb kapcsolat, érintéses használat, billentyűzetes navigáció, hosszabb szöveg. Ezek nem mindig kerülnek szóba az elején, pedig sok hibát megelőznek. Tapasztalatom szerint a legtöbb vita abból jön, hogy a megrendelő mást gondolt kész eredménynek, mint a kivitelező. Ezért kell a munka elején röviden leírni, mit kell átadni.

A minőséget az is javítja, ha a feladat nem akar mindent egyszerre megoldani. Egy weboldalon nem kell minden szakasznak mozognia. Nem kell minden kattintásnak külön hatás. A felhasználó akkor érzi jónak a felületet, ha gyorsan megérti. Az interaktív rész csak segítség. Nem főszereplő.

Egyedi interakciók tipikus hibái

Sokan ott hibáznak, hogy először technikai trükköt választanak, és csak utána keresnek hozzá célt. Ez fordítva működik jobban. Először azt kell látni, milyen döntést kell megkönnyíteni. Mit nem ért a látogató. Hol bizonytalan. Hol hagyja el a folyamatot. Erre lehet megfelelő megoldást adni.

Gyakori hiba a túl kevés információ is. Ha a megrendelő csak annyit ír, hogy kell egy érdekes hatás, a szakember találgatni fog. Lehet, hogy jó irányba indul, de lehet, hogy nem. Jobb megadni három dolgot. Mi a felület célja, milyen példák tetszenek, és mi az, amit biztosan nem szeretnél. Ez már elég sokat segít.

A másik probléma a javítások kezelése. Egyedi interakció esetén természetes, hogy az első változat után finomítani kell. De nem mindegy, hány kör fér bele az árba. Ezt érdemes előre rögzíteni. Egy kisebb feladatnál egy vagy két javítási kör elég lehet. Összetettebb munkánál több egyeztetés kell. A határidő akkor tartható, ha a visszajelzés pontos. Nem elég az, hogy nem tetszik. Jobb azt írni, hogy túl gyors, túl lassú, nem egyértelmű, vagy nem ott jelenik meg, ahol kellene.

Interaktív megoldás átadása és ellenőrzése

Az interaktív megoldás akkor tekinthető késznek, ha a megbeszélt környezetben működik, és a megrendelő megkapja a szükséges anyagokat. Ez lehet forrásfájl, beépített kód, dokumentált működés vagy szerkeszthető terv. Én azt tartom biztonságosnak, ha az átadásnál rövid leírás is készül. Nem hosszú dokumentáció. Csak annyi, hogy mi készült el, hol található, hogyan lehet módosítani, és mire kell figyelni később.

A Nem szabványos interakció hosszabb távon akkor marad hasznos, ha nem akadályozza a további szerkesztést. Ha minden apró változtatáshoz újra szakember kell, az kényelmetlen lehet. Persze vannak bonyolult megoldások, ahol ez elkerülhetetlen. De sok esetben lehet úgy dolgozni, hogy a szövegek, képek vagy sorrendek később is cserélhetők legyenek.

Az ellenőrzésnél érdemes végigmenni a felhasználó szemével. Megjelenik e minden elem. Érthető e, mire kell kattintani. Működik e a visszalépés. Látszik e a hibajelzés. Nem takar e ki fontos tartalmat. Ha ezek rendben vannak, az egyedi interaktivitás valóban támogatja a felületet. Nem csak mozog, hanem segít.