Kényelmes mobil navigáció készítése

Mobil navigáció készítése

A mobil navigáció készítése akkor jó döntés, ha a látogató telefonról is gyorsan megtalálja a fontos oldalakat, és nem kell keresgélnie a menüben. Ezen a területen a legtöbb magánmegrendelő azért kér segítséget, mert a régi menü asztali nézetben még elfogadható, mobilon viszont szétesik, túl sok pontot mutat, vagy egyszerűen zavaró. A magyar találatokban is újra és újra előjön a reszponzív felépítés, az egyszerű menüszerkezet és a jól megérinthető gombok fontossága, míg az angol szakmai oldalak inkább a felismerhetőségre, a rövid címkékre és a könnyen használható almenükre helyezik a hangsúlyt. Szerintem a kettőt együtt érdemes nézni, mert önmagában a látvány nem segít, ha a látogató nem találja meg a kapcsolat, árak vagy szolgáltatások oldalt.

Sokszor nem teljes weboldal átépítésről van szó, hanem arról, hogy a jelenlegi fejléc, lenyíló menü, kategóriaelrendezés és érintésre működő elemek rendbe legyenek téve. Egy webdesigner vagy felhasználói felület tervező ilyenkor felméri, hol akad el az ember telefonon, majd ehhez igazítja a mobilbarát menüt. Volt olyan eset, amikor egy ügyfél azt hitte, kevés a megkeresés, pedig csak az történt, hogy a szolgáltatási oldalak linkjei egy rosszul nyíló menü mögé kerültek. Miután a navigáció új szerkezetet kapott, a fontos aloldalak látogatottsága rövid időn belül nőtt. Ez nem varázslat volt, csak rendes felépítés.

Miért számít a mobilbarát menü

A telefonos használat ma már alaphelyzet. Ha a menü túl kicsi, túl mély vagy túl sok elem jelenik meg benne egyszerre, az ember kilép. Sokan azt gondolják, hogy elég betenni egy hamburger ikont, és kész. De sok hiba pont itt kezdődik. Sok látogató nem a menü ikonját keresi, hanem a konkrét szavakat. Ha például a szolgáltatások, árak, kapcsolat, referenciák túl általános vagy zavaros cím alatt futnak, a menü már az első pillanatban veszít az erejéből.

Az én tapasztalatom az, hogy a mobil navigáció készítése akkor sikeres, ha a főmenü legfeljebb néhány tiszta pontra épül, és minden pont mögött világos logika van. Nem szeretem a túl kreatív elnevezéseket. A legtöbb magánügyfél sem azért rendel ilyet, hogy különleges legyen a menü, hanem azért, hogy működjön. A jó mobil navigáció nem akar okosabb lenni a használónál. Inkább rövid, érthető és kézre álló. És igen, a gombok mérete is számít. Sok ember hüvelykujjal használja az oldalt, nem egérrel.

Mobil navigáció árak

A mobil navigáció ára attól függ, hogy új menüt kell tervezni, meglévő rendszert kell javítani, vagy teljes szerkezeti átgondolás szükséges. Olcsó megoldást is lehet találni, de személy szerint azt látom, hogy a túl alacsony ár gyakran csak gyors kozmetikázást jelent. Ha valaki pár kattintással átszínezi a fejlécet, attól még nem lesz jobb a használhatóság. És ha a menü mögötti logika rossz, a gond pár nap múlva újra előjön.

Az alábbi árak magánmegrendelői szinten nagyjából reális sávokat mutatnak. A tényleges összeg függ a weboldal méretétől, a jelenlegi állapottól és attól is, hogy a szakember csak tervet ad, vagy a beépítést is elvégzi.

Szerintem 12.000 forint alatt legfeljebb gyors ellenőrzést érdemes várni, komplett megoldást nem. A 60.000 forint feletti sáv már gyakran azt jelenti, hogy a felhasználói útvonalat is átnézik, nem csak a menü felszínét. De a drágább ajánlat sem jó automatikusan. Láttam olyat is, hogy valaki sok pénzért látványos megoldást kapott, csak épp a kapcsolat oldal két koppintással távolabb került. Ez tipikus hiba.

Szakember választása mobil menühöz

A megfelelő szakember kiválasztása sokkal fontosabb, mint elsőre tűnik. Nem minden fejlesztő erős használhatóságban, és nem minden tervező tudja technikailag is jól megvalósítani az elképzelést. Én azt preferálom, ha a kiválasztott webdesigner vagy felhasználói felület tervező röviden meg tudja mutatni, hogyan gondolkodik menüszerkezetben. Nem csak szép képeket küld, hanem elmagyarázza, mi lesz a fő útvonal, mi marad a fejlécben, mi megy a lenyíló részbe, és hol lesz a kapcsolatfelvétel.

Jó jel, ha a szakember rákérdez arra, kik használják az oldalt leggyakrabban, milyen aloldalak fontosak, és mennyi tartalom van most a rendszerben. Rossz jel, ha látatlanban ugyanazt a sablont ajánlja mindenkinek. Sok megrendelő ott hibázik, hogy csak a dizájn alapján dönt. Pedig a mobil navigáció készítése inkább logikai munka. A látvány csak utána jön.

A Qjob.hu oldalon érdemes megnézni, hogy a jelentkezőnek van-e gyakorlata weboldal menük, mobil felület vagy reszponzív átalakítás terén. Nézd meg a korábbi munkákat és az értékeléseket. Itt nem az a kérdés, hogy tud-e menüt csinálni, hanem az, hogy tud-e olyan navigációt készíteni, amelyet egy átlagos látogató gondolkodás nélkül használ. Ez nagy különbség. És szerintem egy rövid előzetes beszélgetésből gyorsan kiderül, hogy a másik fél valóban érti-e a problémát.

Mobil navigáció felépítése

A jó felépítés általában a tartalom egyszerűsítésével kezdődik. Nem azzal, hogy új ikonokat választanak. A legtöbb kisvállalkozói vagy magánoldal valójában túl sok menüpontot cipel maga előtt. Kezdőlap, rólunk, szolgáltatásaink, áraink, kapcsolat, blog, galéria, vélemények, gyakori kérdések, akciók. Telefonon ez ritkán működik jól egyben. A mobilbarát menü inkább rangsorol. Ami valóban fontos, az felül marad. Ami másodlagos, az beljebb kerül.

Az angol szakmai cikkekből visszatérően látszik, hogy a rövid és konkrét címkék működnek a legjobban. A magyar példákban megint előjön a hamburger menü és az egyszerű hierarchia. Ezeket én is helyesnek tartom, de csak akkor, ha a menü nyitása gyors, a lezárása egyértelmű, és az almenük nem csúsznak túl mélyre. Két szint általában még kezelhető. Három szint már sokszor felesleges. Sok látogató ott hagyja el az oldalt.

Volt egy megbízás, ahol a főoldalról nyolc külön menüág nyílt, és mindegyik alatt további alcsoportok voltak. A tulajdonos azért ragaszkodott ehhez, mert minden tartalmat szem előtt akart tartani. Végül a menüt fele akkora méretűre húzták vissza, és a fontos oldalak előrébb kerültek. Kevesebb lett az opció, mégis többen jutottak el az ajánlatkérésig. Sokszor nem hozzáadni kell, hanem elvenni.

Mobil navigáció helyi oldalakhoz

Ha a weboldal helyi ügyfelekre épít, a menünek ezt is követnie kell. Más logika kell egy országos bemutatkozó oldalhoz, és más egy olyan felülethez, ahol kerületi, belvárosi, kertvárosi vagy agglomerációs keresések jelennek meg. Ilyenkor különösen fontos, hogy a látogató gyorsan eljusson a számára releváns területre. Egyes oldalaknál jól működik a városrészek szerinti bontás, máshol inkább a szolgáltatás és hely kombinációja ad jobb áttekintést.

Szerintem sokan túlzásba viszik a helyi aloldalak számát. Ha minden környék külön menüpontot kap, a telefonos menü feleslegesen hosszú lesz. Jobb megoldás lehet, ha a főmenüben csak egy helyi szolgáltatások vagy területek pont szerepel, azon belül pedig jól átlátható lista nyílik. A szakember feladata itt nem csak a menü megrajzolása, hanem annak eldöntése is, mennyi lokális elem fér bele anélkül, hogy a navigáció nehézkessé válna.

És itt jön elő a valós használat. Aki külvárosból érkezik, nem ugyanazt keresi, mint aki a belső kerületekben böngészik. Volt már olyan projekt, ahol a megrendelő ragaszkodott húsz külön területi menüponthoz. Papíron részletesnek tűnt. Mobilon viszont hosszú lett, és az emberek gyorsan elvesztek benne. A végső megoldás rövidebb lett, de érthetőbb.

Gyakori hibák a mobilbarát navigációban

A leggyakoribb hiba a túlzsúfolt menü. Közvetlenül utána jön a kicsi érintési felület, a rossz kontraszt és a félreérthető menüpontnév. De ide tartozik az is, amikor a menü ugyan szépen nyílik, csak közben eltakarja a bezárás gombot, vagy görgetés közben furcsán viselkedik. Sok magánmegrendelő ezt csak akkor veszi észre, amikor valaki panaszkodik rá. Pedig egy rövid mobilteszt sok kellemetlen hibát kiszűrhet.

Sok ember hibázik akkor is, amikor a teljes asztali struktúrát próbálja egy az egyben rátenni a telefonos nézetre. Ez ritkán működik. A mobil navigáció készítése nem másolás, hanem átrendezés. Ami monitoron logikus, az kis képernyőn lehet nehézkes. Én általában azt javaslom, hogy a fontos oldalak előrébb kerüljenek, a ritkán használt elemek pedig hátrébb vagy a láblécbe.

Olcsóbban ritkán lesz igazán jó a megoldás, ha a hiba szerkezeti. Egy apró javítás lehet kedvező árú, de ha a teljes menülogika rossz, akkor a gyors foltozás csak ideiglenes. És ez az a pont, ahol a legtöbb vita indul a megrendelő és a kivitelező között. Az egyik fél kis módosítást vár, a másik látja, hogy valójában újra kell gondolni az egészet. Jobb ezt az elején tisztázni. Így a mobilbarát menü nem csak elkészül, hanem használható is marad.