Menüverziós tervezés gördülékeny effektusokkal

Görgős Menü Hatás készítése online feladathoz

A Görgős Menü Hatás akkor hasznos, ha a weboldalon a menü nem csak egyszerűen látszik, hanem reagál a görgetésre. A látogató gyorsabban érti, hol jár az oldalon, könnyebben vált a fontos részek között, és nem kell mindig visszamenni a lap tetejére. Egy magánügyfélnek ez főleg akkor fontos, ha meglévő honlapot szeretne javítani, vagy új felülethez keres olyan szakembert, aki távolról is pontosan meg tudja oldani a feladatot.

Én azt látom, hogy sok megbízó nem magát az animációt keresi, hanem egy kényelmesebb oldalt. A görgetéshez kapcsolt menühatás csak eszköz. Lehet rögzített fejléc, eltűnő és visszatérő menü, aktív szakaszjelölés, finom átmenet, vagy olyan navigáció, amely hosszabb oldalon is segíti az eligazodást. A lényeg az, hogy a megoldás ne zavarja az olvasást.

Online munkánál a feladat jól kiadható. Elég a honlap címe, a jelenlegi menü leírása, néhány példa arról, milyen viselkedést szeretne az ügyfél, és a hozzáférés a szükséges fájlokhoz vagy szerkesztőfelülethez. A Qjob.hu felületén ilyen munkára magán szakembert is lehet keresni, nem csak nagyobb fejlesztőcsapatot. Ez sok kisebb weboldalnál életszerűbb megoldás.

Görgős menühatás típusok

A görgős menühatás többféle lehet, és nem mindegy, melyiket választja az ügyfél. Egy egyszerű rögzített menü más munkát jelent, mint egy olyan megoldás, ahol a menüpontok a görgetett tartalom szerint váltanak aktív állapotot. Szerintem a legtöbb hiba ott kezdődik, hogy a megbízó csak azt mondja, legyen látványos, de nem írja le, pontosan mit vár.

Gyakori megoldás, hogy a menü a lap tetején marad, miközben az oldal lefelé mozog. Ennél bonyolultabb, amikor a fejléc görgetéskor kisebb lesz, háttérszínt kap, vagy csak felfelé görgetésnél jelenik meg újra. Hosszabb bemutatkozó oldalaknál hasznos lehet az aktív szakasz kijelölése is. Ilyenkor a látogató látja, hogy éppen melyik tartalmi részben van.

Van olyan eset is, amikor a görgetéshez kötött navigáció túl sok. Egy rövid oldalon, kevés tartalommal a sok mozgás inkább zavaró. Tapasztalatom szerint a jó megoldás nem feltűnő. Inkább akkor veszi észre az ember, amikor hiányzik.

Görgős Menü Hatás árak

Az ár főleg attól függ, hogy új menüt kell készíteni, vagy meglévő elemet kell javítani. A Görgős Menü Hatás egyszerű beállítása olcsóbb, ha a weboldal kódja tiszta, a sablon átlátható, és nincs sok különleges töréspont. De ha a menü több eszközön másként viselkedik, vagy régi rendszerben kell dolgozni, a munka gyorsan drágább lesz.

A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem mindig azért, mert a szakember rossz. Inkább azért, mert kevés idő jut a tesztre. Egy görgetéshez kötött menü asztali nézetben még működhet, de telefonon már rángathat, kitakarhat fontos elemeket, vagy késve reagálhat. Ezért az árban érdemes a javítási kört és az alap tesztelést is nézni.

Online szakember választása görgős menühöz

Online szakember választásánál nem az a legfontosabb, hogy valaki sok szép kifejezést használjon. Inkább az, hogy érti-e a feladat határát. A magán fejlesztő vagy felületkészítő akkor jó választás, ha visszakérdez a jelenlegi oldalra, a célra, a használni kívánt eszközökre és arra, hogy a menü milyen állapotokban jelenjen meg.

Érdemes portfóliót kérni, de nem kell túl nagy anyag. Egy-két hasonló példa sokat mond. Ha a szakember meg tudja mutatni, hogyan viselkedik a menü görgetés közben, az többet ér, mint egy hosszú leírás. Fontos az is, hogy vállal-e legalább egy javítási kört, mert az ilyen feladatnál gyakran csak használat közben derül ki, hogy a mozgás túl gyors, túl lassú, vagy rossz helyen takarja a tartalmat.

Sokan ott hibáznak, hogy csak árat kérnek, de nem küldenek képernyőképet, példát vagy hozzáférési információt. Így a válasz is pontatlan lesz. Egy rövid, világos leírás jobb ajánlatot eredményez. Például elég annyi, hogy a menü maradjon felül, görgetéskor kapjon háttérszínt, mobilon ne takarja ki az első címsort, és a kész munkát tesztelve kérem átadni.

Görgetéshez kötött menü munkafolyamat

A munkafolyamat általában a jelenlegi oldal átnézésével kezdődik. A szakember megnézi a menü szerkezetét, a használt rendszert, a stílusfájlokat és azt, hogy a görgetés milyen elemeket érint. Ezután jön a működés pontosítása. Itt kell eldönteni, hogy a menü végig látható marad, összehúzódik, eltűnik, vagy csak bizonyos pont után változik.

A második lépés a megvalósítás. Ez lehet kódszintű módosítás, sablonbeállítás vagy meglévő bővítmény finomhangolása. A végeredményt nem elég egyetlen böngészőben megnézni. A görgős menü hatás érzékeny a képernyőméretre, a tartalom hosszára és arra is, hogy a felhasználó milyen gyorsan görget.

Volt olyan eset, amikor egy ügyfél csak annyit kért, hogy a fejléc maradjon mindig látható. A munka elsőre egyszerűnek tűnt. De a menü telefonon kitakarta az űrlap első mezőjét, ezért a látogatók nem látták, hova kell írniuk. A javítás nem volt nagy, mégis ez döntötte el, hogy a megoldás használható lett-e.

Az átadásnál jó, ha a megbízó kap rövid leírást arról, mi változott. Nem kell hosszú dokumentáció. Elég a módosított részek felsorolása, a tesztelt nézetek megjelölése, és az, hogy később milyen tartalmi változásnál kell újra ellenőrizni a menüt.

Görgős navigáció minősége és hibái

A jó görgős navigáció nem lassítja az oldalt, nem ugrál, és nem veszi el a figyelmet a tartalomról. Ez egyszerűnek hangzik, de a gyakorlatban sok apró részleten múlik. A menü magassága, a tapadási pont, az animáció ideje, a háttér átlátszósága és a mobilos érintés mind befolyásolja a végeredményt.

Tipikus hiba, hogy a menü túl nagy marad. Így kisebb kijelzőn a látogató alig látja a szöveget. Másik gyakori gond, hogy a menü hirtelen vált állapotot, ezért az oldal rángatottnak tűnik. Az is zavaró, ha a menüpont aktív jelölése késik, vagy rossz tartalmi részhez kapcsolódik.

Szerintem az ilyen online szolgáltatásnál a legjobb minőségmérő az, hogy a felhasználó gondolkodás nélkül tudja használni az oldalt. Nem azt nézi, milyen bonyolult a kód. Csak azt érzi, hogy könnyű tájékozódni. Ha ezt a hatást sikerül elérni, akkor a munka rendben van.

Brief és anyagátadás görgős menü előtt

A brief legyen rövid, de konkrét. A megbízónak érdemes elküldenie a weboldal linkjét, a menü jelenlegi hibáit, a kívánt működést, valamint egy-két példát más oldalakról. Nem kell mindent szakmai nyelven megfogalmazni. Elég leírni, mit szeretne látni görgetéskor.

Hasznos megadni, hogy milyen rendszerben készült az oldal, van-e hozzáférés a szerkesztőhöz, és ki tudja-e adni a szükséges fájlokat. Ha a munka csak látványtervezés, akkor képernyőképek és a meglévő arculati elemek is elegendők lehetnek. Ha a feladat tényleges beépítés, akkor hozzáférés nélkül a szakember csak becslést ad.

A határidő általában néhány órától pár napig terjed. Egy egyszerű rögzített menü gyorsan elkészülhet, de összetett görgetett navigációnál nem érdemes túl szoros időt kérni. A tesztelés időt igényel. És ez nem fölösleges rész, hanem a használható eredmény feltétele.

Görgős Menü Hatás eredményének ellenőrzése

A kész Görgős Menü Hatás ellenőrzésekor nem elég azt nézni, hogy a menü mozog-e. Azt kell figyelni, hogy a látogató kényelmesen tud-e olvasni, kattintani és visszatalálni a fontos részekhez. A menünek működnie kell lassú és gyors görgetésnél is.

Érdemes külön megnézni a nyitó szakaszt, a hosszabb tartalmi részeket, az űrlapokat és az oldal végét. Ha a menü bármelyik ponton kitakar egy címet, gombot vagy beviteli mezőt, akkor még javítani kell. A magán szakember munkája akkor tekinthető késznek, ha nem csak látványos, hanem kiszámítható is.

A végén jó döntés egy rövid próbahasználat. Menjen végig az oldalon úgy, mintha először látná. Ha közben nem kell gondolkodnia azon, hova tűnt a menü, miért villan, vagy miért nem kattintható, akkor a megoldás valószínűleg rendben van.