Dropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?

Dropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?

Dropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?

I denne artikel vil vi give dig 8 tips til at optimere din webshops rullemenuer og gøre din side endnu mere brugervenlig at navigere.

I denne artikel vil vi give dig 8 tips til at optimere din webshops rullemenuer og gøre din side endnu mere brugervenlig at navigere.

28. apr. 2021

Nick Knuppe

Leder af produktmarkedsføring

Det er svært at forestille sig e-handel uden drop-down-menuer; de er en så vigtig del af webdesign for næsten enhver slags hjemmeside. Alligevel er det overraskende få e-forhandlere, der har mestret kunsten at gøre dem virkelig brugervenlige. I denne artikel vil vi diskutere mulighederne for at designe effektive webstedsnavigationsmenuer, både til desktop og til mobil. Vi giver dig 8 tips til at optimere din webshops drop-down-menuer og gøre dit site endnu mere brugervenligt at navigere. 

Det er svært at forestille sig e-handel uden drop-down-menuer; de er en så vigtig del af webdesign for næsten enhver slags hjemmeside. Alligevel er det overraskende få e-forhandlere, der har mestret kunsten at gøre dem virkelig brugervenlige. I denne artikel vil vi diskutere mulighederne for at designe effektive webstedsnavigationsmenuer, både til desktop og til mobil. Vi giver dig 8 tips til at optimere din webshops drop-down-menuer og gøre dit site endnu mere brugervenligt at navigere. 

Det er svært at forestille sig e-handel uden drop-down-menuer; de er en så vigtig del af webdesign for næsten enhver slags hjemmeside. Alligevel er det overraskende få e-forhandlere, der har mestret kunsten at gøre dem virkelig brugervenlige. I denne artikel vil vi diskutere mulighederne for at designe effektive webstedsnavigationsmenuer, både til desktop og til mobil. Vi giver dig 8 tips til at optimere din webshops drop-down-menuer og gøre dit site endnu mere brugervenligt at navigere. 

Det er svært at forestille sig e-handel uden drop-down-menuer; de er en så vigtig del af webdesign for næsten enhver slags hjemmeside. Alligevel er det overraskende få e-forhandlere, der har mestret kunsten at gøre dem virkelig brugervenlige. I denne artikel vil vi diskutere mulighederne for at designe effektive webstedsnavigationsmenuer, både til desktop og til mobil. Vi giver dig 8 tips til at optimere din webshops drop-down-menuer og gøre dit site endnu mere brugervenligt at navigere. 

Hvad er navigation på en hjemmeside?

Navigationsbjælken på din side hjælper dine kunder med lettere at finde vej. Den indeholder links, der leder dine brugere til de vigtigste kategorier på din side. Derfor kaldes den også et 'responsivt menu'. 

Men websidenavigation stopper ikke der. Nogle andre almindelige karakteristika ved websidenavigation inkluderer:

  • Hovedmenuen, der viser alle websidens indhold i orden efter hierarkiske kategorier.

  • Utility navigation, som består af links til nyttige sekundære funktioner som indkøbskurven eller brugerlogin.

  • Filtre, der gør det muligt for kunden at indsnævre deres søgeresultater.

  • Brødkrummer, der viser kunderne, hvilken side de er placeret på inden for websidens navigationsstruktur.

  • Footer navigation, som normalt indeholder nyttige links til indholdssider, som ‘Om os’ siden og din sides juridiske meddelelse.

Navigationsbjælken på din side hjælper dine kunder med lettere at finde vej. Den indeholder links, der leder dine brugere til de vigtigste kategorier på din side. Derfor kaldes den også et 'responsivt menu'. 

Men websidenavigation stopper ikke der. Nogle andre almindelige karakteristika ved websidenavigation inkluderer:

  • Hovedmenuen, der viser alle websidens indhold i orden efter hierarkiske kategorier.

  • Utility navigation, som består af links til nyttige sekundære funktioner som indkøbskurven eller brugerlogin.

  • Filtre, der gør det muligt for kunden at indsnævre deres søgeresultater.

  • Brødkrummer, der viser kunderne, hvilken side de er placeret på inden for websidens navigationsstruktur.

  • Footer navigation, som normalt indeholder nyttige links til indholdssider, som ‘Om os’ siden og din sides juridiske meddelelse.

Navigationsbjælken på din side hjælper dine kunder med lettere at finde vej. Den indeholder links, der leder dine brugere til de vigtigste kategorier på din side. Derfor kaldes den også et 'responsivt menu'. 

Men websidenavigation stopper ikke der. Nogle andre almindelige karakteristika ved websidenavigation inkluderer:

  • Hovedmenuen, der viser alle websidens indhold i orden efter hierarkiske kategorier.

  • Utility navigation, som består af links til nyttige sekundære funktioner som indkøbskurven eller brugerlogin.

  • Filtre, der gør det muligt for kunden at indsnævre deres søgeresultater.

  • Brødkrummer, der viser kunderne, hvilken side de er placeret på inden for websidens navigationsstruktur.

  • Footer navigation, som normalt indeholder nyttige links til indholdssider, som ‘Om os’ siden og din sides juridiske meddelelse.

Navigationsbjælken på din side hjælper dine kunder med lettere at finde vej. Den indeholder links, der leder dine brugere til de vigtigste kategorier på din side. Derfor kaldes den også et 'responsivt menu'. 

Men websidenavigation stopper ikke der. Nogle andre almindelige karakteristika ved websidenavigation inkluderer:

  • Hovedmenuen, der viser alle websidens indhold i orden efter hierarkiske kategorier.

  • Utility navigation, som består af links til nyttige sekundære funktioner som indkøbskurven eller brugerlogin.

  • Filtre, der gør det muligt for kunden at indsnævre deres søgeresultater.

  • Brødkrummer, der viser kunderne, hvilken side de er placeret på inden for websidens navigationsstruktur.

  • Footer navigation, som normalt indeholder nyttige links til indholdssider, som ‘Om os’ siden og din sides juridiske meddelelse.

Hvordan kan god navigation på en hjemmeside hjælpe med at forbedre konverteringen i e-handel?

How does good website navigation help improve conversion in e-commerce?

At tilbyde en positiv brugeroplevelse (UX) er lige så vigtigt for en e-handelsvirksomhed som det er for en offline virksomhed. Det betyder, at det skal være nemt for kunderne at finde rundt på din hjemmeside. Fra det øjeblik de ankommer til din side, skal de se et klart overblik over de vigtigste informationer, så de hurtigt kan finde det, de leder efter. Derfor er det vigtigt at tilbyde praktiske, brugervenlige menuer i din webshop. Ved at gøre det muligt for dine kunder intuitivt at finde alt det indhold og de funktioner, de har brug for, øger du sandsynligheden for at gennemføre et salg.

Omvendt, hvis din side er forvirrende eller svær at navigere, er kunderne tilbøjelige til at klikke væk og handle et andet sted. Det øger din afvisningsprocent og sænker konverteringen. Herunder viser vi dig, hvordan du skaber en bedre UX med rullemenuer og andre navigationsmuligheder, så du kan optimere din websops konverteringsrate.

How does good website navigation help improve conversion in e-commerce?

At tilbyde en positiv brugeroplevelse (UX) er lige så vigtigt for en e-handelsvirksomhed som det er for en offline virksomhed. Det betyder, at det skal være nemt for kunderne at finde rundt på din hjemmeside. Fra det øjeblik de ankommer til din side, skal de se et klart overblik over de vigtigste informationer, så de hurtigt kan finde det, de leder efter. Derfor er det vigtigt at tilbyde praktiske, brugervenlige menuer i din webshop. Ved at gøre det muligt for dine kunder intuitivt at finde alt det indhold og de funktioner, de har brug for, øger du sandsynligheden for at gennemføre et salg.

Omvendt, hvis din side er forvirrende eller svær at navigere, er kunderne tilbøjelige til at klikke væk og handle et andet sted. Det øger din afvisningsprocent og sænker konverteringen. Herunder viser vi dig, hvordan du skaber en bedre UX med rullemenuer og andre navigationsmuligheder, så du kan optimere din websops konverteringsrate.

How does good website navigation help improve conversion in e-commerce?

At tilbyde en positiv brugeroplevelse (UX) er lige så vigtigt for en e-handelsvirksomhed som det er for en offline virksomhed. Det betyder, at det skal være nemt for kunderne at finde rundt på din hjemmeside. Fra det øjeblik de ankommer til din side, skal de se et klart overblik over de vigtigste informationer, så de hurtigt kan finde det, de leder efter. Derfor er det vigtigt at tilbyde praktiske, brugervenlige menuer i din webshop. Ved at gøre det muligt for dine kunder intuitivt at finde alt det indhold og de funktioner, de har brug for, øger du sandsynligheden for at gennemføre et salg.

Omvendt, hvis din side er forvirrende eller svær at navigere, er kunderne tilbøjelige til at klikke væk og handle et andet sted. Det øger din afvisningsprocent og sænker konverteringen. Herunder viser vi dig, hvordan du skaber en bedre UX med rullemenuer og andre navigationsmuligheder, så du kan optimere din websops konverteringsrate.

How does good website navigation help improve conversion in e-commerce?

At tilbyde en positiv brugeroplevelse (UX) er lige så vigtigt for en e-handelsvirksomhed som det er for en offline virksomhed. Det betyder, at det skal være nemt for kunderne at finde rundt på din hjemmeside. Fra det øjeblik de ankommer til din side, skal de se et klart overblik over de vigtigste informationer, så de hurtigt kan finde det, de leder efter. Derfor er det vigtigt at tilbyde praktiske, brugervenlige menuer i din webshop. Ved at gøre det muligt for dine kunder intuitivt at finde alt det indhold og de funktioner, de har brug for, øger du sandsynligheden for at gennemføre et salg.

Omvendt, hvis din side er forvirrende eller svær at navigere, er kunderne tilbøjelige til at klikke væk og handle et andet sted. Det øger din afvisningsprocent og sænker konverteringen. Herunder viser vi dig, hvordan du skaber en bedre UX med rullemenuer og andre navigationsmuligheder, så du kan optimere din websops konverteringsrate.

Valg af den rigtige hovedmenutype: Hvilke muligheder har du?

Når du bygger en hjemmeside til din e-handelsvirksomhed, er en af de første beslutninger, du skal tage, om dit webstedss hovedmenu skal vises vertikalt eller horisontalt.

  • En vertikal menu løber langs venstre side af siden, fra top til bund.

  • En horisontal menu løber langs toppen af siden, fra venstre mod højre.

Med en horisontal menu er pladsen begrænset af skærmens bredde. Derfor indeholder den ofte kun korte nøgleord. I modsætning hertil kan du gøre en vertikal menu så omfattende, som du ønsker. Bare husk: Det er bedst at begrænse din hovedmenu til de vigtigste kategorier for at holde det overskueligt for dine kunder. 

Nedenfor beskriver vi nogle almindelige designtyper for hovedmenuer. De fleste af disse kan arrangeres enten vertikalt eller horisontalt på skærmen.

Statisk navigation

Choosing the right main menu type - static menu

Med statisk navigation (også kendt som en ‘fast header’ eller ‘stick menu’), er hovedmenuen permanent synlig. Det betyder, at den forbliver på skærmen, selv når brugeren ruller ned på siden. Fordelen er, at brugeren ikke behøver at rulle tilbage til toppen af siden, når de vil navigere til et andet menupunkt. Hvis du vil bruge en fast header, skal du sørge for, at den ikke optager for meget plads. Ellers kan den dække over andet nyttigt indhold på skærmen, mens brugeren ruller ned.

Interaktiv navigation

Interaktiv navigation er generelt ikke en særlig god mulighed for webshops. Med denne type navigation er der ingen links, der leder dine brugere fra A til B. I stedet betragtes navigationen på websitet som en del af oplevelsen. Interaktive elementer gør navigationsoplevelsen spilagtig ved at legende guide brugeren fra en sektion eller et subdomæne til det næste, indtil de har set alt indholdet.

Hamburger menu

Choosing the right main menu type - Hamburger menu

Hamburger (eller burger) menu er også kendt som en toggle menu eller off-canvas menu. Den blev specielt udviklet som svar på den hurtige vækst i smartphone-brug. En hamburger menu er let genkendelig ved knappen med tre parallelle horisontale linjer, som normalt vises i øverste højre eller venstre hjørne af en hjemmeside. Disse linjer ligner vagt en hamburger, deraf navnet. 

Hvis dit websted bruger en hamburger menu, vil brugerne først kun se webstedets indhold og hamburger menu knappen. Når brugeren trykker på knappen, vil hovedmenuen dukke op over hele skærmen, og præsentere dem for alle mulighederne for at navigere på dit websted. 

Denne type menu er også i stigende grad almindelig på desktopsider, men det betyder, at brugerne skal klikke på en ekstra knap blot for at se menuen. Derfor anbefales hamburger menu primært kun for den mobile version af dit websted.

Rullemenuer

Choosing the right main menu type - Drop-down menus

Den mest almindelige type menu på e-handelswebsteder er responsive rullemenuer. Disse viser først en hovedmenu, der kun lister de vigtigste kategorier. Når brugeren klikker på eller holder musen over en menupunkt, udvides listen for at vise yderligere underkategorier. Du kan tilføje så mange lag af rullemenu-underkategorier, som du vil. Dog er det bedst ikke at have mere end to. Hvis din produktsortiment er så omfattende, at du har brug for mere end to rullemenu-niveauer, har du en mega menu (se nedenfor).

En horisontal rullemenu kaldes nogle gange også en pulldown-menu. En vertikal rullemenu omtales nogle gange som en fly-out. Begge typer af udvidelige menuer sikrer høj brugervenlighed for dine kunder. Hvis du vælger at bruge en rullemenu, skal du først overveje, hvordan du vil strukturere dit websteds indhold. Ellers kan menuen hurtigt blive rodet og svær at bruge.

Når du bygger en hjemmeside til din e-handelsvirksomhed, er en af de første beslutninger, du skal tage, om dit webstedss hovedmenu skal vises vertikalt eller horisontalt.

  • En vertikal menu løber langs venstre side af siden, fra top til bund.

  • En horisontal menu løber langs toppen af siden, fra venstre mod højre.

Med en horisontal menu er pladsen begrænset af skærmens bredde. Derfor indeholder den ofte kun korte nøgleord. I modsætning hertil kan du gøre en vertikal menu så omfattende, som du ønsker. Bare husk: Det er bedst at begrænse din hovedmenu til de vigtigste kategorier for at holde det overskueligt for dine kunder. 

Nedenfor beskriver vi nogle almindelige designtyper for hovedmenuer. De fleste af disse kan arrangeres enten vertikalt eller horisontalt på skærmen.

Statisk navigation

Choosing the right main menu type - static menu

Med statisk navigation (også kendt som en ‘fast header’ eller ‘stick menu’), er hovedmenuen permanent synlig. Det betyder, at den forbliver på skærmen, selv når brugeren ruller ned på siden. Fordelen er, at brugeren ikke behøver at rulle tilbage til toppen af siden, når de vil navigere til et andet menupunkt. Hvis du vil bruge en fast header, skal du sørge for, at den ikke optager for meget plads. Ellers kan den dække over andet nyttigt indhold på skærmen, mens brugeren ruller ned.

Interaktiv navigation

Interaktiv navigation er generelt ikke en særlig god mulighed for webshops. Med denne type navigation er der ingen links, der leder dine brugere fra A til B. I stedet betragtes navigationen på websitet som en del af oplevelsen. Interaktive elementer gør navigationsoplevelsen spilagtig ved at legende guide brugeren fra en sektion eller et subdomæne til det næste, indtil de har set alt indholdet.

Hamburger menu

Choosing the right main menu type - Hamburger menu

Hamburger (eller burger) menu er også kendt som en toggle menu eller off-canvas menu. Den blev specielt udviklet som svar på den hurtige vækst i smartphone-brug. En hamburger menu er let genkendelig ved knappen med tre parallelle horisontale linjer, som normalt vises i øverste højre eller venstre hjørne af en hjemmeside. Disse linjer ligner vagt en hamburger, deraf navnet. 

Hvis dit websted bruger en hamburger menu, vil brugerne først kun se webstedets indhold og hamburger menu knappen. Når brugeren trykker på knappen, vil hovedmenuen dukke op over hele skærmen, og præsentere dem for alle mulighederne for at navigere på dit websted. 

Denne type menu er også i stigende grad almindelig på desktopsider, men det betyder, at brugerne skal klikke på en ekstra knap blot for at se menuen. Derfor anbefales hamburger menu primært kun for den mobile version af dit websted.

Rullemenuer

Choosing the right main menu type - Drop-down menus

Den mest almindelige type menu på e-handelswebsteder er responsive rullemenuer. Disse viser først en hovedmenu, der kun lister de vigtigste kategorier. Når brugeren klikker på eller holder musen over en menupunkt, udvides listen for at vise yderligere underkategorier. Du kan tilføje så mange lag af rullemenu-underkategorier, som du vil. Dog er det bedst ikke at have mere end to. Hvis din produktsortiment er så omfattende, at du har brug for mere end to rullemenu-niveauer, har du en mega menu (se nedenfor).

En horisontal rullemenu kaldes nogle gange også en pulldown-menu. En vertikal rullemenu omtales nogle gange som en fly-out. Begge typer af udvidelige menuer sikrer høj brugervenlighed for dine kunder. Hvis du vælger at bruge en rullemenu, skal du først overveje, hvordan du vil strukturere dit websteds indhold. Ellers kan menuen hurtigt blive rodet og svær at bruge.

Når du bygger en hjemmeside til din e-handelsvirksomhed, er en af de første beslutninger, du skal tage, om dit webstedss hovedmenu skal vises vertikalt eller horisontalt.

  • En vertikal menu løber langs venstre side af siden, fra top til bund.

  • En horisontal menu løber langs toppen af siden, fra venstre mod højre.

Med en horisontal menu er pladsen begrænset af skærmens bredde. Derfor indeholder den ofte kun korte nøgleord. I modsætning hertil kan du gøre en vertikal menu så omfattende, som du ønsker. Bare husk: Det er bedst at begrænse din hovedmenu til de vigtigste kategorier for at holde det overskueligt for dine kunder. 

Nedenfor beskriver vi nogle almindelige designtyper for hovedmenuer. De fleste af disse kan arrangeres enten vertikalt eller horisontalt på skærmen.

Statisk navigation

Choosing the right main menu type - static menu

Med statisk navigation (også kendt som en ‘fast header’ eller ‘stick menu’), er hovedmenuen permanent synlig. Det betyder, at den forbliver på skærmen, selv når brugeren ruller ned på siden. Fordelen er, at brugeren ikke behøver at rulle tilbage til toppen af siden, når de vil navigere til et andet menupunkt. Hvis du vil bruge en fast header, skal du sørge for, at den ikke optager for meget plads. Ellers kan den dække over andet nyttigt indhold på skærmen, mens brugeren ruller ned.

Interaktiv navigation

Interaktiv navigation er generelt ikke en særlig god mulighed for webshops. Med denne type navigation er der ingen links, der leder dine brugere fra A til B. I stedet betragtes navigationen på websitet som en del af oplevelsen. Interaktive elementer gør navigationsoplevelsen spilagtig ved at legende guide brugeren fra en sektion eller et subdomæne til det næste, indtil de har set alt indholdet.

Hamburger menu

Choosing the right main menu type - Hamburger menu

Hamburger (eller burger) menu er også kendt som en toggle menu eller off-canvas menu. Den blev specielt udviklet som svar på den hurtige vækst i smartphone-brug. En hamburger menu er let genkendelig ved knappen med tre parallelle horisontale linjer, som normalt vises i øverste højre eller venstre hjørne af en hjemmeside. Disse linjer ligner vagt en hamburger, deraf navnet. 

Hvis dit websted bruger en hamburger menu, vil brugerne først kun se webstedets indhold og hamburger menu knappen. Når brugeren trykker på knappen, vil hovedmenuen dukke op over hele skærmen, og præsentere dem for alle mulighederne for at navigere på dit websted. 

Denne type menu er også i stigende grad almindelig på desktopsider, men det betyder, at brugerne skal klikke på en ekstra knap blot for at se menuen. Derfor anbefales hamburger menu primært kun for den mobile version af dit websted.

Rullemenuer

Choosing the right main menu type - Drop-down menus

Den mest almindelige type menu på e-handelswebsteder er responsive rullemenuer. Disse viser først en hovedmenu, der kun lister de vigtigste kategorier. Når brugeren klikker på eller holder musen over en menupunkt, udvides listen for at vise yderligere underkategorier. Du kan tilføje så mange lag af rullemenu-underkategorier, som du vil. Dog er det bedst ikke at have mere end to. Hvis din produktsortiment er så omfattende, at du har brug for mere end to rullemenu-niveauer, har du en mega menu (se nedenfor).

En horisontal rullemenu kaldes nogle gange også en pulldown-menu. En vertikal rullemenu omtales nogle gange som en fly-out. Begge typer af udvidelige menuer sikrer høj brugervenlighed for dine kunder. Hvis du vælger at bruge en rullemenu, skal du først overveje, hvordan du vil strukturere dit websteds indhold. Ellers kan menuen hurtigt blive rodet og svær at bruge.

Når du bygger en hjemmeside til din e-handelsvirksomhed, er en af de første beslutninger, du skal tage, om dit webstedss hovedmenu skal vises vertikalt eller horisontalt.

  • En vertikal menu løber langs venstre side af siden, fra top til bund.

  • En horisontal menu løber langs toppen af siden, fra venstre mod højre.

Med en horisontal menu er pladsen begrænset af skærmens bredde. Derfor indeholder den ofte kun korte nøgleord. I modsætning hertil kan du gøre en vertikal menu så omfattende, som du ønsker. Bare husk: Det er bedst at begrænse din hovedmenu til de vigtigste kategorier for at holde det overskueligt for dine kunder. 

Nedenfor beskriver vi nogle almindelige designtyper for hovedmenuer. De fleste af disse kan arrangeres enten vertikalt eller horisontalt på skærmen.

Statisk navigation

Choosing the right main menu type - static menu

Med statisk navigation (også kendt som en ‘fast header’ eller ‘stick menu’), er hovedmenuen permanent synlig. Det betyder, at den forbliver på skærmen, selv når brugeren ruller ned på siden. Fordelen er, at brugeren ikke behøver at rulle tilbage til toppen af siden, når de vil navigere til et andet menupunkt. Hvis du vil bruge en fast header, skal du sørge for, at den ikke optager for meget plads. Ellers kan den dække over andet nyttigt indhold på skærmen, mens brugeren ruller ned.

Interaktiv navigation

Interaktiv navigation er generelt ikke en særlig god mulighed for webshops. Med denne type navigation er der ingen links, der leder dine brugere fra A til B. I stedet betragtes navigationen på websitet som en del af oplevelsen. Interaktive elementer gør navigationsoplevelsen spilagtig ved at legende guide brugeren fra en sektion eller et subdomæne til det næste, indtil de har set alt indholdet.

Hamburger menu

Choosing the right main menu type - Hamburger menu

Hamburger (eller burger) menu er også kendt som en toggle menu eller off-canvas menu. Den blev specielt udviklet som svar på den hurtige vækst i smartphone-brug. En hamburger menu er let genkendelig ved knappen med tre parallelle horisontale linjer, som normalt vises i øverste højre eller venstre hjørne af en hjemmeside. Disse linjer ligner vagt en hamburger, deraf navnet. 

Hvis dit websted bruger en hamburger menu, vil brugerne først kun se webstedets indhold og hamburger menu knappen. Når brugeren trykker på knappen, vil hovedmenuen dukke op over hele skærmen, og præsentere dem for alle mulighederne for at navigere på dit websted. 

Denne type menu er også i stigende grad almindelig på desktopsider, men det betyder, at brugerne skal klikke på en ekstra knap blot for at se menuen. Derfor anbefales hamburger menu primært kun for den mobile version af dit websted.

Rullemenuer

Choosing the right main menu type - Drop-down menus

Den mest almindelige type menu på e-handelswebsteder er responsive rullemenuer. Disse viser først en hovedmenu, der kun lister de vigtigste kategorier. Når brugeren klikker på eller holder musen over en menupunkt, udvides listen for at vise yderligere underkategorier. Du kan tilføje så mange lag af rullemenu-underkategorier, som du vil. Dog er det bedst ikke at have mere end to. Hvis din produktsortiment er så omfattende, at du har brug for mere end to rullemenu-niveauer, har du en mega menu (se nedenfor).

En horisontal rullemenu kaldes nogle gange også en pulldown-menu. En vertikal rullemenu omtales nogle gange som en fly-out. Begge typer af udvidelige menuer sikrer høj brugervenlighed for dine kunder. Hvis du vælger at bruge en rullemenu, skal du først overveje, hvordan du vil strukturere dit websteds indhold. Ellers kan menuen hurtigt blive rodet og svær at bruge.

Mega drop-down menuer: Fordele og ulemper

Et mega-menu kan tilbyde mange fordele med hensyn til brugeroplevelse, men det har også sine begrænsninger. Endnu en gang er det vigtigt at planlægge strukturen af din side omhyggeligt. Når alt kommer til alt, er din mega-menu kun nyttig, hvis alle elementer i din sides navigationsbjælke er klare fra starten. Så før du vælger at bruge en mega-menu, brug lidt tid på at tænke over den bedste måde at præsentere din sides indhold på. Tabellen nedenfor viser de vigtigste fordele og ulemper ved mega-menuer.

Et mega-menu kan tilbyde mange fordele med hensyn til brugeroplevelse, men det har også sine begrænsninger. Endnu en gang er det vigtigt at planlægge strukturen af din side omhyggeligt. Når alt kommer til alt, er din mega-menu kun nyttig, hvis alle elementer i din sides navigationsbjælke er klare fra starten. Så før du vælger at bruge en mega-menu, brug lidt tid på at tænke over den bedste måde at præsentere din sides indhold på. Tabellen nedenfor viser de vigtigste fordele og ulemper ved mega-menuer.

Et mega-menu kan tilbyde mange fordele med hensyn til brugeroplevelse, men det har også sine begrænsninger. Endnu en gang er det vigtigt at planlægge strukturen af din side omhyggeligt. Når alt kommer til alt, er din mega-menu kun nyttig, hvis alle elementer i din sides navigationsbjælke er klare fra starten. Så før du vælger at bruge en mega-menu, brug lidt tid på at tænke over den bedste måde at præsentere din sides indhold på. Tabellen nedenfor viser de vigtigste fordele og ulemper ved mega-menuer.

Et mega-menu kan tilbyde mange fordele med hensyn til brugeroplevelse, men det har også sine begrænsninger. Endnu en gang er det vigtigt at planlægge strukturen af din side omhyggeligt. Når alt kommer til alt, er din mega-menu kun nyttig, hvis alle elementer i din sides navigationsbjælke er klare fra starten. Så før du vælger at bruge en mega-menu, brug lidt tid på at tænke over den bedste måde at præsentere din sides indhold på. Tabellen nedenfor viser de vigtigste fordele og ulemper ved mega-menuer.

Webdesign: 8 tips til at gøre rullemenuer brugervenlige

Nedenfor er nogle tips til webstedets navigationsmuligheder, du kan bruge til at forbedre din konverteringsrate. Vores brugervenlighedstips vil hjælpe med at gøre din hovedmenu—og hele din webshop—mere brugervenlig.

Tip #1: Kortlæg din forside-navigation på forhånd

Før du begynder at vælge menupunkter, er det vigtigt at planlægge hver funktion og stykke indhold på dit websted. Du kan normalt opdele funktioner og indhold i hovedkategorier og underkategorier. Sørg for at give hver kategori klare og præcise navne. Brugere skimmer generelt kun hurtigt over menupunkterne, så det er vigtigt, at de let kan skelne dem fra hinanden og straks forstår, hvad de handler om.

Tip #2: Sæt de mest relevante punkter først

De menupunkter, der er mest interessante for dine brugere, bør altid vises i starten af din hovedmenu. Hvis du er en SaaS-udbyder, for eksempel, er det en god idé at starte din menu med punkter, der overbeviser besøgende om, at din løsning er den rigtige for dem. Prøv at bruge menupunkter som disse:

  • Hvorfor os?

  • Om os

  • Priser

Hvis du driver en webshop for et modebrand, bør din menu fokusere på dine produkter. Links til andet indhold, som produktvejledning eller blogindlæg, bør vises mod slutningen af menuen. Generelt afhænger de bedste måder at optimere konvertering for din online forretning på, hvilken branche du er i.

Tip #3: Brug en visuel struktur

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

En almindelig menu kan kun vise tekst i et enkelt format. Mega drop-down-menuer, derimod, giver dig mulighed for at fremhæve specifikke menupunkter. For eksempel kan du bruge forskellige:

  • Tekststørrelser

  • Tekstfarver

  • Skrifttyper

  • Ikoner

Dette giver dig mulighed for at tilføje mere struktur til indholdet af din drop-down-menu. Ikke alle punkter behøver at være linket til en faktisk side; nogle ord kan blot tjene som ikke-klikbare overskrifter for de forskellige klikbare underkategorier.

Tip #4: Undgå at inkludere ekstra funktioner

Inkluder ikke komplekse interaktioner i dine drop-down-menuer, såsom nyhedsbrevstilmelding eller valg- og søgefelter, da disse ofte kan være afskrækkende for brugerne. Det sidste, du ønsker, er, at din hovedmenu har et rodet design. Derudover vises elementer som disse ofte flere steder på et websted. De har større effekt, hvis du placerer dem på de sider, hvor de passer bedst.

Det kan dog være meget effektivt at inkludere en call-to-action (CTA) knap i navigationslinjen. For eksempel, tilføj en knap, der lader dine kunder lave en reservation eller et køb med et enkelt klik. Husk bare, at CTA'en skal placeres ved siden af hovedmenuen og ikke i selve drop-down-menuen.

Tip #5: Vælg mellem hover eller klik

Mange websteder bruger drop-down-menuer, der åbner, så snart brugeren svæver over menupunktet med musen. Hvis du overvejer at bruge denne mulighed, er der et par punkter at overveje:

  • Alt i et blik: En megamenu bør åbne på én gang i stedet for gradvist at åbne, et underkategoriniveau ad gangen.

  • Perfekt timing: Menuen bør ikke være for følsom. Du vil undgå, at den 'flimrer', når brugeren svæver over den for hurtigt. Samtidig bør den ikke reagere for langsomt. Vi anbefaler en reaktionstid på 0,1 til 0,5 sekunder for optimal brugervenlighed. Det er også en god idé at tillade en kort pause, før menuen skjules, hvis brugeren ved et uheld svæver væk fra menuen. En menu, der er for følsom eller uforudsigelig, vil frustrere dine brugere og få nogle af dem til at give op og forlade dit websted helt.

  • MouseOut-programmering: Når drop-down-menuen er aktiveret, flytter kunderne deres markør fra navigationslinjen ind i menuen. Medmindre dit websted er korrekt programmeret, vil det forkert logge en MouseOut-begivenhed, når musen forlader navigationslinjen, hvilket vil få menuen til at lukke. Derfor er det vigtigt at indstille din menu, så drop-down-menuen kun forsvinder, når musen forlader både navigationslinjen og selve drop-down-menuen.

  • Mobilversion: Hover-funktion er ikke mulig på smartphones eller tabletter. Hvis du vil bruge en hover-aktiveret drop-down-menu på dit websted til stationære computere, husk at bruge forskellige indstillinger på mobilversionen.

Tip #6: Overhold treklik-reglen

På de fleste websteder bør navigationen følge 'treklik-reglen'. Det betyder, at dine brugere skal kunne nå alle oplysninger på dit websted inden for højst tre klik. Selvfølgelig er dette kun en generel retningslinje. Hvis du har et stort, meget detaljeret websted, er antallet af klik ikke så vigtigt, så længe webstedet er velorganiseret. Det, der betyder mest, er, at dine kunder altid føler, det er let at finde vej.

Tip #7: Brug flere menuer

For websteder med mange oplysninger kan det være nyttigt at tilføje mere end én menu. Du kan vælge en drop-down-menu med dine produktkategorier som din hovedmenu, mens du også bruger en separat menu i footeren, der indeholder sekundære kategorier. Dette forhindrer din hovedmenu i at blive for rodet. Tjek tabellen nedenfor for at se, hvordan det ser ud.

Tip #8: Udseende betyder noget

Et attraktivt menudesign bør forblive i samme størrelse, selv når hovedmenuelementerne indeholder forskellige antal underkategorier. Hvis dit websted indeholder en søgefunktion, så sørg for, at drop-down-menuerne ikke dækker den, når de er udvidet.

Du bør også inkludere et lille visuelt tegn for at indikere, om et element i navigationslinjen vil udvide sig til en drop-down-menu, når brugeren klikker eller svæver over det. For eksempel skal du placere en lille pil ved siden af menunavnet: for drop-down-menuer skal pilen pege nedad; for fly-outs skal den pege til højre. Dette hjælper dine købere med instinktivt at vide, at de kan forvente at finde mere information.

Nedenfor er nogle tips til webstedets navigationsmuligheder, du kan bruge til at forbedre din konverteringsrate. Vores brugervenlighedstips vil hjælpe med at gøre din hovedmenu—og hele din webshop—mere brugervenlig.

Tip #1: Kortlæg din forside-navigation på forhånd

Før du begynder at vælge menupunkter, er det vigtigt at planlægge hver funktion og stykke indhold på dit websted. Du kan normalt opdele funktioner og indhold i hovedkategorier og underkategorier. Sørg for at give hver kategori klare og præcise navne. Brugere skimmer generelt kun hurtigt over menupunkterne, så det er vigtigt, at de let kan skelne dem fra hinanden og straks forstår, hvad de handler om.

Tip #2: Sæt de mest relevante punkter først

De menupunkter, der er mest interessante for dine brugere, bør altid vises i starten af din hovedmenu. Hvis du er en SaaS-udbyder, for eksempel, er det en god idé at starte din menu med punkter, der overbeviser besøgende om, at din løsning er den rigtige for dem. Prøv at bruge menupunkter som disse:

  • Hvorfor os?

  • Om os

  • Priser

Hvis du driver en webshop for et modebrand, bør din menu fokusere på dine produkter. Links til andet indhold, som produktvejledning eller blogindlæg, bør vises mod slutningen af menuen. Generelt afhænger de bedste måder at optimere konvertering for din online forretning på, hvilken branche du er i.

Tip #3: Brug en visuel struktur

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

En almindelig menu kan kun vise tekst i et enkelt format. Mega drop-down-menuer, derimod, giver dig mulighed for at fremhæve specifikke menupunkter. For eksempel kan du bruge forskellige:

  • Tekststørrelser

  • Tekstfarver

  • Skrifttyper

  • Ikoner

Dette giver dig mulighed for at tilføje mere struktur til indholdet af din drop-down-menu. Ikke alle punkter behøver at være linket til en faktisk side; nogle ord kan blot tjene som ikke-klikbare overskrifter for de forskellige klikbare underkategorier.

Tip #4: Undgå at inkludere ekstra funktioner

Inkluder ikke komplekse interaktioner i dine drop-down-menuer, såsom nyhedsbrevstilmelding eller valg- og søgefelter, da disse ofte kan være afskrækkende for brugerne. Det sidste, du ønsker, er, at din hovedmenu har et rodet design. Derudover vises elementer som disse ofte flere steder på et websted. De har større effekt, hvis du placerer dem på de sider, hvor de passer bedst.

Det kan dog være meget effektivt at inkludere en call-to-action (CTA) knap i navigationslinjen. For eksempel, tilføj en knap, der lader dine kunder lave en reservation eller et køb med et enkelt klik. Husk bare, at CTA'en skal placeres ved siden af hovedmenuen og ikke i selve drop-down-menuen.

Tip #5: Vælg mellem hover eller klik

Mange websteder bruger drop-down-menuer, der åbner, så snart brugeren svæver over menupunktet med musen. Hvis du overvejer at bruge denne mulighed, er der et par punkter at overveje:

  • Alt i et blik: En megamenu bør åbne på én gang i stedet for gradvist at åbne, et underkategoriniveau ad gangen.

  • Perfekt timing: Menuen bør ikke være for følsom. Du vil undgå, at den 'flimrer', når brugeren svæver over den for hurtigt. Samtidig bør den ikke reagere for langsomt. Vi anbefaler en reaktionstid på 0,1 til 0,5 sekunder for optimal brugervenlighed. Det er også en god idé at tillade en kort pause, før menuen skjules, hvis brugeren ved et uheld svæver væk fra menuen. En menu, der er for følsom eller uforudsigelig, vil frustrere dine brugere og få nogle af dem til at give op og forlade dit websted helt.

  • MouseOut-programmering: Når drop-down-menuen er aktiveret, flytter kunderne deres markør fra navigationslinjen ind i menuen. Medmindre dit websted er korrekt programmeret, vil det forkert logge en MouseOut-begivenhed, når musen forlader navigationslinjen, hvilket vil få menuen til at lukke. Derfor er det vigtigt at indstille din menu, så drop-down-menuen kun forsvinder, når musen forlader både navigationslinjen og selve drop-down-menuen.

  • Mobilversion: Hover-funktion er ikke mulig på smartphones eller tabletter. Hvis du vil bruge en hover-aktiveret drop-down-menu på dit websted til stationære computere, husk at bruge forskellige indstillinger på mobilversionen.

Tip #6: Overhold treklik-reglen

På de fleste websteder bør navigationen følge 'treklik-reglen'. Det betyder, at dine brugere skal kunne nå alle oplysninger på dit websted inden for højst tre klik. Selvfølgelig er dette kun en generel retningslinje. Hvis du har et stort, meget detaljeret websted, er antallet af klik ikke så vigtigt, så længe webstedet er velorganiseret. Det, der betyder mest, er, at dine kunder altid føler, det er let at finde vej.

Tip #7: Brug flere menuer

For websteder med mange oplysninger kan det være nyttigt at tilføje mere end én menu. Du kan vælge en drop-down-menu med dine produktkategorier som din hovedmenu, mens du også bruger en separat menu i footeren, der indeholder sekundære kategorier. Dette forhindrer din hovedmenu i at blive for rodet. Tjek tabellen nedenfor for at se, hvordan det ser ud.

Tip #8: Udseende betyder noget

Et attraktivt menudesign bør forblive i samme størrelse, selv når hovedmenuelementerne indeholder forskellige antal underkategorier. Hvis dit websted indeholder en søgefunktion, så sørg for, at drop-down-menuerne ikke dækker den, når de er udvidet.

Du bør også inkludere et lille visuelt tegn for at indikere, om et element i navigationslinjen vil udvide sig til en drop-down-menu, når brugeren klikker eller svæver over det. For eksempel skal du placere en lille pil ved siden af menunavnet: for drop-down-menuer skal pilen pege nedad; for fly-outs skal den pege til højre. Dette hjælper dine købere med instinktivt at vide, at de kan forvente at finde mere information.

Nedenfor er nogle tips til webstedets navigationsmuligheder, du kan bruge til at forbedre din konverteringsrate. Vores brugervenlighedstips vil hjælpe med at gøre din hovedmenu—og hele din webshop—mere brugervenlig.

Tip #1: Kortlæg din forside-navigation på forhånd

Før du begynder at vælge menupunkter, er det vigtigt at planlægge hver funktion og stykke indhold på dit websted. Du kan normalt opdele funktioner og indhold i hovedkategorier og underkategorier. Sørg for at give hver kategori klare og præcise navne. Brugere skimmer generelt kun hurtigt over menupunkterne, så det er vigtigt, at de let kan skelne dem fra hinanden og straks forstår, hvad de handler om.

Tip #2: Sæt de mest relevante punkter først

De menupunkter, der er mest interessante for dine brugere, bør altid vises i starten af din hovedmenu. Hvis du er en SaaS-udbyder, for eksempel, er det en god idé at starte din menu med punkter, der overbeviser besøgende om, at din løsning er den rigtige for dem. Prøv at bruge menupunkter som disse:

  • Hvorfor os?

  • Om os

  • Priser

Hvis du driver en webshop for et modebrand, bør din menu fokusere på dine produkter. Links til andet indhold, som produktvejledning eller blogindlæg, bør vises mod slutningen af menuen. Generelt afhænger de bedste måder at optimere konvertering for din online forretning på, hvilken branche du er i.

Tip #3: Brug en visuel struktur

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

En almindelig menu kan kun vise tekst i et enkelt format. Mega drop-down-menuer, derimod, giver dig mulighed for at fremhæve specifikke menupunkter. For eksempel kan du bruge forskellige:

  • Tekststørrelser

  • Tekstfarver

  • Skrifttyper

  • Ikoner

Dette giver dig mulighed for at tilføje mere struktur til indholdet af din drop-down-menu. Ikke alle punkter behøver at være linket til en faktisk side; nogle ord kan blot tjene som ikke-klikbare overskrifter for de forskellige klikbare underkategorier.

Tip #4: Undgå at inkludere ekstra funktioner

Inkluder ikke komplekse interaktioner i dine drop-down-menuer, såsom nyhedsbrevstilmelding eller valg- og søgefelter, da disse ofte kan være afskrækkende for brugerne. Det sidste, du ønsker, er, at din hovedmenu har et rodet design. Derudover vises elementer som disse ofte flere steder på et websted. De har større effekt, hvis du placerer dem på de sider, hvor de passer bedst.

Det kan dog være meget effektivt at inkludere en call-to-action (CTA) knap i navigationslinjen. For eksempel, tilføj en knap, der lader dine kunder lave en reservation eller et køb med et enkelt klik. Husk bare, at CTA'en skal placeres ved siden af hovedmenuen og ikke i selve drop-down-menuen.

Tip #5: Vælg mellem hover eller klik

Mange websteder bruger drop-down-menuer, der åbner, så snart brugeren svæver over menupunktet med musen. Hvis du overvejer at bruge denne mulighed, er der et par punkter at overveje:

  • Alt i et blik: En megamenu bør åbne på én gang i stedet for gradvist at åbne, et underkategoriniveau ad gangen.

  • Perfekt timing: Menuen bør ikke være for følsom. Du vil undgå, at den 'flimrer', når brugeren svæver over den for hurtigt. Samtidig bør den ikke reagere for langsomt. Vi anbefaler en reaktionstid på 0,1 til 0,5 sekunder for optimal brugervenlighed. Det er også en god idé at tillade en kort pause, før menuen skjules, hvis brugeren ved et uheld svæver væk fra menuen. En menu, der er for følsom eller uforudsigelig, vil frustrere dine brugere og få nogle af dem til at give op og forlade dit websted helt.

  • MouseOut-programmering: Når drop-down-menuen er aktiveret, flytter kunderne deres markør fra navigationslinjen ind i menuen. Medmindre dit websted er korrekt programmeret, vil det forkert logge en MouseOut-begivenhed, når musen forlader navigationslinjen, hvilket vil få menuen til at lukke. Derfor er det vigtigt at indstille din menu, så drop-down-menuen kun forsvinder, når musen forlader både navigationslinjen og selve drop-down-menuen.

  • Mobilversion: Hover-funktion er ikke mulig på smartphones eller tabletter. Hvis du vil bruge en hover-aktiveret drop-down-menu på dit websted til stationære computere, husk at bruge forskellige indstillinger på mobilversionen.

Tip #6: Overhold treklik-reglen

På de fleste websteder bør navigationen følge 'treklik-reglen'. Det betyder, at dine brugere skal kunne nå alle oplysninger på dit websted inden for højst tre klik. Selvfølgelig er dette kun en generel retningslinje. Hvis du har et stort, meget detaljeret websted, er antallet af klik ikke så vigtigt, så længe webstedet er velorganiseret. Det, der betyder mest, er, at dine kunder altid føler, det er let at finde vej.

Tip #7: Brug flere menuer

For websteder med mange oplysninger kan det være nyttigt at tilføje mere end én menu. Du kan vælge en drop-down-menu med dine produktkategorier som din hovedmenu, mens du også bruger en separat menu i footeren, der indeholder sekundære kategorier. Dette forhindrer din hovedmenu i at blive for rodet. Tjek tabellen nedenfor for at se, hvordan det ser ud.

Tip #8: Udseende betyder noget

Et attraktivt menudesign bør forblive i samme størrelse, selv når hovedmenuelementerne indeholder forskellige antal underkategorier. Hvis dit websted indeholder en søgefunktion, så sørg for, at drop-down-menuerne ikke dækker den, når de er udvidet.

Du bør også inkludere et lille visuelt tegn for at indikere, om et element i navigationslinjen vil udvide sig til en drop-down-menu, når brugeren klikker eller svæver over det. For eksempel skal du placere en lille pil ved siden af menunavnet: for drop-down-menuer skal pilen pege nedad; for fly-outs skal den pege til højre. Dette hjælper dine købere med instinktivt at vide, at de kan forvente at finde mere information.

Nedenfor er nogle tips til webstedets navigationsmuligheder, du kan bruge til at forbedre din konverteringsrate. Vores brugervenlighedstips vil hjælpe med at gøre din hovedmenu—og hele din webshop—mere brugervenlig.

Tip #1: Kortlæg din forside-navigation på forhånd

Før du begynder at vælge menupunkter, er det vigtigt at planlægge hver funktion og stykke indhold på dit websted. Du kan normalt opdele funktioner og indhold i hovedkategorier og underkategorier. Sørg for at give hver kategori klare og præcise navne. Brugere skimmer generelt kun hurtigt over menupunkterne, så det er vigtigt, at de let kan skelne dem fra hinanden og straks forstår, hvad de handler om.

Tip #2: Sæt de mest relevante punkter først

De menupunkter, der er mest interessante for dine brugere, bør altid vises i starten af din hovedmenu. Hvis du er en SaaS-udbyder, for eksempel, er det en god idé at starte din menu med punkter, der overbeviser besøgende om, at din løsning er den rigtige for dem. Prøv at bruge menupunkter som disse:

  • Hvorfor os?

  • Om os

  • Priser

Hvis du driver en webshop for et modebrand, bør din menu fokusere på dine produkter. Links til andet indhold, som produktvejledning eller blogindlæg, bør vises mod slutningen af menuen. Generelt afhænger de bedste måder at optimere konvertering for din online forretning på, hvilken branche du er i.

Tip #3: Brug en visuel struktur

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

En almindelig menu kan kun vise tekst i et enkelt format. Mega drop-down-menuer, derimod, giver dig mulighed for at fremhæve specifikke menupunkter. For eksempel kan du bruge forskellige:

  • Tekststørrelser

  • Tekstfarver

  • Skrifttyper

  • Ikoner

Dette giver dig mulighed for at tilføje mere struktur til indholdet af din drop-down-menu. Ikke alle punkter behøver at være linket til en faktisk side; nogle ord kan blot tjene som ikke-klikbare overskrifter for de forskellige klikbare underkategorier.

Tip #4: Undgå at inkludere ekstra funktioner

Inkluder ikke komplekse interaktioner i dine drop-down-menuer, såsom nyhedsbrevstilmelding eller valg- og søgefelter, da disse ofte kan være afskrækkende for brugerne. Det sidste, du ønsker, er, at din hovedmenu har et rodet design. Derudover vises elementer som disse ofte flere steder på et websted. De har større effekt, hvis du placerer dem på de sider, hvor de passer bedst.

Det kan dog være meget effektivt at inkludere en call-to-action (CTA) knap i navigationslinjen. For eksempel, tilføj en knap, der lader dine kunder lave en reservation eller et køb med et enkelt klik. Husk bare, at CTA'en skal placeres ved siden af hovedmenuen og ikke i selve drop-down-menuen.

Tip #5: Vælg mellem hover eller klik

Mange websteder bruger drop-down-menuer, der åbner, så snart brugeren svæver over menupunktet med musen. Hvis du overvejer at bruge denne mulighed, er der et par punkter at overveje:

  • Alt i et blik: En megamenu bør åbne på én gang i stedet for gradvist at åbne, et underkategoriniveau ad gangen.

  • Perfekt timing: Menuen bør ikke være for følsom. Du vil undgå, at den 'flimrer', når brugeren svæver over den for hurtigt. Samtidig bør den ikke reagere for langsomt. Vi anbefaler en reaktionstid på 0,1 til 0,5 sekunder for optimal brugervenlighed. Det er også en god idé at tillade en kort pause, før menuen skjules, hvis brugeren ved et uheld svæver væk fra menuen. En menu, der er for følsom eller uforudsigelig, vil frustrere dine brugere og få nogle af dem til at give op og forlade dit websted helt.

  • MouseOut-programmering: Når drop-down-menuen er aktiveret, flytter kunderne deres markør fra navigationslinjen ind i menuen. Medmindre dit websted er korrekt programmeret, vil det forkert logge en MouseOut-begivenhed, når musen forlader navigationslinjen, hvilket vil få menuen til at lukke. Derfor er det vigtigt at indstille din menu, så drop-down-menuen kun forsvinder, når musen forlader både navigationslinjen og selve drop-down-menuen.

  • Mobilversion: Hover-funktion er ikke mulig på smartphones eller tabletter. Hvis du vil bruge en hover-aktiveret drop-down-menu på dit websted til stationære computere, husk at bruge forskellige indstillinger på mobilversionen.

Tip #6: Overhold treklik-reglen

På de fleste websteder bør navigationen følge 'treklik-reglen'. Det betyder, at dine brugere skal kunne nå alle oplysninger på dit websted inden for højst tre klik. Selvfølgelig er dette kun en generel retningslinje. Hvis du har et stort, meget detaljeret websted, er antallet af klik ikke så vigtigt, så længe webstedet er velorganiseret. Det, der betyder mest, er, at dine kunder altid føler, det er let at finde vej.

Tip #7: Brug flere menuer

For websteder med mange oplysninger kan det være nyttigt at tilføje mere end én menu. Du kan vælge en drop-down-menu med dine produktkategorier som din hovedmenu, mens du også bruger en separat menu i footeren, der indeholder sekundære kategorier. Dette forhindrer din hovedmenu i at blive for rodet. Tjek tabellen nedenfor for at se, hvordan det ser ud.

Tip #8: Udseende betyder noget

Et attraktivt menudesign bør forblive i samme størrelse, selv når hovedmenuelementerne indeholder forskellige antal underkategorier. Hvis dit websted indeholder en søgefunktion, så sørg for, at drop-down-menuerne ikke dækker den, når de er udvidet.

Du bør også inkludere et lille visuelt tegn for at indikere, om et element i navigationslinjen vil udvide sig til en drop-down-menu, når brugeren klikker eller svæver over det. For eksempel skal du placere en lille pil ved siden af menunavnet: for drop-down-menuer skal pilen pege nedad; for fly-outs skal den pege til højre. Dette hjælper dine købere med instinktivt at vide, at de kan forvente at finde mere information.

Mobilhandel: Gør din webshop nem at navigere på en smartphone

Kunder bruger i stigende grad deres smartphones til at bestille varer online. Det betyder, det er vigtigt at have mobile shoppere i tankerne, når du vælger menumuligheder til din webshop. Det betragtes ikke længere som en god idé at skjule visse menupunkter på din mobilversion. For forventer mobile brugere ikke at have adgang til de samme informationer som desktopbrugere? Lad os se på et par brugervenlige muligheder for at gøre det lettere at navigere din hjemmeside på en mobil enhed.

Den 'gør-ingenting' tilgang

Den nemmeste måde at designe din mobile navigation på er at gøre den stort set identisk med din desktopside. Du skal blot foretage et par mindre justeringer for at gøre det lettere for brugere at trykke på menupunkterne med deres touchscreens. For eksempel:

  • Øg afstanden mellem de enkelte navigationspunkter. 

  • Vælg en passende tekststørrelse. 

Men denne tilgang fungerer egentlig kun for websites, der har korte menuer og få punkter at navigere i. For større websites er et mobilvenligt navigationsdesign med flere lag en mere brugervenlig mulighed.

Dropdown-menuer

Dropdown-menuer giver dig mulighed for at tilbyde alle de samme muligheder som din desktop hjemmeside i et layout, der er mere velegnet til mobilt shopping. Når brugeren trykker på et menupunkt, udvides deres navigationsmuligheder over indholdet. Derfor kaldes denne type menu til mobile websites også en overlay-menu.

Slide-down-menuer

Til mobile sites er slide-down-menuer en mere praktisk menutype end dropdowns. Når en slide-down-menu åbnes, dækker den ikke sidens indhold, men flytter det i stedet nedad. Dette giver kunden mulighed for stadig at rulle ned og se indholdet, hvis de ønsker det, selv når menuen er åben. Denne type menu er lidt sværere at programmere, men den er meget populær blandt brugere.

Off-canvas navigation

Med denne mulighed er menuen ikke integreret i sidens layout, så den optager ingen plads på skærmen. Brugeren skal blot trykke på menuknappen for at åbne menuen, som dækker resten af siden. Derefter er websitets navigationsstruktur det eneste, der er på skærmen. Dette er en særligt god mulighed for sites med mange underkategorier at navigere i.

Kunder bruger i stigende grad deres smartphones til at bestille varer online. Det betyder, det er vigtigt at have mobile shoppere i tankerne, når du vælger menumuligheder til din webshop. Det betragtes ikke længere som en god idé at skjule visse menupunkter på din mobilversion. For forventer mobile brugere ikke at have adgang til de samme informationer som desktopbrugere? Lad os se på et par brugervenlige muligheder for at gøre det lettere at navigere din hjemmeside på en mobil enhed.

Den 'gør-ingenting' tilgang

Den nemmeste måde at designe din mobile navigation på er at gøre den stort set identisk med din desktopside. Du skal blot foretage et par mindre justeringer for at gøre det lettere for brugere at trykke på menupunkterne med deres touchscreens. For eksempel:

  • Øg afstanden mellem de enkelte navigationspunkter. 

  • Vælg en passende tekststørrelse. 

Men denne tilgang fungerer egentlig kun for websites, der har korte menuer og få punkter at navigere i. For større websites er et mobilvenligt navigationsdesign med flere lag en mere brugervenlig mulighed.

Dropdown-menuer

Dropdown-menuer giver dig mulighed for at tilbyde alle de samme muligheder som din desktop hjemmeside i et layout, der er mere velegnet til mobilt shopping. Når brugeren trykker på et menupunkt, udvides deres navigationsmuligheder over indholdet. Derfor kaldes denne type menu til mobile websites også en overlay-menu.

Slide-down-menuer

Til mobile sites er slide-down-menuer en mere praktisk menutype end dropdowns. Når en slide-down-menu åbnes, dækker den ikke sidens indhold, men flytter det i stedet nedad. Dette giver kunden mulighed for stadig at rulle ned og se indholdet, hvis de ønsker det, selv når menuen er åben. Denne type menu er lidt sværere at programmere, men den er meget populær blandt brugere.

Off-canvas navigation

Med denne mulighed er menuen ikke integreret i sidens layout, så den optager ingen plads på skærmen. Brugeren skal blot trykke på menuknappen for at åbne menuen, som dækker resten af siden. Derefter er websitets navigationsstruktur det eneste, der er på skærmen. Dette er en særligt god mulighed for sites med mange underkategorier at navigere i.

Kunder bruger i stigende grad deres smartphones til at bestille varer online. Det betyder, det er vigtigt at have mobile shoppere i tankerne, når du vælger menumuligheder til din webshop. Det betragtes ikke længere som en god idé at skjule visse menupunkter på din mobilversion. For forventer mobile brugere ikke at have adgang til de samme informationer som desktopbrugere? Lad os se på et par brugervenlige muligheder for at gøre det lettere at navigere din hjemmeside på en mobil enhed.

Den 'gør-ingenting' tilgang

Den nemmeste måde at designe din mobile navigation på er at gøre den stort set identisk med din desktopside. Du skal blot foretage et par mindre justeringer for at gøre det lettere for brugere at trykke på menupunkterne med deres touchscreens. For eksempel:

  • Øg afstanden mellem de enkelte navigationspunkter. 

  • Vælg en passende tekststørrelse. 

Men denne tilgang fungerer egentlig kun for websites, der har korte menuer og få punkter at navigere i. For større websites er et mobilvenligt navigationsdesign med flere lag en mere brugervenlig mulighed.

Dropdown-menuer

Dropdown-menuer giver dig mulighed for at tilbyde alle de samme muligheder som din desktop hjemmeside i et layout, der er mere velegnet til mobilt shopping. Når brugeren trykker på et menupunkt, udvides deres navigationsmuligheder over indholdet. Derfor kaldes denne type menu til mobile websites også en overlay-menu.

Slide-down-menuer

Til mobile sites er slide-down-menuer en mere praktisk menutype end dropdowns. Når en slide-down-menu åbnes, dækker den ikke sidens indhold, men flytter det i stedet nedad. Dette giver kunden mulighed for stadig at rulle ned og se indholdet, hvis de ønsker det, selv når menuen er åben. Denne type menu er lidt sværere at programmere, men den er meget populær blandt brugere.

Off-canvas navigation

Med denne mulighed er menuen ikke integreret i sidens layout, så den optager ingen plads på skærmen. Brugeren skal blot trykke på menuknappen for at åbne menuen, som dækker resten af siden. Derefter er websitets navigationsstruktur det eneste, der er på skærmen. Dette er en særligt god mulighed for sites med mange underkategorier at navigere i.

Kunder bruger i stigende grad deres smartphones til at bestille varer online. Det betyder, det er vigtigt at have mobile shoppere i tankerne, når du vælger menumuligheder til din webshop. Det betragtes ikke længere som en god idé at skjule visse menupunkter på din mobilversion. For forventer mobile brugere ikke at have adgang til de samme informationer som desktopbrugere? Lad os se på et par brugervenlige muligheder for at gøre det lettere at navigere din hjemmeside på en mobil enhed.

Den 'gør-ingenting' tilgang

Den nemmeste måde at designe din mobile navigation på er at gøre den stort set identisk med din desktopside. Du skal blot foretage et par mindre justeringer for at gøre det lettere for brugere at trykke på menupunkterne med deres touchscreens. For eksempel:

  • Øg afstanden mellem de enkelte navigationspunkter. 

  • Vælg en passende tekststørrelse. 

Men denne tilgang fungerer egentlig kun for websites, der har korte menuer og få punkter at navigere i. For større websites er et mobilvenligt navigationsdesign med flere lag en mere brugervenlig mulighed.

Dropdown-menuer

Dropdown-menuer giver dig mulighed for at tilbyde alle de samme muligheder som din desktop hjemmeside i et layout, der er mere velegnet til mobilt shopping. Når brugeren trykker på et menupunkt, udvides deres navigationsmuligheder over indholdet. Derfor kaldes denne type menu til mobile websites også en overlay-menu.

Slide-down-menuer

Til mobile sites er slide-down-menuer en mere praktisk menutype end dropdowns. Når en slide-down-menu åbnes, dækker den ikke sidens indhold, men flytter det i stedet nedad. Dette giver kunden mulighed for stadig at rulle ned og se indholdet, hvis de ønsker det, selv når menuen er åben. Denne type menu er lidt sværere at programmere, men den er meget populær blandt brugere.

Off-canvas navigation

Med denne mulighed er menuen ikke integreret i sidens layout, så den optager ingen plads på skærmen. Brugeren skal blot trykke på menuknappen for at åbne menuen, som dækker resten af siden. Derefter er websitets navigationsstruktur det eneste, der er på skærmen. Dette er en særligt god mulighed for sites med mange underkategorier at navigere i.

Konklusion: Hvor nemt er det at navigere i din webshop?

Der er mange muligheder for at skabe en brugervenlig menu til din webshop. Afhængigt af hvilket shopsystem du bruger, kan du vælge blandt mange navigationsdesigns. Uanset dit valg er det vigtigt at starte med at strukturere sidens indhold klart fra starten. Hvis du har et stort produktsortiment, er det bedste valg at bruge drop-down menuer til din desktop-hjemmeside og drop-down menuer på din mobilversion. Brug tjeklisten nedenfor for at sikre, at du ikke glemmer nogen af vores tips, når du designer navigationsmenuen til din hjemmeside.

Tjekliste for at skabe brugervenlige drop-down menuer

  1. Kategorinavne er korte og nemme at forstå.

  2. Hovedkategorier er arrangeret efter, hvor relevante de er for brugeren.

  3. Der er en visuel indikation (som en lille pil) ved siden af menunavnet for at indikere, at menuen falder ned.

  4. Drop-down menuen åbner inden for 0,1 til 0,5 sekunder, når brugeren hover over den i navigationsbaren.

  5. Drop-down menuen åbner fuldt ud fra starten. Kunderne behøver ikke at klikke på en kategori for at se dens underkategorier.

  6. Visuelle indikationer, såsom ikoner og forskellige tekstfarver, bruges til at gøre den udvidede drop-down menu lettere at navigere.

  7. Menuen lukker ikke, hvis brugeren flytter deres cursor væk fra navigationsbaren og ind i den udvidede drop-down menu.

  8. Drop-down menuerne er alle i samme størrelse, uanset hvor mange underkategorier de indeholder.

  9. Der er ingen interaktive funktioner (som nyhedsbrevstilmelding) inde i drop-down menuerne.

  10. Den udvidede drop-down menu dækker ikke søgefeltet eller andre vigtige indhold.

  11. Sekundære funktioner er listet i separate menuer (for eksempel i footeren).

Flere opdateringer

Hold dig opdateret

Gå aldrig glip af en opdatering. Modtag produktopdateringer, nyheder og kundehistorier direkte i din indbakke.

Hold dig opdateret

Gå aldrig glip af en opdatering. Modtag produktopdateringer, nyheder og kundehistorier direkte i din indbakke.

Forbind hver betaling. Opgrader alle dele af din forretning.

Gå aldrig glip af en opdatering. Modtag produktopdateringer, nyheder og kundehistorier direkte i din indbakke.

Hold dig opdateret

Gå aldrig glip af en opdatering. Modtag produktopdateringer, nyheder og kundehistorier direkte i din indbakke.

Form fields
Form fields
Form fields

Indholdsfortegnelse

Indholdsfortegnelse

Indholdsfortegnelse

Indholdsfortegnelse

MollieVækstDropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?
MollieVækstDropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?
MollieVækstDropdown-menuer: Hvilke typer navigation forbedrer din sides konverteringsrate?