Nižšie sú uvedené niektoré tipy o možnostiach navigácie na webových stránkach, ktoré môžete využiť na zlepšenie svojho konverzného pomeru. Naše tipy na použiteľnosť vám pomôžu, aby boli vaše hlavné menu - a celý váš internetový obchod - užívateľsky prívetivejšie.
Tip #1: Naplánujte si navigáciu na domovskej stránke vopred
Skôr než začnete vyberať položky menu, je dôležité naplánovať každú funkciu a obsah vášho webu. Obvykle môžete rozdeliť funkcie a obsah do hlavných kategórií a podkategórií. Uistite sa, že každá kategória má jasné, stručné názvy. Používatelia väčšinou menu položky iba letmo prehľadnú, takže je dôležité, aby ich mohli ľahko odlíšiť a okamžite pochopiť, čo znamenajú.
Tip #2: Umiestnite najvýznamnejšie položky na prvé miesto
Položky menu, ktoré sú pre vašich používateľov najzaujímavejšie, by sa mali vždy objaviť na začiatku vášho hlavného menu. Ak ste SaaS poskytovateľ, je napríklad dobré začať vaše menu s položkami, ktoré presvedčia návštevníkov, že vaše riešenie je pre nich správne. Skúste používať takéto položky menu:
Ak prevádzkujete internetový obchod pre módnu značku, vaše menu by sa malo zamerať na vaše produkty. Odkazy na iný obsah, ako napríklad produktové poradenstvo alebo blogové príspevky, by sa mali objaviť na konci menu. Všeobecne záleží najlepšie spôsoby, ako optimalizovať konverziu pre váš online biznis, od toho, v akej oblasti pôsobíte.
Tip #3: Použite vizuálnu štruktúru
Bežné menu môže zobraziť text iba v jednoduchom formáte. Mega rozbaľovacie menu vám naopak dáva možnosť zvýrazniť konkrétne položky menu. Napríklad môžete využiť rôzne:
Veľkosti textu
Farby textu
Písma
Ikony
Týmto spôsobom môžete pridať viac štruktúry do obsahu vášho rozbaľovacieho menu. Nie všetky položky musia byť prepojené na skutočnú stránku; niektoré slová môžu jednoducho slúžiť ako neklikateľné nadpisy rôznych klikateľných podkategórií.
Tip #4: Vyhnite sa zahrnutiu ďalších funkcií
Nezahŕňajte do svojich rozbaľovacích menu zložité interakcie, ako je registrácia do newslettera alebo výberové a vyhľadávacie polia, pretože to môže užívateľov často odradzovať. Posledné, čo chcete je, aby vaše hlavné menu malo preplnený dizajn. Navyše, takéto prvky sa často objavujú na viacerých miestach na webovej stránke. Majú väčší dopad, ak ich umiestnite na stránky, kde sa najviac hodia.
Avšak, môže byť veľmi efektívne zahrnúť tlačidlo call-to-action (CTA) do navigačného panela. Napríklad, pridajte tlačidlo, ktoré umožňuje vašim zákazníkom urobiť rezerváciu alebo nákup jediným kliknutím. Len nezabudnite, že CTA by malo byť umiestnené vedľa hlavného menu a nie v samotnom rozbaľovacom menu.
Tip #5: Vyberte medzi pohybom kurzora a kliknutím
Mnoho webových stránok používa rozbaľovacie menu, ktoré sa otvárajú hneď, ako užívateľ posúva kurzorom nad položkou menu. Ak uvažujete o použití tejto možnosti, existuje niekoľko bodov, na ktoré treba myslieť:
Všetko na jeden pohľad: Mega menu by sa malo otvárať naraz, skôr než by sa postupne otváralo o jednu úroveň podkategórií naraz.
Perfektné načasovanie: Menu by nemalo byť príliš citlivé. Chcete zabrániť tomu, aby ‘blikalo’, keď nad ním užívateľ posúva kurzorom príliš rýchlo. Zároveň by nemalo reagovať príliš pomaly. Odporúčame reakčný čas 0,1 až 0,5 sekundy na dosiahnutie optimálnej použiteľnosti. Je tiež dobrým nápadom povoliť krátku pauzu pred skrytím menu, v prípade, že užívateľ náhodne posúva kurzorom mimo menu. Príliš citlivé alebo nevyspytateľné menu frustruje užívateľov a spôsobí, že niektorí z nich vzdajú a stránku úplne opustia.
Programovanie MouseOut: Keď sa rozbaľovacie menu aktivuje, zákazníci premiestňujú kurzor z navigačnej lišty do menu. Pokiaľ nie je vaša stránka správne naprogramovaná, nesprávne zaznamená udalosť MouseOut, keď myš opustí navigačnú lištu, čo spôsobí, že sa menu zavrie. Z tohto dôvodu je dôležité nastaviť menu na to, aby sa rozbaľovacie menu stratilo len keď myš opustí tak navigačnú lištu, ako aj samotné menu.
Mobilná verzia: Na smartfónoch alebo tabletoch nie je možné hoverovanie. Ak chcete používať rozbaľovacie menu aktivované hoverom na vašej desktopovej stránke, nezabudnite použiť iné nastavenia na mobilnej verzii.
Tip #6: Dodržujte pravidlo troch klikov
Na väčšine webových stránok by mala navigácia nasledovať ‚pravidlo troch klikov‘. To znamená, že vaši užívatelia by mali byť schopní dostať sa k akejkoľvek informácii na vašom webe do najviac troch kliknutí. Samozrejme, ide iba o všeobecnú smernicu. Ak máte veľkú, veľmi detailnú webovú stránku, počet kliknutí nie je taký dôležitý, pokiaľ je stránka dobre organizovaná. Najdôležitejšie je, aby sa vaši zákazníci vždy cítili, že sa ľahko orientujú.
Tip #7: Použite viaceré mená
Pre webové stránky s množstvom informácií je užitočné pridať viac ako jedno menu. Môžete si vybrať rozbaľovacie menu s kategóriami produktov ako hlavné menu, a zároveň použiť samostatné menu v päte, ktoré obsahuje sekundárne kategórie. To zabráni, aby bolo vaše hlavné menu preplnené. Pozrite si tabuľku nižšie pre lepší vizuálny obraz.
Tip #8: Vzhľad záleží
Atraktívny dizajn menu by mal zostať rovnakáže veľkosti, aj keď hlavné položky menu obsahujú rôzny počet podkategórií. Ak váš web obsahuje funkciu vyhľadávania, potom sa uistite, že rozbaľovacie menu ju neprekryjú, keď sú rozšírené.
Mali by ste tiež pridať malú vizuálnu nápovedu, ktorá by naznačovala, či sa položka v navigačnej lište rozšíri do rozbaľovacieho menu, keď na ňu užívateľ klikne alebo posunie kurzor. Napríklad umiestnite malú šípku vedľa názvu menu: pre rozbaľovacie menu by šípka mala smerovať dolu; pre fly-out menu by mala smerovať doprava. Toto pomáha vašim kupujúcim intuitívne vedieť, že môžu očakávať viac informácií.
