Kattintható prototípus készítése teszteléshez

Prototípus készítése

A prototípus készítése akkor hasznos, amikor egy ötletet még a fejlesztés előtt láthatóvá és kipróbálhatóvá kell tenni. Ez lehet egy egyszerű kattintható felület, egy mobilalkalmazás első menete, egy weboldal fő folyamata vagy egy ügyféloldali megrendelési útvonal. A lényeg az, hogy a megrendelő ne csak elképzelje, hanem lássa is, mi fog történni a képernyőn. Sok magánügyfél akkor keres ilyen munkára szakembert, amikor már van egy ötlete, de még nem akar vakon fizetni teljes fejlesztésért. Ilyenkor a prototípus segít tisztázni a szerkezetet, a funkciókat és a felhasználói lépéseket.

Magánmegrendelőként ez különösen fontos. Egy lakossági ügyfél gyakran nem tudja pontosan leírni, mit szeretne, csak azt érzi, hogy az oldal legyen egyszerűbb, az alkalmazás legyen átláthatóbb, vagy a foglalás menjen kevesebb kattintással. A jó prototípus készítése ebből a bizonytalan helyzetből csinál kézzelfogható tervet. És nem csak a hibákat mutatja meg. Azt is megmutatja, mi működik jól, hol akad meg az ember, melyik gomb túl rejtett, melyik lépés felesleges.

Szerintem ez az a pont, ahol sok pénzt lehet megspórolni. Aki ezt a részt kihagyja, később gyakran többet fizet javításra. A legtöbb hiba nem a végén születik, hanem már az elején benne van a rosszul átgondolt folyamatban. A prototípus készítése ezért nem díszmunka, hanem előzetes ellenőrzés.

Mire jó a kattintható minta

A kattintható minta arra való, hogy a tervezett felület ne csak kép legyen, hanem mozgásban is érthető maradjon. Egy sima vázlat sokszor kevés. A képernyők közötti kapcsolat, a visszalépés, a menük viselkedése, az űrlap kitöltése vagy a vásárlási folyamat akkor lesz világos, ha tényleg végig lehet kattintani. Ezért választanak sokan olyan tervezőt, aki nem csak rajzol, hanem működő logikát is épít a mintába.

Volt olyan eset, amikor egy ügyfél azt hitte, hogy a főoldala teljesen rendben van. A képek szépek voltak, a színek jók voltak, és első ránézésre minden kulturáltan nézett ki. De amikor végigpróbáltuk a folyamatot, kiderült, hogy a kapcsolatfelvételhez négy külön lépésen kellett átmenni. A felhasználó közben elvesztette a fonalat. Maga az ügyfél is azt mondta, hogy ezt állóképen nem vette észre. Ilyen helyzetekben a prototípus készítése nem elméleti segítség, hanem gyors szűrő.

Én személy szerint jobban szeretem, ha már az első verzióban benne van a fő útvonal, a hibás útvonal és a visszalépés is. Nem kell minden apró részletet kidolgozni, de az alaplogika legyen látható. Egy jó UX szakértő vagy felülettervező ilyenkor nem csak azt kérdezi meg, hogy milyen legyen a kinézet. Inkább azt nézi, hogy hova kattint az ember, mikor bizonytalanodik el, és hogyan lehet két lépéssel rövidebbé tenni egy folyamatot.

Prototípus készítés árak

A prototípus készítés ára főleg a részletességtől, a képernyők számától és a feladat bonyolultságától függ. Nem ugyanaz egy egyszerű landing oldal vázlata és egy több szereplős időpontfoglaló rendszer. A magánügyfelek gyakran azt kérdezik, mennyi az alsó határ. A tapasztalatom az, hogy olcsón is lehet kapni valamit, de az sokszor csak néhány szép kép, valódi gondolkodás nélkül. Olcsóbb megoldás ritkán lesz valóban használható, ha több nézetet, valós folyamatot és javítási kört is vársz.

Az alábbi összegek tájékoztató jellegűek. Egyéni szakember, szabadúszó tervező vagy kisebb stúdió esetén is eltérhetnek, de kiindulásnak jók lehetnek.

Ami nekem reálisnak tűnik, az az, hogy egy valóban átgondolt munka ritkán kezdődik nagyon alacsonyan. Ha valaki teljes prototípus készítése munkát ígér néhány ezer forintért, ott általában hiányzik az egyeztetés, a logika, vagy a visszajelzések kezelése. Persze egyszerű feladatnál lehet kedvezőbb ár. De a túl olcsó ajánlat gyakran később drága lesz.

A megfelelő szakember kiválasztása

A megfelelő ember kiválasztása fontosabb, mint sokan gondolják. Nem elég, hogy valaki szépen rajzol. A prototípus készítése során azt kell nézni, hogy érti-e a felhasználói lépéseket, tud-e kérdezni, és képes-e kiszúrni az ellentmondásokat. Egy jó szakember nem bólogat mindenre. Néha vitatkozik. És ez nem baj. Sőt, ez kifejezetten hasznos.

Sokan ott hibáznak, hogy csak portfólióképeket néznek. Pedig egy statikus kép még nem bizonyít semmit. Én inkább azt kérdezném meg, hogyan építi fel a folyamatot, milyen anyagot kér be induláskor, ad-e kattintható mintát, hány javítási kör van az árban, és tud-e példát mutatni olyan munkára, ahol a felhasználói útvonal lett jobb. Egy felülettervező vagy UX szakértő akkor jó választás, ha nem csak képernyőben gondolkodik, hanem célban is.

Hasznos jel lehet, ha az illető röviden és érthetően fogalmaz. Aki már az elején túlbonyolít mindent, az a projektet is gyakran túlbonyolítja. Nekem az a tapasztalatom, hogy a magánügyfél akkor érzi magát biztonságban, ha világos menete van a munkának. Első egyeztetés, vázlat, kattintható verzió, javítás, átadás. Ennél több sallang nem kell.

A Qjob.hu oldalon is érdemes úgy keresni, hogy ne csak az árat nézd, hanem a leírás minőségét és a visszajelzések hangját is. Azon a ponton, amikor valaki pontosan leírja, miben tud segíteni, általában a közös munka is rendezettebb.

Prototípus készítés a kerületekben és a környéken

Bár ez a munka sokszor online zajlik, a helyi jelenlétnek még mindig van jelentősége. Sok magánügyfél jobban szereti, ha a szakember elérhető a saját környékén, vagy legalább ismeri a helyi piacot, a helyi ügyféltípust és azt, hogyan viselkednek a felhasználók egy adott térségben. Ha személyes találkozó is kell, akkor különösen fontos, hogy ne egy távoli, nehezen elérhető megoldás legyen.

Kerületekben, agglomerációban vagy közeli településeken dolgozó tervezővel gyakran könnyebb az egyeztetés. Nem azért, mert máshol ne lenne jó szakember, hanem mert egyszerűbb közösen átbeszélni a célokat. És van, akinek ez számít. Egy helyi megrendelő például másként beszél egy időpontfoglaló oldalról, mint valaki, aki országos szolgáltatásban gondolkodik. A prototípus készítése ilyen apró különbségek miatt is lehet jobb, ha a szakember látott már hasonló lakossági projekteket.

Itt sokan tévednek. Azt hiszik, hogy mivel online történik a munka, teljesen mindegy, ki hol van. Részben igaz. De ha a célközönség helyi, a nyelvhasználat, a menüpontok logikája, a kapcsolatfelvétel módja és még az űrlapok felépítése is lehet más. Egy jó szakember erre figyel. Nem sablont ad, hanem helyzetre szabott mintát.

Gyakori hibák a megrendelésnél

Az egyik leggyakoribb hiba, hogy a megrendelő túl későn kér prototípust. Előbb megrendel grafikát, szöveget, néha még fejlesztést is, és csak utána derül ki, hogy az egész folyamat nehézkes. Ilyenkor a javítás több ember munkáját érinti. Ez lassú és fárasztó. Sokkal tisztább út, ha már az elején megszületik a vázlat és a kattintható szerkezet.

A másik hiba az, hogy nincs pontos cél. Egy ügyfél azt mondja, legyen modern. A másik azt mondja, legyen letisztult. De ettől még nem tudni, mit kell tudnia a felületnek. Hány lépésből álljon a rendelés. Mi legyen a fő gomb. Kell-e regisztráció. Mikor jelenjen meg az ár. Ezek nélkül a prototípus készítése elcsúszik látványos, de üres irányba.

És ott van az a tipikus gond is, amikor valaki mindent egyszerre akar. Belépés, kedvencek, összehasonlítás, kupon, chat, automatikus válasz, visszahívás, értékelés. Egy első verzióban erre ritkán van szükség. Személy szerint én inkább kisebb, de világos folyamatot választanék. Ami működik, azt később lehet bővíteni. Ami már induláskor zavaros, azon a plusz funkció csak ront.

Volt már olyan munka, ahol a megrendelő ragaszkodott egy hosszú űrlaphoz, mert úgy érezte, így több adatot kap. A próba során azonban kiderült, hogy az emberek a felénél kiléptek. Végül a mezők számát csökkentettük, és a kapcsolatfelvétel rövidebb lett. Az eredmény jobb volt. Sokszor nem a több kérdés ad jobb eredményt, hanem a kevesebb akadály.

Mikor elég a vázlat és mikor kell részletes prototípus

Nem minden feladathoz kell ugyanaz a mélység. Van, amikor elég néhány drótváz. Ha a cél csak az, hogy az oldalak sorrendje, az alapblokkok és a fő menü látszódjon, akkor a gyorsabb és olcsóbb megoldás is elég lehet. Ilyen például egy egyszerű bemutatkozó oldal vagy egy nagyon rövid kapcsolatfelvételi útvonal.

Részletesebb prototípus akkor kell, amikor döntési pontok vannak. Több gomb, több oldal, többféle felhasználói út, fizetési vagy foglalási lépések, hibajelzések, visszaigazolások. Ilyenkor a prototípus készítése már nem csak látványterv, hanem működési próba. A megrendelő ebből érti meg igazán, mi fog elkészülni.

Az is számít, mire kell az anyag. Ha csak saját gondolkodáshoz kell, a vázlat is elég lehet. Ha fejlesztőnek, társfinanszírozónak, partnernek vagy más döntéshozónak kell bemutatni, akkor jobb a részletesebb változat. Az emberek általában könnyebben reagálnak valamire, amit végig tudnak kattintani. Egy állókép sokszor túl sok találgatást hagy maga után.

Összességében a prototípus készítése akkor jó befektetés, ha a munka végén kevesebb a félreértés. Nekem ez a legfontosabb szempont. Nem az, hogy látványos legyen, hanem az, hogy tiszta legyen. Ha a folyamat érthető, a következő lépés is könnyebb. És végül ezért éri meg már az elején rendbe tenni a képernyőket, a sorrendet és a döntési pontokat.