A webhelyen történő navigáció különféle típusai - tudd, mi működik
Niklas Hawener/2017. aug
Minden nap rengeteg webhelyet keresünk fel, és információt keresünk. Néha a keresés sikeres, néha nem. Ennek egyik oka lehet? Helytelen navigáció. A felhasználó egyszerűen nem tudja eligazodni a webhelyen. Ennek a szellemnek a megszüntetése érdekében bemutatjuk a legnépszerűbb menüváltozatokat, és javaslatokat adunk azok használatára.
A hamburger menü
Ami eleinte úgy hangzik, mint a McDonalds menüje, valójában egy széles körben elterjedt és gyakran használt menükezelési típus a webhelyeken. Szükségből született, amikor a webhelyeknek hirtelen meg kellett jeleníteniük teljes tartalmukat a mi kis iPhone 4-eseinken vagy a Google G1-eken. A hamburger menü neve a három párhuzamos vonalból származik, amelyek állítólag egy egyszerű hússzeletelt szendvicsre emlékeztetnek.
Annak érdekében, hogy a felhasználó egy kattintással elmenthesse az ajánlásunkat, a tartalom belső linkjeinek vagy egy külön menü használatával bármikor el kell tudnia navigálni az oldalt. Saját weboldalunkon is használják.
Az interaktív navigáció
Az interaktív navigáció nagyon nyílt terep, és kissé nehéz megmagyarázni. Elvileg elmondható, hogy nincs tipikus kapcsolat A-tól B-ig. Inkább maga a weboldalon való navigálás a tapasztalat része. Az interaktív elemek játékosan viszik a felhasználót a következő szakaszba vagy aloldalra. A legjobb, ha közvetlenül a példát nézzük - akkor világosabb lesz.
A statikus oldalsáv
Ezt a fajta navigációt leginkább a teljes menü kiegészítéseként használják. A kívánt oldal a főmenüben érhető el, amelyen a felhasználó gördülés közben statikus sávot jelenít meg navigációs segédeszközként. Ez a menü űrlap alkalmas pl. B. különösen jó hosszú egyoldalas felhasználóknak *, mivel a sáv rögzített elhelyezése lehetővé teszi a felhasználó számára, hogy gyorsabban navigáljon az oldalon.
A fejléc * navigáció
A header * navigáció (ehhez hasonlóan van a lábléc navigáció is) gyakorlatilag a kis fekete ruha a menük között - klasszikus és mégis elegáns. Ennek a menüváltozatnak a leghíresebb képviselője, és évek óta az Apple webhelye. Előny: a felhasználó minden menüpontot egy pillanat alatt azonnal láthat. Az Apple-nél az is egyértelmű, hogy egy ilyen menü hogyan viselkedik mobil változatában: zökkenőmentesen belemegy egy hamburger menübe. Itt is vannak különféle módosítások, amelyekben például a menü görgetéskor a képernyő tetején van rögzítve, vagy - és ez a legújabb trend - kisebb kijelzőméretekkel a legördülő menü mögött már nem megfelelő menüpontok * gyűlnek össze, amit mi is csinálunk a következő menüváltozathoz vezet.
Legördülő menük * (vagy mega menük)
Használhatósági szempontból az úgynevezett legördülő menü * vagy nagyobbik testvére, a mega menü nem vitás. Itt további linkek vannak elrejtve egy menüpont mögött, amelyek egy bizonyos felhasználói interakció révén bontakoznak ki - legyen az egérmutató * vagy kattintás. A fészkelésnek nincsenek korlátai, de kettőnél több szint nélkül kell megtenned. Mielőtt megjelenítené az oldalfát * egy ilyen menüben, fontolja meg, hogy lehetséges-e más tartalmi bontás annak érdekében, hogy áttérjen egy felhasználóbarátabb menüváltozatra.
Alsó vonal
Az, hogy a saját webhelyéhez melyik típusú menü alkalmas, sok tényezőtől függ - legyen az tartalom, tapasztalat, használhatóság *, végkészülék stb. -, de végül sohasem létezik mindenre kiterjedő általános megoldás. Inkább egyre több vegyes formát használnak, például a Teslánál, amely jól láthatóan mutatja be új autóit egy fejléc * navigációban, és minden más elemet egy hamburger menü mögé rejt. Reméljük, hogy a menük világába tett kis kirándulásunk megmutatta a lehetőségeket, és hogy egy weboldal menükezelése önmagában is kevés tudomány, amelyet szívesen támogatunk.
Használhatóság = Használhatóság vagy könnyű használat
Oldalfa = egy weboldal összes oldala szétterítve
Egyhívó/egyhívó = az összes információ egy oldalon található
Fejléc = egy weboldal felső része, pl. B. tartalmazza a logót
Legördülő menü = a felhasználó interakciójával kihajtható menü
Egérmutató = az egérmutató áthelyezése a webhely egyik elemére