Interaktív weboldal prototípus készítése

Weboldal prototípus készítése

A weboldal prototípus készítése azt segíti, hogy még a fejlesztés előtt látszódjon, hogyan fog működni az oldal, merre mennek a gombok, hol akad el a látogató, és melyik megoldás kényelmesebb. Sok magánügyfél akkor keres ilyen munkára szakembert, amikor új szolgáltatói oldalt, kis boltot, időpontfoglaló felületet vagy személyes portfóliót szeretne. Ilyenkor nem a végső látvány a legfontosabb, hanem az, hogy a szerkezet érthető legyen. Szerintem ez az a lépés, amit túl sokan kihagynak, aztán később kétszer fizetnek ugyanazért.

Egy jó kattintható minta nem dísz. Próba. Megmutatja, hová kerül a kapcsolatfelvétel, mennyire érthető a menü, és kell-e külön nyitólapi blokk a fő ajánlatnak. Budapest környékén különösen sok egyéni megbízó indul gyorsan, és gyakran úgy kér weboldalt, hogy közben a tartalom még félig kész. Ebben a helyzetben a weboldal prototípus készítése nyugodtabb döntést ad, mert nem érzésből, hanem látható szerkezetből lehet továbblépni.

Mire jó a kattintható prototípus

A kattintható prototípus arra való, hogy a leendő oldal használatát előre végig lehessen próbálni. Nem kell hozzá kész programkód, mégis kiderül, merre vezet a kapcsolat gomb, hová kerül az árlista, és mi lesz mobilon az első képernyőn. Sokan azt hiszik, hogy ez csak nagy cégeknek kell. Nem így van. Egy fodrász, magántanár, burkoló vagy lakáskiadó is sokat nyer vele, mert már az elején látszik, hogyan lesz érdeklődőből ügyfél.

És van itt egy gyakori hiba. Sok megrendelő csak szép képernyőket kér, de nem kér folyamatot. Pedig a felületvázlat akkor hasznos, ha a látogató útja is benne van. Honnan indul. Mire kattint. Hol kap bizalmat. Hol küldi el az űrlapot. Az én tapasztalatom az, hogy a túl korai látványtervezés gyakran elfedi a szerkezeti hibákat. Egy egyszerű drótváz néha többet mond, mint egy csillogó kész kép.

Volt olyan eset, amikor egy ügyfél ragaszkodott a nagy nyitóképes oldalhoz, mert látványosnak tartotta. A prototípusban viszont az derült ki, hogy telefonon a fontos gomb lecsúszik, az emberek pedig nem jutnak el az ajánlatkérésig. A módosítás nem tartott sokáig, de ha ez csak éles indulás után derül ki, már sokkal több pénz és idő ment volna el rá.

Weboldal prototípus készítése árak

Az árakat leginkább az oldalak száma, a bonyolultság, a mobil nézetek száma és az határozza meg, hogy csak vázlat készül-e, vagy interaktív minta is. Olcsó ajánlatból sok van, de személy szerint úgy látom, hogy túl alacsony díjnál gyakran hiányzik az átgondolt felhasználói út. És akkor a megbízó végül egy szép, de bizonytalan tervet kap. Budapest és az agglomeráció piacán már jól látszik, hogy a nagyon olcsó munka ritkán ad használható alapot.

Általában a 35.000 forint körüli induló munka még csak alap irányt ad. Ez néha elég. De ha több oldal, több cél vagy többféle ügyféltípus van, én inkább a részletesebb tervet választanám. A 100.000 forint alatti ajánlat sokszor csak első benyomásra kedvező. Később kiderülhet, hogy újra kell gondolni a menüt, az űrlapot vagy a mobil nézetet. Olcsóbban ritkán lesz valóban jó, ha a cél nem csak egy kép, hanem egy működő webes logika.

Hogyan válassz webtervezőt

Nem céget kell keresni, hanem olyan webtervezőt vagy UX tervezőt, aki tud kérdezni. Ez furcsán hangzik, de a jó szakember nem rögtön rajzolni kezd. Előbb meg akarja érteni, miért jön az oldalra a látogató, mit kell látnia elsőként, és mi lenne az a pont, ahol kapcsolatba lép. Ha valaki csak azt kérdezi, milyen színeket szeretnél, az kevés. A szerkezet fontosabb.

Nézd meg, mutat-e korábbi drótvázat vagy kattintható mintát. Kérdezd meg, készül-e külön mobil gondolkodás, nem csak átméretezett képernyő. És figyelj arra is, hogyan magyaráz. A jó UX tervező nem bonyolítja túl a folyamatot. Röviden elmondja, mi lesz az első kör, mit kapsz át, és hol tudsz javítást kérni.

Manyan ott hibáznak, hogy csak az árat nézik. Pedig egy rosszul felépített oldalnál az egész későbbi fejlesztés drágább lesz. Szerintem érdemes azt választani, aki mer vitatkozni is, ha valami nem működne jól. Nem azért, mert nehéz ember, hanem mert védi a projektet. A weboldal prototípus készítése akkor ér valamit, ha nem udvariasságból bólogatnak minden ötletre.

Budapest kerületei és közeli települések

Sok megbízás személyes egyeztetéssel indul, még akkor is, ha a munka maga távolról is elvégezhető. Budapest több kerületében gyakori, hogy a megrendelő szeretne egy rövid találkozót, főleg akkor, ha még nincs pontos brief. A belső kerületekben gyorsabb a személyes egyeztetés, de Buda oldalán és az agglomerációban is teljesen megszokott a prototípus alapú tervezés. Érd, Budaörs, Dunakeszi és Szentendre felől is sokan kérnek ilyen előkészítő munkát.

Ha a weboldal helyi szolgáltatást céloz, a szerkezetben ezt is érdemes megjeleníteni. Más oldalfelépítés kell egy budapesti magánrendelőnek, mint egy környékbeli lakásfelújítónak. És más lesz a kezdőlap hangsúlya akkor is, ha a keresések kerületre mennek. Ilyenkor a felületvázlat nem csak kinézeti segítség. Helyi logikát is ad. Ezért fontos, hogy a szakember értse a területi keresések szerepét, még akkor is, ha maga a kivitelezés online történik.

Gyakori hibák a prototípus során

Az egyik tipikus hiba az, hogy túl sok mindent akarnak az első oldalra tenni. A másik, hogy a menü nevei belső gondolkodást tükröznek, nem az ügyfél szavait. De gyakori az is, hogy a kapcsolatfelvétel túl későn jelenik meg. A drótváz lényege épp az, hogy ezeket előre ki lehessen szűrni. Nem szépségverseny. Ellenőrző kör.

És van egy másik gond is. Egyes megrendelők minden ismerős véleményét beengedik. Ebből hamar összevissza oldal lesz. Jobb, ha van egy döntési szempont. Mi a cél. Telefonhívás. Időpontkérés. Ajánlatkérés. Ha ez világos, a kattintható prototípus is könnyebben javítható. A Qjob.hu oldalon is érdemes olyan szakembert keresni, aki nemcsak rajzol, hanem segít a sorrendben, a tartalmi súlypontokban és a valós használat megértésében.

Összességében a weboldal prototípus készítése nem luxus előkészítés, hanem kockázatcsökkentés. Magánügyfélként főleg akkor hasznos, ha nem akarsz vakon belevágni a fejlesztésbe. Én jobban bízom abban a folyamatban, ahol előbb látom a működést, és csak utána jön a végső látvány. Így kevesebb a félreértés, nyugodtabb a közös munka, és nagyobb az esély arra, hogy az elkészült oldal valóban használható legyen.