Intuitív oldalsó menü fejlesztése

Oldalsó menü fejlesztés

Az Oldalsó menü fejlesztés akkor jó döntés, ha egy oldalon sok tartalom van, és azt gyorsan kell áttekinthetővé tenni. A magánügyfél többnyire nem látja a háttérmunkát, csak azt érzi, hogy könnyű vagy nehéz megtalálni valamit. Ezért a bal oldali navigáció nem dísz. Inkább egy olyan szerkezeti elem, amely rendet tesz a felületen, csökkenti a bizonytalanságot, és segít abban, hogy a látogató ne vesszen el. A magyar és a külföldi példákból is az látszik, hogy a jól látható, balra igazított, világos címkékkel működő oldalsáv főleg akkor erős megoldás, ha sok aloldal vagy sok beállítás van egy rendszeren belül.

Sok privát megrendelő akkor keres felülettervezőt vagy frontendes fejlesztőt, amikor a meglévő felület már működik, de nehézkes a használata. Ilyenkor a kérés gyakran így hangzik. Legyen egyszerűbb. Legyen tisztább. És lehessen egy kézzel is kezelni. Én személy szerint azt látom, hogy egy oldalsáv akkor működik jól, ha nem akar túl sok lenni egyszerre. Kell egy egyértelmű szerkezet, 5 és 9 fő pont között, rövid menüpontokkal, logikus sorrenddel és látható aktív állapottal. Sok hiba ott kezdődik, hogy valaki minden fontosnak tűnő elemet a menübe rak, ettől viszont az egész elveszíti a fókuszát.

Volt olyan ügyfél, aki egy családi vállalkozás belső felületét akarta rendbe tenni. A rendszerben minden ott volt, csak éppen nem ott, ahol az ember várta volna. A megrendelések, a számlák, a kapcsolatok és a jogosultságok egy hosszú, széttartó listában szerepeltek. A felhasználók naponta többször rossz helyre kattintottak. A javítás végül nem bonyolult fejlesztéssel indult, hanem szerkezeti rendrakással. Ez sokszor fontosabb, mint az új színek vagy az új ikonok.

Oldalsáv tervezése kis felületekre

Az oldalsáv tervezése mobilon más szabályok szerint működik, mint asztali nézetben. Itt nem elég a teljes menüt kisebb szélességre összenyomni. A magánügyfél azt szeretné, hogy az oldalsó menü gyors legyen, ne takarja ki a lényeget, és ne kelljen háromszor visszalépni egy egyszerű művelethez. Az én tapasztalatom az, hogy a jó mobilos oldalsáv rövidebb, erősebben csoportosított, és kevesebb szintet használ. Ami asztalon még elfér, az telefonon már könnyen fárasztó.

Sokan hibáznak abban, hogy ugyanazt a szerkezetet hagyják meg minden kijelzőn. De ami egy széles admin felületen kényelmes, az telefonon szűk, idegesítő és lassú lehet. A rejtett menü nem önmagában rossz, de csak akkor működik, ha a legfontosabb pontok egy érintéssel elérhetők. Ilyenkor hasznos lehet a rövidített menü, az alsó gyorselérés vagy az, hogy a rendszer emlékezzen az utoljára megnyitott részre. És igen, sok ügyfél pont ezt érzi hiányként, csak nem így fogalmazza meg.

Én inkább azt szeretem, amikor a menü előbb a feladatot támogatja, és csak utána lesz látványos. A túl vékony kattintható sáv, a halvány kontraszt és az apró betű olcsó megoldásnak tűnhet, de gyorsan bosszúságot okoz. Egy jól kialakított menürendszer kialakítása mobilon azt jelenti, hogy a kéz mozgása, a képernyő széle és az olvashatóság is számít.

Oldalsó menü hibái

Az oldalsó menü fejlesztés egyik legnehezebb része az, hogy meg kell különböztetni a valódi navigációt a puszta felsorolástól. Sok felületen valójában nem menü van, hanem egy hosszú lista. Nincs rangsor, nincs logikai ív, nincs jól látható jelenlegi helyzet. A felhasználó ilyenkor nem érzi, hol jár, és nem tudja, mi következik. Nem véletlen, hogy több használhatósági útmutató is kiemeli az aktív állapot, az egyértelmű címkék és a következetes elhelyezés jelentőségét.

Gyakori hiba a túl sok almenü. A második hiba a túl általános menüpont. A harmadik az, amikor a tervező ikonokkal próbálja megoldani azt, amit szavakkal kellene tisztázni. Én nem szeretem, amikor a menüben ilyen címkék jelennek meg, mint beállítások, egyebek vagy haladó rész. Ezek nem segítenek. A privát ügyfél általában gyors eredményt akar, nem pedig találgatást. És sokan azt is elrontják, hogy a menü szélességét kizárólag a látvány alapján állítják be. Ettől a szöveg törik, a sorok ugrálnak, és a használat nyűgös lesz.

Volt egy eset, amikor a kliens ragaszkodott a nagyon keskeny oldalsávhoz, mert szerintük így több hely marad a tartalomnak. Papíron ez jól hangzott. A gyakorlatban viszont a menüpontok két sorba törtek, az aktív állapot alig látszott, és az egész felület feszültté vált. Végül a szélességet pár pixelnyi növeléssel javítottuk, és a használat azonnal nyugodtabb lett. Sokszor ennyin múlik.

Oldalsó menü árak

Az oldalsó menü fejlesztés ára attól függ, hogy csak átrendezésről van szó, vagy teljes újratervezésről is. Más költség várható akkor, ha már kész a rendszer és csak a szerkezet rossz, és más akkor, ha a vizuális stílus, a kattintható állapotok, a mobilos működés és a tesztelés is része a munkának. Olcsóbban persze mindig lehet ajánlatot találni, de az én véleményem az, hogy a túl alacsony díj gyakran azt jelenti, hogy csak gyors kozmetika készül. 20.000 alatt egyedi tervezett, jól átgondolt menü ritkán lesz valóban jó.

A valós árakat befolyásolja az is, hogy egy UX tervező külön dolgozik-e, vagy a fejlesztő maga vállalja az egészet. Magánügyfeleknél gyakori, hogy kisebb költségkeretből kell jó döntést hozni. Ilyenkor én először mindig a szerkezetet javítanám, és csak utána a látványt. Ez nem hangzatos sorrend, de sokszor ez hozza a legnagyobb nyereséget.

Oldalsáv fejlesztése szakemberrel

Ha valaki szakembert keres, nem csak portfóliót érdemes nézni. Azt is meg kell nézni, hogyan kérdez. Egy jó felülettervező vagy frontendes fejlesztő nem azzal kezdi, hogy milyen szín legyen a menü, hanem azzal, hogy kik használják a rendszert, milyen gyakran, milyen eszközön, és hol akadnak el. Ez fontosabb, mint sokan gondolják. Aki csak szép képet mutat, de nem kérdez a folyamatokról, az gyakran nem a valódi problémát oldja meg.

Szerintem érdemes olyan embert választani, aki tud egyszerűsíteni. Nem azt mondja, hogy minden kívánság menjen bele, hanem képes nemet mondani a felesleges elemekre. Sok ügyfél téved, amikor azt hiszi, hogy a részletesebb menü mindig jobb. Nem jobb. Néha csak zajosabb. Jó jel, ha a szakember mutat vázlatot, több változatot, és megindokolja, miért kerül egy pont felülre vagy lejjebb. Ez mutatja, hogy nem sablonból dolgozik.

A Qjob.hu oldalon is akkor érdemes jelentkezőt választani, ha a leírásából látszik, hogy ért a szerkezethez, nem csak a kinézethez. Itt a rövid, konkrét válaszok többet mondanak, mint a túl nagy ígéretek. Én a gyakorlatban jobban bízom abban, aki leírja, hogyan tesztelne, mint abban, aki azt írja, hogy minden felületet modernné tesz.

Oldalsó menü Budapesten és környékén

Az oldalsó menü fejlesztés helyi megrendelésnél sem ugyanaz mindenhol. Budapesten gyakori, hogy a megbízó személyes egyeztetést kér, főleg akkor, ha a felület egy családi vállalkozás napi működését érinti. A belső admin rendszereknél ez sokat segít, mert az ember gyorsabban megérti, hogy miért kerül egy menüpont előre vagy hátra. A XIII. kerületben, Újbudán vagy Zuglóban dolgozó szabadúszók gyakran vállalnak ilyen konzultációt, de sok esetben Érd, Budaörs vagy Dunakeszi felől is simán megoldható a munka.

Máskor nincs szükség személyes találkozóra. Egy kisebb oldalsáv fejlesztése teljesen jól vihető online is, ha a megrendelő tud képernyőképet, rövid videót és konkrét példát küldeni. Én ezt kedvelem, mert gyorsabb és olcsóbb. De ha a felület összetett, több családtag vagy több munkatárs használja, akkor a helyi egyeztetés valóban csökkenti a félreértést. A környék említése itt nem dísz. Gyakran a munkaritmust, a kommunikációt és a javítás gyorsaságát is befolyásolja.

És van még egy fontos rész. Budapesten sok megrendelő már látott jól kinéző felületet, ezért könnyen a látvány alapján dönt. De a menürendszer kialakítása nem kirakatmunka. Ha a használat akadozik, mindegy, milyen szép az első benyomás. A jó helyi szakember ezt általában nyíltan kimondja.

Bal oldali navigáció hosszú távon

A bal oldali navigáció akkor marad használható, ha változás közben sem esik szét. Ezért érdemes már az elején úgy tervezni, hogy új pontokkal is bővíthető legyen. Sok magánügyfél ma még csak néhány funkciót akar, később viszont jönnek a plusz oldalak, új kategóriák, több felhasználó és több jogosultság. Ha az oldalsáv tervezése ezt nem veszi figyelembe, fél év múlva újra kell kezdeni mindent.

Az én tapasztalatom szerint a tartós megoldás egyszerű. Rövid címkék, tiszta csoportok, látható jelenlegi hely, stabil sorrend, és csak annyi szint, amennyi valóban kell. Nem több. A túl okos trükkök gyorsan öregszenek. A világos felépítés viszont sokáig bírja. És bár elsőre unalmasnak tűnhet, a felhasználó pont ezt hálálja meg. Nem azt, hogy mennyire különleges a menü, hanem azt, hogy gondolkodás nélkül használható.

Ha nekem kellene dönteni két hasonló ajánlat között, azt választanám, aki nem csak megrajzolja az oldalsávot, hanem vállalja a kipróbálás utáni javítást is. Mert a menü valódi minősége csak használat közben derül ki. És ott dől el, hogy az egész felület nyugodt lesz vagy idegesítő. Ez a különbség kívülről aprónak látszik, belülről viszont naponta érződik.