Menu na webu může zásadně ovlivnit nákupní zážitek. Zákazníci, kteří procházejí váš e-shop, se mohou buď ztratit v bludišti možností, anebo hladce postoupit až k nákupu zboží. Pro obchody s velkým množstvím obsahu nebo se složitou strukturou webu jsou proto obzvláště užitečná tzv. mega menu (pokud jsou navržena s ohledem na uživatele). V tomto článku naleznete návod, jak využít mega menu ke zvýšení prodejů.
Co znamená termín „mega menu“?
Mega menu je nabídka, která zobrazuje několik různých kategorií ve velkém několikasloupcovém formátu, díky čemuž odpadá nutnost stránku posouvat. Mega menu obvykle najdete v záhlaví webové stránky, ale stejně jako jiné styly nabídek se může objevit i v postranním panelu nebo v zápatí.
Když uživatel klikne na hlavní menu nebo na něj najede kurzorem, rozbalí se panel, který obvykle zaplní celou šířku stránky. Může obsahovat odkazy na konkrétní kategorie, které předtím nebyly viditelné, a zahrnovat i bohatý obsah (obrázky, popisy produktů a značek). Naproti tomu klasická rozbalovací menu zobrazují při najetí na položku většinou jen jednu skupinu odkazů.
Například e-shop, který nabízí široký sortiment domácích potřeb a oblečení pro všechny věkové kategorie, si může nainstalovat widget navigačního menu, jenž mu umožní vytvořit mega menu. Po spuštění na webu bude menu v každé kategorii zobrazovat text, odkazy i obrázky.
Jak mega menu organizuje obsah?
Mega menu obvykle prezentuje kategorie v mřížkovém uspořádání (někdy i podkategorie v řádcích a sloupcích) namísto jednoho jediného seznamu. Prostřednictvím kombinace položek první úrovně, druhé úrovně a tak dále je možné přehledným způsobem zorganizovat velké množství informací. Aby se předešlo přeplnění stránky, využívají mega menu dostatek bílého prostoru (plocha bez textu, obrázků a dalších vizuálních prvků).
Ať už pro mega menu použijete zásuvný modul (např. Max Mega Menu), anebo kombinaci vlastního kódu CSS, JavaScriptu a šablon, usilujte o responzivní mega menu, které se přizpůsobí šířce cílové obrazovky. Díky tomu bude fungovat jak na telefonech, tak i na tabletech, noteboocích či stolních počítačích. Šablony Shopify také v rámci nastavení navigace internetového obchodu podporují vnoření položek menu až do dvou úrovní, čímž umožňují vytvořit mega menu ve stylu rozbalovacího seznamu, aniž by bylo nutné psát vlastní kód.
Výhody mega menu
Níže uvádíme několik příkladů toho, jak mohou mega menu poskytnout zákazníkům pozitivní uživatelský zážitek a prospět podnikání.
Lepší navigace
Vzhledem k tomu, že má mega menu více úrovní než rozbalovací menu, můžete zobrazit hlubší vrstvy struktury webu. Můžete prezentovat podkategorie vedle dalších podkategorií, čímž ukážete hierarchii webu a organizaci obsahu na stránkách a nabídnete návštěvníkům přehlednou cestu ke konkrétnímu obsahu. Díky tomu se sníží potřeba posouvání stránky, což ve výsledku zákazníkům ušetří čas.
Lepší dohledatelnost
Vzhledem k tomu, že mega menu prezentuje větší část obsahu vašeho webu, mohou uživatelé kliknout na odkazy, které by jinak nenašli.
Zvýrazněný obsah
Mega menu vám poskytuje prostor pro zvýraznění určitého obsahu. Můžete přidat fotografie, GIFy a výzvy k akci nebo cokoliv jiného, co zvýší vizuální atraktivitu stránky. Tento prostor můžete také využít k tomu, abyste návštěvníky pobídli k provedení určité akce. Například nápadné umístění speciální nabídky přímo v menu může vzbudit zvědavost návštěvníků.
Příklady kvalitních mega menu
Následující příklady mega menu z webových stránek firem kombinují kreativní design a promyšlenou funkčnost.
Crockett & Jones
Společnost Crockett & Jones prodává ručně vyráběné luxusní boty. Každá položka v horní navigační liště odhaluje atraktivní mega menu, které se rozprostírá přes celou stránku.
Například v kategorii pánských bot jsou produkty rozděleny do 3 sloupců: podle stylu, podle kolekce a podle sezóny. Na pravé straně stále zbývá místo pro fotografie produktů a blok popisného textu. Při najetí kurzorem na jednotlivé položky v mega menu se obsah na pravé straně mění. Aniž byste menu opustili, můžete si prohlédnout celou řadu produktů a přečíst si o nich připojené informace.
Stated Outfitters
Společnost Stated Outfitters prodává kvalitní, udržitelné oděvy, které navrhuje a potiskuje ve své firmě v Bentonu ve státě Arkansas. Když v menu na jejím webu najedete kurzorem na navigační položky, otevře se elegantní a jednoduché mega menu na celé šířce stránky. Mega menu umožňuje této značce prezentovat četné odkazy v jednoduchém formátu. Například kategorie Značky obsahuje 8 odkazů, zatímco web vyzdvihuje 4 nejoblíbenější značky. V rámci standardního menu by byl návštěvník webu často nucen posouvat stránku dolů, aby si mohl prohlédnout celou nabídku.
Belstaff
Mega menu značky Belstaff kombinuje různé druhy obsahu. Například v kategoriích pro muže a ženy tento 102 let starý obchod s oblečením vypráví svou historii, prezentuje různé kolekce, které by mohly návštěvníky zaujmout, představuje kategorie a podkategorie a také obrázky několika produktů. Uživatelům tak mega menu poskytuje přehled všeho, co společnost nabízí.
Our Place
Společnost Our Place vyrábí a prodává kuchyňské nádobí, spotřebiče a náčiní pro domácí vaření. Každá položka v horní liště navigační nabídky otevírá atraktivní mega menu přes celou šířku stránky. Ačkoliv tato menu jsou pouze stručná, dokonale využívají vizuální prostor k prezentaci slevových akcí a nejprodávanějších produktů (plus poskytují fotografie produktů).
Archer & Olive
Společnost Archer & Olive vyrábí zápisníky, poznámkové bloky a doplňky pro spisovatele. Horní navigační lišta na jejím webu obsahuje 3 položky: Obchod, Kolekce a Vzdělávání. Každá z těchto položek poté otevírá mega menu v jiném stylu.
Menu Obchod obsahuje textové odkazy uspořádané v 5 sloupcích s dostatkem volného prostoru, aby zůstaly přehledné. Menu Vzdělávání obsahuje odkazy na základní informace o značce a vzdělávací obsah (včetně kreativních zdrojů zaměřených na duševní pohodu). Menu Kolekce spojuje produktové kolekce s odkazy na předplatitelské boxy a digitální produkty.
Často kladené otázky: mega menu
Jaký je rozdíl mezi rozbalovací nabídkou a mega menu?
Rozbalovací nabídka zobrazuje jediný seznam odkazů, zatímco mega menu zobrazuje širší škálu odkazů v přehledném uspořádání, což usnadňuje navigaci napříč několika úrovněmi webu.
Kdy je použití mega menu nejvhodnější?
Mega menu jsou nejvhodnější pro weby s rozsáhlým katalogem produktů. Díky zjednodušení architektury webu mohou v jediném rozvržení prezentovat více kategorií a podkategorií, čímž uživatelům ušetří nutnost procházet hlubšími vrstvami webu.
Jaké jsou nevýhody mega menu?
Problematickými body ale mohou být přístupnost a přizpůsobitelnost mobilním zařízením. Proto otestujte chování mega menu i na mobilech, abyste se ujistili, že se zobrazuje tak, jak má, a funguje podle vašich představ.
Jsou mega menu užitečná pro e-shopy?
Ano, mega menu jsou obzvláště užitečná pro e-shopy s rozsáhlým sortimentem produktů a mnoha kategoriemi. Umožňují zákazníkům rychlé a pohodlné procházení webu, což se ve výsledku může promítnout do vyšších tržeb.
