A/B tesztelés és űrlapok fejlesztése

Mobil űrlapok készítése

A mobil űrlapok készítése akkor működik jól, ha telefonon is gyors a kitöltés, kevés a hiba, és a felhasználó nem akad el már az első mezőnél. A Qjob.hu oldalon ezért sokan nem céget, hanem külön dolgozó szakembert keresnek ehhez a feladathoz, mert egy tapasztalt UX tervező vagy felülettervező gyakran célzottabban javítja a regisztrációt, az ajánlatkérést vagy a kapcsolatfelvételt. Szerintem a mobil nézetnél nem az a fő kérdés, hogy szép-e az űrlap, hanem az, hogy egy kézzel, útközben vagy sietve is végig lehet-e küldeni.

Sokan ott hibáznak, hogy a régi asztali űrlapot egyszerűen összenyomják kisebb képernyőre. Ettől még nem lesz mobilbarát. A mezők maradnak túl hosszúak, a gomb túl közel kerül a többi elemhez, a hibajelzés csak beküldés után látszik, és a felhasználó inkább bezárja az oldalt. Az angol és brit UX anyagok is rendre ugyanazokat a pontokat emelik ki, vagyis világos szerkezet, kevés kérdés, egyértelmű mezőcímkék, jó hibaüzenetek és mobilra szabott kitöltés. Ezek a témák a hazai találatokban is újra meg újra feljönnek, még ha nem mindig ilyen tisztán megfogalmazva is. citeturn541723search0turn541723search1turn541723search7turn110565search12

Mobil űrlap tervezés alapjai

Egy jól felépített mobil űrlap rövid. Nem kérdez olyat, amire nincs szükség. És nem terheli a képernyőt felesleges blokkokkal. A brit szolgáltatástervezési útmutatók külön hangsúlyozzák, hogy minden kérdésnek oka legyen, és a szerkezet segítse a felhasználót a következő lépés megértésében. Ez a gyakorlatban azt jelenti, hogy egy privát ügyfél számára készülő kapcsolatfelvételi vagy időpontfoglaló űrlapnál sokszor elég a név, az elérhetőség, a rövid leírás és esetleg egy helyszín mező. Minden más csak akkor maradjon bent, ha valóban kell a munkához. citeturn541723search0turn541723search1

Az is fontos, hogy a mezők sorrendje természetes legyen. Előbb a könnyű részek jöjjenek. Utána a részletek. Én személy szerint szeretem, amikor a mobil űrlap már az elején megmutatja, nagyjából mennyi idő lesz a kitöltés. Ettől kevésbé tűnik terhesnek. Volt olyan eset, amikor egy ügyfél csak a mezők átrendezésével és két fölösleges kérdés törlésével látványosan csökkentette a félbehagyott regisztrációk számát. Nem kellett teljes újratervezés. Csak valaki végignézte józan szemmel, hogy hol szorul meg a folyamat.

Űrlapmezők és hibák mobilon

A mobil űrlap egyik kényes pontja a bevitel. Ha a telefonszám mezőnél betűs billentyűzet nyílik meg, az már felesleges súrlódás. Ha az e-mail mező nem támogatja az automatikus kitöltést, az is lassít. A frissebb mobilos UX ajánlások azt javasolják, hogy a bevitelhez igazodjon a billentyűzet, legyen egyoszlopos elrendezés, a hosszú űrlap pedig törjön több lépésre. A leggyakoribb gondok közé tartozik a rosszul megfogalmazott kérdés és a zavaros válaszlehetőség is. citeturn541723search7turn541723search9turn541723search5

Sok hibajelzés túl későn jelenik meg. A felhasználó kitölt mindent, megnyomja a gombot, és csak akkor kap öt piros figyelmeztetést egyszerre. Ezt én rossz megoldásnak tartom. Jobb, ha a rendszer azonnal és emberi módon jelez. Ne csak annyit írjon, hogy érvénytelen adat. Inkább azt, hogy az e-mail címben hiányzik a kukac, vagy a telefonszám túl rövid. Sok ember hibát csinál, amikor túl technikai nyelvet használ a figyelmeztetésekben. Egy magánügyfél nem hibakódot akar látni, hanem gyors segítséget.

Volt egy kisebb lakásfelújítási ajánlatkérő felület, ahol a küldés gomb fölött volt egy hosszú adatkezelési blokk és alatta még három opcionális mező. Telefonon a gomb szinte eltűnt. A kitöltők egy része azt hitte, hogy nincs is továbblépés. Miután a szöveg rövidebb lett, az opcionális mezők külön részbe kerültek, és a hibák mezőnként jelentek meg, sokkal simább lett a folyamat. Nem látványos megoldás segített, hanem fegyelem.

Mobil űrlapok készítése árak

A mobil űrlapok készítése árban nagyon eltérhet attól függően, hogy valaki csak egy egyszerű kapcsolatfelvételi űrlapot kér, vagy teljes regisztrációs és ajánlatkérő folyamatot akar újragondolni. Magánügyfeleknél az a tipikus, hogy van egy meglévő oldal, és ahhoz kell használhatóbb űrlap. Ilyenkor a szakember lehet UX tervező, felülettervező vagy olyan frontend fejlesztő, aki jól érti a mobil használatot is. Olcsóbban is lehet találni segítséget, de az én tapasztalatom szerint a gyanúsan alacsony ár gyakran csak gyors sablonmunkát jelent. A túl olcsó megoldás ritkán lesz igazán átgondolt.

Persze ezek irányárak. Ha a feladat része a szöveg újraírása, a képernyők megtervezése és a beépítés támogatása is, a végösszeg nőhet. De szerintem jobb külön tételben látni, mi mennyibe kerül. Így a megrendelő el tudja dönteni, elég-e egy gyors javítás, vagy tényleg új felépítés kell. Olcsóbban mint 12.000 forint csak kivételes esetben kap az ember használható eredményt, és ezt jobb előre kimondani.

Szakember választása mobil űrlaphoz

Amikor valaki szakembert keres, nem csak a látványos referenciát érdemes nézni. A mobil űrlapok készítése inkább működési kérdés, mint díszítés. Én azt figyelném meg először, hogyan beszél a folyamatról. Rákérdez-e arra, kik fogják kitölteni az űrlapot, milyen telefonon, milyen helyzetben, és hol hagyják félbe most. Ha valaki erről semmit nem kérdez, csak rögtön látványt ígér, az nekem gyenge jel.

Sok magánügyfélnek az a benyomása, hogy csak programozó tud segíteni. Ez nem mindig igaz. Egy jó UX tervező sokszor pontosabban látja, miért akad el a kitöltés. Máskor viszont egy frontend fejlesztő az ideális választás, mert a gond főleg technikai, például rossz mezőtípus, lassú betöltés vagy hibás gombállapot. A legjobb, ha a választott szakember röviden leírja, mit néz át először, és milyen kézzelfogható eredményt ad át. Például javított szöveget, új mezősorrendet, próbaképet vagy beépíthető mintát.

Volt már olyan, hogy a megrendelő a legolcsóbb ajánlatot választotta, mert csak egy kis űrlapról volt szó. A végén mégis újra kellett kezdeni, mert a kapott változat asztali nézetben sem működött rendesen. Sokkal többe került kijavítani, mint elsőre normálisan megcsinálni. Ez tipikus hiba. Személy szerint én azt szeretem, ha a szakember első körben nem mindent ígér, hanem két-három konkrét problémát nevez meg, amit biztosan rendbe tesz.

Helyi igények és helyszínmezők

Bár a mobil űrlap tervezése sokszor távolról is megoldható, a helyi használat számít. Más a helyzet ott, ahol az emberek gyorsan, útközben küldenek be ajánlatkérést, és más ott, ahol inkább este, otthon töltik ki a részletesebb űrlapokat. Ha egy megrendelő ragaszkodik helyi szakemberhez, érdemes tisztázni, kell-e személyes egyeztetés, vagy elég videóhívás és képernyőmegosztás. A legtöbb ilyen munka ma már országosan is jól szervezhető.

A lokalizáció akkor fontos igazán, ha az űrlap helyszínmezőket, irányítószámot, kerületet, környéket vagy közeli településeket is kezel. Itt sokan követnek el hibát. Túl hosszú listát tesznek be, nehéz görgetéssel. Mobilon ez különösen fárasztó. Jobb lehet a kereshető mező, az előre javasolt érték vagy a fokozatos kérdezés. Előbb a város. Utána a kerület vagy környék. A felhasználó így nem fullad bele a listába.

Szerintem ez a rész különösen fontos olyan űrlapoknál, ahol a szakember helyszínre megy, például felméréshez, szereléshez vagy javításhoz. Ilyenkor a rosszul kezelt címmező nem apró kényelmetlenség, hanem elveszett megkeresés. És ezt sokan alábecsülik. Egy jól beállított helyszínrész sokkal többet számít, mint egy új háttérszín.

Mobil űrlap tesztelése élesítés előtt

A mobil űrlapok készítése nem ér véget azzal, hogy elkészül a terv vagy a kód. Tesztelni kell valódi telefonon. Nem csak böngészőben összenyomott nézetben. A brit források is kiemelik, hogy a digitális űrlapot a valódi használati környezetre kell tervezni, és a mobilos kutatás külön figyelmet igényel. Én legalább három dolgot mindig megnéznék élesítés előtt. Mennyi idő alatt tölthető ki. Hol jelenik meg hiba. És látszik-e végig, hogy mi a következő lépés. citeturn541723search0turn541723search4

Jó módszer, ha valaki, aki nem ismeri a felületet, végigmegy rajta egy közepes méretű telefonon. Itt hamar kijön, ha a mező túl alacsony, a gomb túl lent van, vagy a figyelmeztetés lecsúszik a képernyőről. És igen, a lassú mobilnetet is érdemes utánozni. Sok szép megoldás addig működik, amíg stabil az irodai kapcsolat.

Összességében a mobil űrlap nem külön mellékes elem, hanem maga a belépési pont. Ha ez rossz, minden utána jövő lépés drágább lesz. Ha jó, kevesebb lesz a hiba, több a beküldés, és a felhasználó nem érzi úgy, hogy dolgoztatják. Én ezért a mobil űrlapok készítése során mindig a legegyszerűbb kérdést teszem fel először. Telefonon, sietve, külső segítség nélkül is végig lehet menni rajta vagy sem.