Menyen på nettstedet ditt kan avgjøre om handleopplevelsen blir en suksess eller en fiasko. Kunder som navigerer i nettbutikken din, kan enten gå seg vill i en labyrint av valgmuligheter eller bevege seg lett mot kjøpet. For butikker med mye innhold eller kompliserte nettstedsstrukturer er megamenyer spesielt nyttige, så lenge de tar hensyn til brukeren. Slik utnytter du kraften i megamenyen for å øke salget.
Hva er en megameny?
En megameny er en menytype som viser flere ulike kategorier i et stort format med flere kolonner, slik at du slipper å rulle. Du finner vanligvis megamenyer i toppen av nettsiden, men i likhet med andre menytyper kan de også vises i sidefeltet eller i bunnteksten.
Når brukeren klikker på eller holder musen over en hovedmeny, folder et panel seg ut og utvides, ofte slik at det fyller hele siden. Panelet kan avdekke lenker til bestemte kategorier som ikke var synlige før, og inneholde rikt innhold (bilder samt produkt- og merkevarebeskrivelser). Til sammenligning viser tradisjonelle nedtrekksmenyer vanligvis bare én gruppe lenker når du holder musen over et menyelement.
En nettbutikk som selger et stort utvalg husholdningsvarer og klær for alle aldre, kan for eksempel installere en menymodul som gjør det mulig å lage en megameny. Når menyen er publisert på nettstedet, kan den romme tekst, lenker og bilder i hver enkelt menykategori.
Slik organiserer megamenyer innhold
De presenterer vanligvis kategorier, og noen ganger underkategorier, i rader og kolonner i stedet for i én enkelt liste, ofte i et rutenett. En kombinasjon av menyelementer på øverste nivå, andre nivå og så videre organiserer store mengder informasjon langs tydelige stier. For å unngå rot bruker megamenyer også rikelig med luft (områder uten tekst, bilder eller andre visuelle elementer).
Enten du bruker en megamenyutvidelse som Max Mega Menu eller en kombinasjon av egendefinert CSS, JavaScript og maler for menyen din, bør du sikte mot en responsiv megameny som tilpasser seg bredden på skjermen, slik at den fungerer på mobil, nettbrett, bærbar og stasjonær PC. Shopify-temaer støtter også menyelementer i opptil to nivåer i navigasjonsinnstillingene for nettbutikken, noe som gir deg en megameny i nedtrekksstil uten egen kode.
Fordeler med megamenyer
Slik kan megamenyer gi kundene en god brukeropplevelse og komme bedriften til gode:
Bedre navigasjon
Fordi en megameny har flere nivåer enn en nedtrekksmeny, kan du vise dypere lag av nettstedets struktur. Du kan presentere underkategorier ved siden av andre underkategorier, vise hierarkiet og innholdsstrukturen på nettstedet og gi besøkende en tydelig vei til bestemt innhold. Dette reduserer behovet for å rulle, og sparer kundene tid.
Enklere å oppdage innhold
Siden megamenyer viser mer av innholdet på nettstedet, kan brukerne klikke på lenker de ellers ikke ville ha funnet.
Fremhevet innhold
Megamenyer gir deg plass til å fremheve innhold. Du kan legge til bilder, GIF-er og oppfordringer til handling, eller andre elementer som gjør menyen mer visuelt interessant. Du kan også bruke plassen til å oppmuntre besøkende til å gjøre noe bestemt. Å fremheve et spesialtilbud tydelig i menyen kan for eksempel vekke nysgjerrigheten hos de besøkende.
Eksempler på gode megamenyer
- Crockett & Jones
- Stated Outfitters
- Belstaff
- Our Place
- Archer & Olive
Følgende eksempler på megamenyer viser kreativ design og god funksjonalitet:
Crockett & Jones
Crockett & Jones selger håndlagde luksussko. Hvert menyelement i den øverste navigasjonsraden avdekker en tiltalende megameny som brer seg utover siden.
Kategorien for herresko deler for eksempel produktene inn i tre kolonner: etter stil, etter kolleksjon og etter sesong. Og det er fortsatt plass på høyre side til produktbilder og en beskrivende tekstblokk. Når du holder musen over hvert element i megamenyen, endres innholdet til høyre. Uten å forlate menyen kan du se og lese om hele skoserien.
Stated Outfitters
Stated Outfitters selger T-skjorter og klær av høy kvalitet, produsert bærekraftig og designet og trykket internt i Benton i Arkansas. På nettstedets meny åpner det seg en elegant og enkel megameny i full bredde når du holder musen over de fleste navigasjonsvalgene. Megamenyer lar merkevaren vise de mange lenkene sine i et enkelt format. Kategorien Brands har for eksempel åtte lenker, mens nettstedet fremhever fire toppmerker. I en vanlig meny ville dette ofte tvunget besøkende til å rulle nedover for å se hele utvalget.
Belstaff
Megamenyen til Belstaff byr på en blanding av innhold. For kategoriene for herrer og damer fremhever den 102 år gamle klesbutikken for eksempel historien sin, ulike kolleksjoner som kan interessere besøkende, kategorier og underkategorier samt bilder av noen av produktene. Det gir brukerne et innblikk i hva nettstedet har å by på.
Our Place
Our Place lager og selger kokekar, servise, husholdningsapparater og kjøkkenredskaper som gjør hjemmelagde måltider bedre. Hvert menyelement i den øverste menylinjen åpner en tiltalende megameny i full bredde. Selv om menyene er konsise, utnytter de den visuelle plassen godt til å fremheve tilbud og bestselgende produkter, i kombinasjon med produktbilder.
Archer & Olive
Archer & Olive er et selskap som selger skrivesaker, spesialisert på notatbøker, notatblokker og tilbehør for dem som skriver dagbok. Den øverste navigasjonen har tre elementer: Shop, Collections og Learn. Hvert av dem åpner en megameny i ulik stil.
Shop-menyen har tekstlenker fordelt på fem kolonner med god luft rundt, slik at det holdes ryddig. Learn-menyen inneholder lenker til bakgrunnsinformasjon om merkevaren og til lærerikt innhold, blant annet kreative velværeressurser. Collections-menyen kombinerer produktkolleksjoner med lenker til abonnementsbokser og digitale produkter.
Ofte stilte spørsmål om megamenyer
Hva er forskjellen på en nedtrekksmeny og en megameny?
En nedtrekksmeny viser én enkelt liste med lenker, mens en megameny viser et bredere utvalg av lenker i et organisert oppsett som gjør det enklere å navigere gjennom flere nivåer på nettstedet.
Hva er ulempen med en megameny?
Megamenyer fungerer best for nettsteder med et bredt utvalg av produktkategorier. Tilgjengelighet og tilpasning til mobile enheter kan også by på utfordringer. Test hvordan megamenyen oppfører seg med skjermlesere for å sikre at den vises og fungerer som tiltenkt.
Når passer det best å bruke en megameny?
Megamenyer passer best når du har en dyp produktkatalog. Ved å gjøre nettstedets struktur flatere kan de vise flere kategorier og underkategorier i ett og samme oppsett, slik at brukerne slipper å navigere gjennom dypere lag.
Er megamenyer nyttige for netthandelsnettsteder?
Megamenyer er spesielt nyttige for netthandelsnettsteder med omfattende produktutvalg og mange kategorier. De gir kundene en rask og enkel handleopplevelse, noe som kan føre til mer salg.
