Oldalak makettjeinek fejlesztése kényelmes navigációval

Kényelmes navigációs makettek

A kényelmes navigációs makettek abban segítenek, hogy egy weboldal vagy alkalmazás használata már a tervezés korai szakaszában átlátható legyen. Itt még nem a látvány az első, hanem az, hogy az ember merre indul, hová jut két kattintás után, és hol akad el. Sokan túl későn foglalkoznak ezzel, pedig ilyenkor a legolcsóbb javítani. Aki magánmegrendelőként új oldalt szeretne, felújítana egy régit, vagy egyszerűbb ügyintézést akar, annak ez az egyik legfontosabb lépés.

Az ilyen vázlatos tervek többféle formában készülhetnek. Lehetnek egyszerű oldalszerkezetek, kattintható drótvázak vagy részletesebb felhasználói útvonalak. A lényeg mindig ugyanaz. A felhasználói út legyen rövid, érthető és logikus. A nemzetközi és hazai útmutatók is rendre ugyanarra mutatnak rá. A jó makett tisztázza az oldalak felépítését, a menüt, a tartalmi sorrendet és a fő műveletek helyét. Ezzel csökken a felesleges kör, kevesebb lesz a félreértés a fejlesztés során, és az elkészült felület valószínűbben lesz használható. Személy szerint én azokat a megoldásokat szeretem, ahol már az első vázlaton látszik, hogy egy új látogató gondolkodás nélkül megtalálja a fontos gombokat.

Mit ad egy jól felépített navigációs vázlat

Egy jó navigációs vázlat nem dísz. Inkább próbatermék. Megmutatja, hogy a főoldalról hogyan jut el valaki az ajánlatkérésig, az időpontfoglalásig vagy egy kapcsolatfelvételi űrlapig. Ha ez a folyamat hosszú vagy kusza, a hiba már itt látható. És ez nagy előny. Nem kell kész felületet visszabontani, nem kell újraírni teljes oldalakat, és nem kell találgatni, miért csökken a kitöltések száma.

Magánügyfeleknél gyakori, hogy a kérés nagyon egyszerűnek hangzik. Legyen szebb, legyen könnyebb használni, legyen gyorsabb. De ezek mögött általában konkrét gond áll. Túl sok menüpont. Nehéz összehasonlítani az árakat. Mobilon lelóg a tartalom. Vagy épp a kapcsolatfelvétel van annyira elrejtve, hogy az érdeklődő feladja. A drótváz segít leválasztani a szerkezeti hibát a vizuális kérdésekről. A kettőt sokan összemossák, és ez tipikus hiba. Sok ember azt gondolja, hogy ha valami szép, akkor biztosan használható is. A gyakorlatban ez ritkán igaz.

Oldalszerkezet és felhasználói út

A kényelmes navigációs makettek akkor működnek jól, ha a tervező nem csak egyes oldalakat rajzol, hanem teljes útvonalakat. Melyik az első képernyő. Mi a következő lépés. Hová kerül a vissza gomb. Hol lehet szűrni. Hol van a mentés. Ezek apróságnak tűnnek, de végül ezekből áll össze a használhatóság. Aki lakáskiadásra, saját szolgáltatásra, családi vállalkozás bemutatására vagy foglalási felületre kér tervet, annak különösen fontos, hogy a látogató ne bolyongjon.

Volt olyan eset, amikor egy megrendelő biztos volt benne, hogy a problémát a színek okozzák. Az új makettből viszont rögtön kiderült, hogy valójában a fő menü túl bonyolult volt, és ugyanaz a tartalom három helyen szerepelt. Miután a szerkezetet leegyszerűsítették, különösebb látványos átalakítás nélkül is javult az oldalon töltött idő. Ezért gondolom azt, hogy a felhasználói út megtervezése sokszor többet számít, mint a végső kinézet finomítása.

Mikor érdemes külön szakembert kérni

Nem minden feladathoz kell nagy csapat. Sokszor elég egy tapasztalt tervező, aki átnézi a meglévő oldalt, feltérképezi a fő folyamatokat, és készít egy átgondolt navigációs tervet. Akkor hasznos igazán külön embert keresni, ha már van működő oldal, de az eredmények gyengék. Ugyanez igaz akkor is, ha teljesen új felület indul, és nem szeretné valaki vakon megrendelni a fejlesztést.

A legtöbb magánmegrendelőnek nem bonyolult szakmai szavakra van szüksége, hanem arra, hogy valaki érthetően megmutassa, mi fog történni. Jó jel, ha a szakember példát mond, kérdez a célcsoportról, figyel a mobilhasználatra, és nem akar rögtön végleges látványtervet ráerőltetni. Rossz jel, ha minden kérdésre ugyanaz a sablon válasz. Szerintem a jó tervező ott kezdődik, hogy képes nemet mondani egy rossz kérésre. Ha valami túl sok, túl zsúfolt vagy félrevezető, azt ki kell mondani.

Kényelmes navigációs makettek árak

Az ár attól függ, mennyi oldalt kell átgondolni, kell-e kattintható változat, és mennyire bonyolult a felhasználói út. Más egy egyszerű bemutatkozó oldal vázlata, és más egy több lépéses foglalási vagy megrendelési felület. Olcsón is lehet gyors vázlatot kapni, de a túl alacsony díj sokszor azt jelenti, hogy a munka csak felszínes lesz. Az én tapasztalatom szerint a gyanúsan olcsó ajánlat ritkán hoz valódi eredményt. És igen, olcsóbban 12.000 alatt többnyire csak nagyon alap átnézés fér bele, nem rendes tervezés.

Ezek tájékoztató sávok. A végső összeg attól is függ, hány körös egyeztetés kell, kérnek-e módosítást, és mennyire kész az eredeti elképzelés. Sok ügyfél ott veszít pénzt, hogy túl hamar megy fejlesztőhöz, miközben a szerkezet még nincs rendben. Ilyenkor ugyanazt kétszer fizeti ki.

Hogyan válassz tervezőt

A választásnál nem csak a portfólió számít. Nézd meg, hogyan magyaráz. Milyen kérdéseket tesz fel. Tud-e egyszerűen beszélni a menüről, a tartalmi sorrendről, a mobilhasználatról. A jó tervező figyel a célra. Lehet az kapcsolatfelvétel, eladás, időpontkérés vagy információadás. Ha ezt nem tisztázza, könnyen szép, de gyenge tervet kapsz.

Szerintem érdemes mintát kérni korábbi drótvázból vagy legalább egy rövid részletet a gondolkodásából. Nem azért, hogy másoljon, hanem hogy lásd a munkamódszerét. Sok megrendelő elköveti azt a hibát, hogy csak képernyőképeket néz. Pedig a jó navigációs terv lényege nem a látványos bemutató, hanem az átgondolt logika. Kérdezz rá arra is, hogy miként kezeli a módosításokat, és van-e külön figyelme a mobil útvonalakra. A legtöbb látogató ma ott hibázik vagy épp ott marad meg.

A Qjob.hu felületén és ezen az oldalon is könnyebb jó embert találni, ha nem csak annyit írsz, hogy weboldal kell, hanem röviden leírod a célt, a terjedelmet, és hogy új oldalról vagy javításról van szó. Így hamarabb jönnek releváns válaszok, és kisebb az esélye annak, hogy teljesen eltérő ajánlatokat kapsz.

Mobil használat és gyakori hibák

Ma már a navigációs tervet nem lehet csak asztali nézetben komolyan venni. A menü, a kereső, a szűrők és a kapcsolatfelvételi pontok mobilon egészen másképp viselkednek. A kényelmes navigációs makettek egyik legfontosabb haszna, hogy még időben látszik, hol lesz szűk a hely, mi csúszik túl mélyre, és melyik gomb kerül rossz pozícióba. Sok félresikerült oldal azért gyenge, mert a mobil nézet csak a végén kerül elő.

Sokszor látom, hogy valaki túl sok elemet akar egy képernyőre tenni. Minden fontosnak tűnik, ezért végül semmi sem lesz igazán hangsúlyos. De az is baj, ha a kulcsfunkció elvész egy lenyíló menü mögött. A valóban használható felület nem attól jó, hogy sok mindent tud, hanem attól, hogy kevés lépésből elérhető a lényeg. Egy jó felhasználói vázlat ezt még korán megmutatja. És ebből lehet később valóban nyugodtan dolgozó fejlesztést építeni.

Mire számíts az együttműködés során

Az együttműködés általában rövid egyeztetéssel indul. A megrendelő elmondja a célt, a jelenlegi gondokat és a fő oldalakat. Ezután készülhet egy első szerkezeti változat, majd jönnek a javítások. Néha két kör elég. Néha öt is kell. Ez nem feltétlenül baj. Inkább az a kérdés, hogy a javítások előre visznek-e. A jó folyamat végén nem csak néhány rajz marad, hanem tiszta döntések is. Mi kerüljön felülre. Mi legyen külön oldalon. Melyik útvonal rövidüljön.

Én azt szeretem, amikor a végére kevesebb elem marad, nem több. Ez általában annak a jele, hogy a szerkezet tisztult. És a legtöbb magánügyfél pontosan ezt keresi. Nem bonyolult rendszert, hanem egyszerűbben használható felületet. Ha ez a cél világos, akkor a navigációs tervezés nem felesleges előkészítés, hanem maga az alap. A jól elkészített képernyővázlat, drótváz és kattintható minta később rengeteg vitát és felesleges költséget tud megspórolni.