Élményzóna kialakítása interaktív érintőképernyőkkel

Érintőképernyő fejlesztés magánügyfeleknek

Az Érintőképernyő fejlesztés akkor jó választás, ha egy online használható, érintéssel vezérelhető felületre, prototípusra vagy működő alkalmazásrészre van szükséged. A feladat lehet egyszerű menürendszer, rendelési felület, oktató anyag, bemutató képernyő, interaktív katalógus vagy egy meglévő felület átdolgozása. A lényeg nem az, hogy látványos legyen, hanem az, hogy kézzel használva gyorsan érthető maradjon.

Én azt látom, hogy a legtöbb magánügyfél nem kész rendszert keres, hanem egy konkrét problémára akar használható megoldást. Van egy ötlet, egy eszköz, egy esemény, egy oktatási anyag vagy egy termékbemutató, amelyhez kényelmes érintéses kezelőfelület kell. Ilyenkor egy szabadúszó fejlesztő vagy felülettervező rugalmasabban tud dolgozni, mint egy nagyobb csapat. Kevesebb a köztes lépés, gyorsabb a visszajelzés, és könnyebb tisztázni, mi fér bele a határidőbe.

A Qjob.hu felületén magánszemélyként is találhatsz olyan szakembert, aki távolról dolgozik, egyezteti a briefet, elkészíti a látványtervet, majd átadja a szükséges fájlokat vagy működő felületet. A munka jellemzően online zajlik. A megbízó elküldi az anyagokat, a fejlesztő kérdez, majd képernyőterv, kattintható minta vagy kész kód készül.

Érintőképernyős felület célja

Az érintőképernyős felület nem ugyanaz, mint egy hagyományos weboldal kicsinyített változata. Nagyobb gombokra, egyértelmű állapotokra, rövidebb szövegekre és hibabiztos folyamatokra van szükség. Szerintem itt bukik el sok projekt. A megbízó elküld egy régi oldalt, és azt kéri, hogy legyen érintős. Ez ritkán elég. A felületet újra kell gondolni, mert az ujj nem egér, a figyelem rövidebb, és a téves érintés gyakoribb.

A jó érintéses alkalmazás kevés döntést kér egyszerre. A felhasználó mindig látja, hol tart, mit választhat, és hogyan léphet vissza. Fontos a betűméret, a kontraszt, a gombok közötti távolság, a betöltési idő és az is, hogy a hibák ne állítsák meg a teljes folyamatot. Egy magánügyfélnek nem kell minden műszaki részletet ismernie. De jó, ha tudja, hogy a fejlesztés nem csak kódolás. Tervezés, próba és javítás is tartozik hozzá.

Volt olyan eset, amikor egy ügyfél egy családi oktatóanyaghoz kért érintéses képernyőt. Elsőre csak képeket és gombokat szeretett volna. A próba után kiderült, hogy a gyerekek túl gyorsan nyomkodják a felületet, ezért visszajelzéseket, késleltetést és egyszerűbb lépéseket kellett beépíteni. Ettől nem lett bonyolultabb a használat. Éppen ellenkezőleg. Végre érthető lett.

Érintőképernyő fejlesztés árak

Az árak főleg a képernyők számától, az interakciók bonyolultságától, az eszköz típusától és az átadás formájától függenek. Egy egyszerű kattintható terv olcsóbb, mint egy működő webes alkalmazás. Egy teljesen egyedi animáció, adatkapcsolat vagy többnyelvű tartalom már komolyabb munka. Tapasztalatom szerint a túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert kimarad a tesztelés vagy a pontos átadás.

A fenti összegek tájékoztató jellegűek, de reális kiindulást adnak. A pontos díjhoz kell egy rövid leírás, néhány minta, a kívánt határidő és az átadás módja. Ha csak ötlet van, akkor érdemes először kisebb tervvel kezdeni. Így nem a teljes fejlesztés ára derül ki túl későn.

Érintőképernyős fejlesztő választása

A megfelelő szakember kiválasztásánál nem elég azt nézni, hogy tud e programozni. Az érintéses felülethez kell felhasználói gondolkodás, vizuális rend és türelem is. Egy jó érintőképernyős fejlesztő megkérdezi, ki fogja használni a felületet, milyen eszközön, milyen tartalommal, mennyi idő alatt, és mi történik hiba esetén. Ezek nem felesleges kérdések. Ezekből derül ki, hogy a munka mennyire lesz használható.

Érdemes portfóliót kérni, de nem csak szép képeket. Jobb, ha a szakember meg tud mutatni folyamatot, állapotokat, gombméreteket, átadott fájlokat vagy legalább egy kattintható mintát. Aki csak általános ígéretet ad, annál nehéz lesz később számon kérni a részleteket. Sokan ott hibáznak, hogy a leggyorsabb választ választják, majd a munka közepén derül ki, hogy a fejlesztő nem értette a használati helyzetet.

Magánügyfélként különösen fontos a tiszta kommunikáció. Legyen egy rövid feladatleírás, lista a szükséges képernyőkről, elküldött szövegek és képek, valamint egyértelmű válasz arra, hogy a végeredmény terv, prototípus vagy működő fájl lesz. Ha a szakember ezekre pontosan reagál, az jó jel. Ha mindenre azonnal igent mond, az szerintem inkább kockázat.

Online munka menete és átadás

Az online érintőfelület készítés általában rövid egyeztetéssel indul. A megbízó leírja a célt, elküldi a meglévő anyagokat, és megjelöli, mire kell a végeredmény. Ezután jön a képernyők logikája. Mi legyen az első lépés, hová vezet egy gomb, mi történik visszalépésnél, és milyen üzenet jelenik meg hiba esetén. Ez unalmasnak tűnhet, de itt dől el a munka fele.

A következő szakasz a vázlat vagy a prototípus. Itt még könnyű változtatni. A gombok helye, a sorrend, a szövegek hossza és az ikonok jelentése javítható. A kész fejlesztésnél ezek már drágábban módosulnak. Ezért érdemes visszajelzést adni korán, nem csak a végén. Rövid, konkrét megjegyzések segítenek. Például túl kicsi a gomb, nem egyértelmű a következő lépés, hiányzik a vissza gomb.

Az átadás lehet tervfájl, képernyőkép csomag, kattintható minta vagy működő webes felület. Komolyabb feladatnál kell rövid használati leírás is. Nem hosszú dokumentum, csak annyi, hogy később érthető legyen, melyik fájl mire való, hogyan lehet módosítani a tartalmat, és milyen méretre készült a felület. Az Érintőképernyő fejlesztés akkor zárul jól, ha nem csak szép a végeredmény, hanem átvehető és tovább használható.

Javítások és minőség

Az érintőkijelzős megoldás minőségét nem a látvány dönti el egyedül. Sokkal fontosabb, hogy a felhasználó ne akadjon el. A gomb legyen elég nagy, az aktív elem látszódjon, a visszajelzés érthető legyen, és a szöveg ne terhelje túl a képernyőt. Egy kis késleltetés, egy sikeres műveletet jelző állapot vagy egy jól megírt hibaüzenet sok bosszúságot megelőz.

A javításokat érdemes előre tisztázni. Hány kör módosítás fér bele az árba, milyen változtatás számít új feladatnak, és mennyi idő alatt érkezik válasz. Tapasztalatom szerint két javítási kör sok kisebb munkánál elég. Az első a szerkezetet tisztázza, a második a részleteket. Ha a brief homályos, akkor több kör kell, és a költség is nő.

Sokan ott hibáznak, hogy a teljes tartalmat a fejlesztőre bízzák. A szakember tud javasolni, egyszerűsíteni és rendezni, de a célokat a megbízónak kell tisztáznia. Kinek készül a felület, mit kell elérnie, mi számít sikeres használatnak. Ezek nélkül az érintéses alkalmazás csak képernyők sorozata lesz.

Brief és anyagok előkészítése

Az Érintőképernyő fejlesztés gyorsabb, ha a megbízó már az elején összegyűjti az alapanyagokat. Kell a cél rövid leírása, a tervezett képernyők listája, a szövegek, képek, logók, színek, példák és a kívánt határidő. Nem baj, ha valami hiányzik. De jobb kimondani, mint később keresni.

A jó brief nem hosszú, hanem pontos. Tartalmazza, hogy mi legyen a felhasználó első művelete, mi a legfontosabb gomb, hol kell visszalépni, és milyen eredményt kell látni a végén. Ha van minta, azt érdemes elküldeni. Nem másolás miatt, hanem irányként. A szabadúszó így gyorsabban érti meg az ízlést és a technikai elvárást.

Én azt tartom jó munkának, amikor a megbízó a végén nem magyarázni akarja a felületet, hanem használni tudja. Ehhez nem kell túl sok dísz. Kell világos sorrend, megfelelő méret, tiszta tartalom és korrekt átadás. Az érintőképernyős fejlesztés lényege végül ennyi. Az ember megérinti a képernyőt, és pontosan tudja, mi fog történni.