Az alábbiakban néhány tipp a weboldal navigációs lehetőségekről, amelyeket használhatsz a konverziós arányod javítására. Használhatósági tippeink segítenek, hogy a fő menüd—és az egész webáruházad—felhasználóbarátabb legyen.
Tipp #1: Tervezz előre a kezdőlap navigációjára
Mielőtt elkezdenéd kiválasztani a menüelemeket, fontos, hogy megtervezd a weboldalad minden funkcióját és tartalmát. A funkciókat és a tartalmakat általában fő kategóriákra és alkategóriákra lehet bontani. Ügyelj arra, hogy világos és tömör neveket adj minden kategóriának. A felhasználók általában csak felületesen tekintik át a menüpontokat, ezért fontos, hogy könnyen meg tudják különböztetni őket, és azonnal megértsék, miről van szó.
Tipp #2: Helyezd a legfontosabb elemeket előre
A menüpontok, amelyek a legérdekesebbek a felhasználóid számára, mindig a fő menü elején jelenjenek meg. Ha például egy SaaS szolgáltató vagy, akkor célszerű a menüt olyan elemekkel kezdeni, amelyek meggyőzik a látogatókat, hogy a te megoldásod a megfelelő számukra. Próbálj meg ilyen menüpontokat használni:
Ha egy divatmárka webáruházát üzemelteted, a menüdnek a termékeidre kell összpontosítania. Az egyéb tartalmakra, például a terméktanácsokra vagy blogbejegyzésekre mutató linkeknek a menü vége felé kell elhelyezkedniük. Általánosságban elmondható, hogy az online vállalkozás konverziójának optimalizálásának legjobb módja attól függ, hogy melyik iparágban dolgozol.
Tipp #3: Használj vizuális struktúrát
Egy hagyományos menü csak egyszerű formátumban tud szöveget megjeleníteni. A mega legördülő menük viszont lehetővé teszik, hogy kiemeld a konkrét menüpontokat. Például használhatsz különböző:
Betűméreteket
Betűszíneket
Betűtípusokat
Ikonokat
Ezáltal több struktúrát adhatsz a legördülő menü tartalmának. Nem minden elemnek kell egy tényleges oldalra mutatnia; néhány szó egyszerűen nem kattintható címsorként szolgálhat a különböző kattintható alkategóriák számára.
Tipp #4: Kerüld el a további funkciók beépítését
Ne építs be összetett interakciókat a legördülő menükbe, például hírlevélre való feliratkozást vagy választó- és keresőmezőket, mivel ezek gyakran elriaszthatják a felhasználókat. Az utolsó dolog, amit szeretnél, hogy a fő menüd zsúfoltnak tűnjön. Ezenkívül az ilyen elemek gyakran többször is megjelennek a weboldalon. Hatékonyabbak lehetnek, ha azokon az oldalakon helyezed el őket, ahol a legjobban illeszkednek.
Viszont nagyon hatékony lehet egy cselekvésre ösztönző (CTA) gomb beépítése a navigációs sávba. Például adj hozzá egy gombot, amely lehetővé teszi, hogy az ügyfeleid egyetlen kattintással foglaljanak vagy vásároljanak. Csak emlékezz arra, hogy a CTA-t a fő menü mellé helyezd el, ne pedig magába a legördülő menübe.
Tipp #5: Válaszd meg, hogy lebegés vagy kattintás legyen
Sok weboldal használ olyan legördülő menüket, amelyek azonnal kinyílnak, amint a felhasználó az egérrel rámutat a menüpontra. Ha ezt a lehetőséget fontolgatod, van néhány dolog, amit érdemes figyelembe venni:
Minden egy pillantásra: Egy mega menü egyszerre nyíljon meg, ne fokozatosan, alkategória szintekenként.
Tökéletes időzítés: A menü ne legyen túl érzékeny. Meg szeretnéd akadályozni a 'villogást', amikor a felhasználó túl gyorsan mozog rajta. Ugyanakkor ne reagáljon túl lassan. Az optimális használhatósághoz 0,1 és 0,5 másodperc közötti reakcióidőt ajánlunk. Ugyanakkor jó ötlet egy rövid szünetet is lehetővé tenni, mielőtt a menü elrejtene, ha a felhasználó véletlenül távolodik el a menütől. Egy túl érzékeny vagy hektikus menü frusztrálhatja a felhasználókat, és néhányukat akár arra is késztetheti, hogy feladják és elhagyják az oldalad.
MouseOut programozás: Amikor a legördülő menü aktiválva van, az ügyfelek a navigációs sávból a menübe mozgatják a kurzorukat. Ha az oldalad nem van megfelelően programozva, akkor helytelenül fog logolni egy MouseOut eseményt, amikor az egér elhagyja a navigációs sávot, ami a menü bezáródását okozza. Ezért fontos úgy beállítani a menüt, hogy a legördülő menü csak akkor tűnjön el, amikor az egér elhagyja mind a navigációs sávot, mind magát a legördülő menüt.
Mobil verzió: Az okostelefonokon vagy táblagépeken nem lehet lebegni. Ha asztali oldaladon hover-aktiválással működő legördülő menüt szeretnél használni, ne felejtsd el más beállításokat használni a mobil verzión.
Tipp #6: Tartsd be a három kattintás szabályt
A legtöbb weboldalon a navigációnak követnie kell a „három kattintás szabályt”. Ez azt jelenti, hogy a felhasználóidnak legfeljebb három kattintással el kell tudniuk érni bármilyen információt az oldaladon. Természetesen ez csak egy általános iránymutatás. Ha nagy, részletes weboldalad van, akkor a kattintások száma nem olyan fontos, amíg az oldal jól szervezett. A legfontosabb az, hogy az ügyfeleid mindig úgy érezzék, hogy könnyű eligazodni.
Tipp #7: Használj több menüt
Azoknál a weboldalaknál, amelyek sok információt tartalmaznak, hasznos lehet több mint egy menüt hozzáadni. Érdemes például egy legördülő menüt választani a termékkategóriákkal fő menüként, míg egy külön menüt a láblécbe helyezve, amely másodlagos kategóriákat tartalmaz. Ez megakadályozza, hogy a fő menü túl zsúfolttá váljon. Nézd meg az alábbi táblázatot, hogy láthatod, hogyan is néz ki ez.
Tipp #8: A megjelenés számít
Vonatkozó menü dizájnja maradjon azonos méretű, még akkor is, ha a fő menüpontok különböző számú alkategóriákat tartalmaznak. Ha az oldaladon keresési funkció is található, ügyelj rá, hogy a legördülő menük ne takarják el, amikor kibontakoznak.
Ezenkívül egy kis vizuális jelet is be kell építeni, hogy jelezd, az adott navigációs sáv elem kibővül e egy legördülő menüvé, ha a felhasználó rákattint vagy rámutat. Például helyezz egy kis nyilat a menü neve mellé: a legördülő menükhöz a nyíl lefelé mutasson, a kibontakozókhoz pedig jobbra. Ez segít vásárlóidnak ösztönösen tudni, hogy több információval találkozhatnak.
