Níže jsou uvedeny některé tipy ohledně možností navigace na webu, které můžete použít ke zlepšení míry konverze. Naše tipy pro použitelnost vám pomohou učinit hlavní menu—a celý váš e-shop—uživatelsky přívětivějším.
Tip #1: Plánujte navigaci na úvodní stránce předem
Než začnete vybírat položky menu, je důležité naplánovat každou funkci a část obsahu na vašem webu. Funkce a obsah lze obvykle rozdělit do hlavních kategorií a podkategorií. Zajistěte, abyste každé kategorii dali jasné a stručné názvy. Uživatelé obvykle menu položky pouze letmo přelétají, takže je důležité, aby je snadno odlišili a ihned pochopili, co představují.
Tip #2: Uspořádejte nejdůležitější položky na začátku
Položky menu, které jsou pro vaše uživatele nejzajímavější, by měly být vždy na začátku vašeho hlavního menu. Pokud jste poskytovatelem SaaS, je například dobré začít menu s položkami, které přesvědčí návštěvníky, že právě vaše řešení je pro ně to pravé. Zkuste použít tyto položky menu:
Pokud provozujete e-shop pro módní značku, mělo by se vaše menu soustředit na vaše produkty. Odkazy na další obsah, jako jsou rady k produktům nebo blogové příspěvky, by se měly objevit na konci menu. Obecně platí, že nejlepší způsoby optimalizace konverze pro vaše online podnikání závisí na tom, v jakém odvětví se pohybujete.
Tip #3: Používejte vizuální strukturu
Běžné menu může zobrazovat text pouze v jednoduchém formátu. Mega rozbalovací menu vám na druhou stranu poskytují možnost zvýraznit konkrétní položky menu. Můžete například použít různé:
Velikosti textu
Barvy textu
Písma
Ikony
To vám umožňuje přidat strukturu obsahu do vašeho rozbalovacího menu. Ne všechny položky musí být propojeny se skutečnou stránkou; některá slova mohou sloužit pouze jako nekliknutelné nadpisy pro různé kliknutelné podkategorie.
Tip #4: Vyhněte se zahrnování dalších funkcí
Nezahrnujte složité interakce do rozbalovacích menu, jako je registrace k newsletteru nebo pole pro výběr a hledání, protože ty mohou být často pro uživatele odstrašující. Poslední věc, kterou chcete, je, aby vaše hlavní menu mělo přeplněný design. Navíc se tyto prvky často objevují na několika místech na webu. Mají větší dopad, pokud je umístíte na stránky, kam nejlépe zapadají.
Může být však velmi efektivní zahrnout do navigační lišty tlačítko call-to-action (CTA). Například přidejte tlačítko, které umožní vašim zákazníkům objednat nebo nakoupit jedním kliknutím. Jen mějte na paměti, že CTA by mělo být umístěno vedle hlavního menu a ne v samotném rozbalovacím menu.
Tip #5: Vyberte mezi najetím myší nebo kliknutím
Mnoho webů používá rozbalovací menu, která se otevřou, jakmile uživatel najede myší na položku menu. Pokud o této možnosti uvažujete, existuje několik bodů, které byste měli zvážit:
Vše na první pohled: Mega menu by se mělo otevřít najednou, nikoli postupně, jednu úroveň podkategorie po druhé.
Perfektní časování: Menu by nemělo být příliš citlivé. Chcete zabránit tomu, aby ‚blikalo‘, když nad ním uživatel přejede myší příliš rychle. Zároveň by nemělo reagovat příliš pomalu. Doporučujeme reakční dobu 0.1 až 0.5 sekundy pro optimální použitelnost. Je také dobré povolit krátkou pauzu před tím, než se menu skryje, v případě, že uživatel omylem přejde mimo menu. Příliš citlivé nebo nevyrovnané menu frustruje uživatele a může způsobit, že někteří z nich opustí váš web.
Programování MouseOut: Když je rozbalovací menu aktivováno, zákazníci přesunou kurzor z navigační lišty do menu. Pokud váš web není správně naprogramován, zaznamená nesprávně událost MouseOut, když myš opustí navigační lištu, což způsobí zavření menu. Proto je důležité nastavit vaše menu tak, aby se rozbalovací menu zmizelo pouze, když myš opustí jak navigační lištu, tak samotné rozbalovací menu.
Mobilní verze: Najíždění myší není na smartphonech nebo tabletech možné. Pokud chcete ve své desktopové verzi použít rozbalovací menu aktivované najetím myší, nezapomeňte na různé nastavení pro mobilní verzi.
Tip #6: Dodržujte pravidlo tří kliknutí
Na většině webů by navigace měla dodržovat ‚pravidlo tří kliknutí‘. To znamená, že vaši uživatelé by měli moci dosáhnout jakékoliv informace na vašem webu nejvýše třemi kliknutími. Samozřejmě je to jen obecný pokyn. Pokud máte velký, detailně propracovaný web, počet kliknutí není tak důležitý, pokud je web dobře uspořádán. Důležité je, aby vaši zákazníci měli pocit, že je snadné se na vašem webu orientovat.
Tip #7: Použijte více menu
Pro weby s velkým množstvím informací může být užitečné přidat více než jedno menu. Můžete si vybrat rozbalovací menu s produktovými kategoriemi jako hlavní menu, zatímco v patičce použijete samostatné menu, které obsahuje sekundární kategorie. Tím se zabrání přeplnění hlavního menu. Podívejte se na níže uvedenou tabulku, jak to vypadá.
Tip #8: Vzhled je důležitý
Atraktivní design menu by měl zůstat ve stejné velikosti, i když položky hlavního menu obsahují různý počet podkategorií. Pokud vaše webové stránky obsahují vyhledávací funkci, zajistěte, aby ji rozbalovací menu nezakrývaly, když jsou rozšířené.
Měli byste také zahrnout malou vizuální indikaci, zda položka v navigační liště se rozšíří do rozbalovacího menu, pokud na ni uživatel klikne nebo najede. Například umístěte malou šipku vedle názvu menu: pro rozbalovací menu by měla šipka ukazovat dolů; pro fly-outy by měla ukazovat doprava. Tím pomůžete vašim zákazníkům instinktivně vědět, že mohou očekávat nalezení dalších informací.
