Mobilbarát, gesztusokkal támogatott weboldal tervezés és fejlesztés szakértői!

Mobil gesztustámogatás online felülethez

A Mobil gesztustámogatás akkor fontos, ha a felhasználó nem csak nézi a mobiloldalt, hanem ujjal való mozdulatokkal használja is. Ilyen lehet a húzás, a koppintás, a hosszú nyomás, a kép nagyítása, a lapozás vagy egy rejtett menü előhívása. Én azt látom, hogy sok ügyfél először látványos megoldást kér, de valójában egyszerűbb használatot szeretne. A kettő nem mindig ugyanaz. Egy magán webfejlesztő vagy felhasználói felület tervező akkor dolgozik jól, ha nem csak beépíti a mozdulatokat, hanem érthetővé is teszi őket.

Távoli munkánál ez különösen fontos. A megrendelő képernyőképet, rövid videót, meglévő oldalt vagy pontos leírást küld. A szakember ebből látja, hol akad el a felhasználó, melyik rész túl kicsi, hol kell könnyebb lapozás, és hol lenne zavaró egy túl bonyolult gesztus. Szerintem a jó megoldás nem attól jó, hogy sokféle mozdulatot tud. Attól jó, hogy a látogató nem gondolkodik rajta. Használja, mert természetesnek érzi.

Mobilos gesztusvezérlés célja

A mobilos gesztusvezérlés célja a gyorsabb és kényelmesebb használat. Nem minden feladatot kell külön gombbal megoldani. Egy galériában a húzás logikusabb, mint egy apró nyíl. Egy kártyás felületen a balra vagy jobbra mozdítás gyorsabb lehet, mint egy hosszú menü. De a gesztus nem helyettesíthet minden látható elemet. Sokan ott hibáznak, hogy eltüntetik a gombokat, és arra számítanak, hogy a felhasználó majd kitalálja a mozdulatot.

Tapasztalatom szerint a magánügyfelek gyakran akkor keresnek segítséget, amikor a mobilos oldal már elkészült, de a használata nehézkes. A képek nem húzhatók szépen. A menü túl érzékeny. A görgetés összeakad egy belső elemmel. A felhasználó véletlenül bezár valamit. Ilyenkor nem teljes újratervezés kell, hanem pontos javítás. A feladat lehet elemzés, prototípus, fejlesztés vagy tesztelés. A Qjob.hu oldalán ilyen jellegű online munkára is lehet magánszakembert keresni.

Volt olyan eset, amikor egy ügyfél termékbemutató oldalán a képgaléria minden második húzásra visszaugrott az első képre. A látogatók emiatt nem nézték végig a képeket, és kevesebb ajánlatkérés érkezett. A javítás nem volt nagy. A szakember különválasztotta a vízszintes lapozást a függőleges görgetéstől, majd érthető jelzést tett a galéria alá. A változás egyszerű volt, de a használat sokkal nyugodtabb lett.

Mobil gesztustámogatás árak

A Mobil gesztustámogatás ára attól függ, hogy csak kisebb javításról van szó, vagy új interakciós logikát kell kialakítani. Egy meglévő oldalnál olcsóbb lehet egy hibás húzás vagy koppintás javítása. Egy összetettebb felületnél már tervezés, fejlesztés és tesztelés is kell. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a gesztusok hibái sokszor csak valós készüléken derülnek ki. Nem elég a kódot megírni. Ki kell próbálni több képernyőméreten és eltérő használati helyzetben is.

Ezek az árak tájékoztató jellegűek, de reális támpontot adnak. Ha az ügyfél pontosan megmutatja a hibát, a szakember gyorsabban ad becslést. Ha csak annyi a leírás, hogy a mobiloldal nem kényelmes, először felmérésre van szükség. Én ezt nem tartom felesleges lépésnek. Sokszor éppen itt derül ki, hogy nem gesztus hiányzik, hanem rossz méretű gomb, túl kicsi távolság vagy zavaros tartalmi sorrend.

Gesztus alapú mobil felület tervezése

A gesztus alapú mobil felület tervezése akkor működik jól, ha előre tiszta a cél. Más megoldás kell egy képgalériához, más egy rendelési folyamathoz, és más egy oktató jellegű oldalhoz. A szakember először azt nézi meg, hogy a felhasználó mit akar elérni. Utána dönt arról, hogy kell e húzás, hosszú nyomás, nagyítás vagy egyszerű koppintás. Nem jó, ha minden mozdulat külön szabályt kap.

Fontos, hogy legyen látható visszajelzés. Ha a felhasználó húz egy elemet, éreznie kell, hogy az oldal reagál. Ha hosszú nyomással nyílik meg egy menü, jelezni kell, hogy ez lehetséges. Ha egy kép nagyítható, legyen erre finom jelzés. A teljesen rejtett gesztusok gyakran csak a tervező fejében egyértelműek. A látogató nem fog hosszasan kísérletezni.

A mobil érintés támogatása nem csak fejlesztési kérdés. Részben tartalmi és szerkezeti kérdés is. Rövidebb blokkok, nagyobb érintési felületek, logikus sorrend, tiszta hibajelzés. Ezek együtt adják a kényelmes használatot. A jó szakember nem erőlteti a bonyolult megoldást, ha egy egyszerűbb felület megbízhatóbb eredményt ad.

Megfelelő online szakember kiválasztása

Megfelelő online szakember választásakor nem elég azt nézni, hogy tud e weboldalt készíteni. A mobilos gesztusok külön figyelmet igényelnek. Érdemes portfóliót kérni, ahol látszik mobilnézet, interaktív elem vagy korábbi felületjavítás. Jó jel, ha a szakember kérdez. Milyen készüléken jelentkezik a hiba. Melyik böngészőben. Van e videó a problémáról. Milyen rendszerben készült az oldal.

Szerintem az a megbízható hozzáállás, amikor a szakember nem ígér azonnal mindent. Előbb meg akarja érteni a feladatot. A magánügyfélnek ez néha lassabbnak tűnik, de valójában biztonságosabb. Egy rosszul beépített mozdulat ronthatja a görgetést, a menüt vagy akár az űrlap kitöltését is. A mobil gesztustámogatás nem dekoráció. A használhatóság része.

Érdemes már az elején tisztázni a javítások számát, az átadott anyagokat, a határidőt és azt, hogy milyen formában kapja meg az ügyfél az eredményt. Lehet kész kód, beállított oldal, képernyőterv, tesztelési jegyzőkönyv vagy részletes javítási lista. Ha ez nincs leírva, könnyen vita lesz abból, hogy mi számít kész munkának.

Online munkamenet és átadás

Az online munkamenet általában rövid egyeztetéssel indul. Az ügyfél elküldi a linket, a képernyőképet, a videót vagy a belépési adatokat, ha ez szükséges. A szakember átnézi a felületet, majd javaslatot ad. Egyszerűbb esetben rögtön javít. Összetettebb helyzetben előbb működési tervet készít. Ez azért hasznos, mert a gesztusos felületnél apró döntések is sokat számítanak.

A határidő függ a feladat méretétől. Egy kisebb érintési hiba akár egy napon belül rendezhető. Egy több elemből álló mobilos interakció pár napot is igényelhet. Ha tesztelés is kell, ezt külön érdemes számolni. Nem jó, ha a kész munkát csak asztali gépen nézik meg. A mobilos érintés támogatása pont ott derül ki, ahol használni fogják.

Az átadásnál legyen világos, mi változott. A szakember adhat rövid leírást, képernyővideót vagy listát a javított elemekről. Ez nem formaság. Az ügyfél így később is tudja, mit kapott. És ha egy másik fejlesztő folytatja a munkát, nem kell mindent elölről kitalálni.

Tipikus hibák mobil gesztusoknál

A leggyakoribb hiba a túl sok rejtett mozdulat. A felhasználó nem tudja, hogy mit lehet húzni, nagyítani vagy hosszan nyomni. A másik gond a túl érzékeny felület. Egy apró ujjmozdulat már lapoz, miközben a látogató csak görgetni akart. Ez bosszantó. És gyorsan elviszi a figyelmet a tartalomról.

Sokan ott hibáznak, hogy az asztali logikát próbálják mobilra kényszeríteni. Ami egérrel működik, az ujjal nem biztos. A lebegő elemek, apró ikonok, túl közeli gombok és hosszú menük mobilon hamar kényelmetlenné válnak. A gesztus ilyenkor nem megoldás, hanem csak újabb réteg a problémán.

A másik gyakori gond az akadálymentesség figyelmen kívül hagyása. Nem minden felhasználó tud pontosan húzni, csippenteni vagy hosszan nyomni. Ezért a fontos műveletekhez érdemes alternatív utat adni. Például egy lapozható galériánál maradhat látható nyíl vagy pöttyös jelölés. A jó mobilos felület nem csak gyors, hanem megbocsátó is.

Minőségi mobil érintés támogatása

A minőségi mobil érintés támogatása akkor érezhető, amikor a felhasználó nem akad el. Nem kell magyarázatot olvasnia. Nem kell visszalépnie, mert véletlenül rossz elemet nyitott meg. A mozdulatok következetesek, a felület reagál, az eredmény pedig kiszámítható. Ez egyszerűen hangzik, de munka van mögötte.

Én azt látom, hogy a jó végeredményhez három dolog kell. Pontos feladatleírás, türelmes tesztelés és olyan szakember, aki nem csak a látványra figyel. A magánügyfélnek nem kell technikai nyelven megfogalmaznia mindent. Elég, ha megmutatja, mi zavaró, hol akad el, és mit szeretne elérni. A többi már szakmai feladat.

A Mobil gesztustámogatás akkor éri meg igazán, ha a javítás nem öncélú. Egy gyorsabb galéria, egy biztosabban működő menü, egy könnyebben kezelhető űrlap vagy egy természetesebb lapozás mind csökkenti a bizonytalanságot. A látogató tovább marad, kevesebbet hibázik, és könnyebben jut el a kívánt műveletig. Ez a cél. Nem a látványos trükk, hanem a nyugodt használat.