Fixa en mobilanpassad meny på din sajt

En utmaning med att skapa sajter för mindre skärmar är att ta fram en meny. Här presenterar vi två olika lösningar, en horisontell och en vertikal. Vilken lösning som passar din sajt bäst beror självklart på sajtens innehåll och hur dina besökare enklast navigerar i den typen av innehåll.

Horisontell mobilanpassad meny.1. Ge dina besökare en försmak av innehållet med en horisontell meny

Med en horisontell meny sveper du över menyn med fingret för att scrolla till höger och vänster. Det går även bra att trycka på pilknapparna till höger och vänster om menyn för att skrolla om din enhet inte har stöd för “swipe”. En fördel med den här typen av meny är att besökare till din sajt får en försmak av vad menyn innehåller utan att den för den delen tar upp speciellt mycket skärmyta.

Inspireras av projektetet iScroll för att bygga en horisontell meny till din sajt.

En så kallad hamburgermeny.2. Spara på utrymmet med en hamburgermeny

Ett annat populärt sätt för att göra menyer på mobila sajter och i appar är att använda en så kallad “hamburgermeny”, dvs en vertikal meny som visas när besökaren klickar på en avsedd knapp. Den främsta fördelen med hamburgermenyn är att den sparar utrymme på höjden jämfört med lösningen ovan, dock är besökaren tvungen att öppna menyn för att se vad den innehåller.

Vill du implementera ”hamburgermenyn” finns det många färdiga lösningar att använda, bl a jPanelMenu.

Det finns självklart många andra sätt att lösa menyfrågan för mobila enheter. Vilken är din favorit? Tipsa gärna och berätta om hur du resonerar i kommentarerna nedan.

Skapa en egen mobilanpassad hemsida

Med hjälp av något av alla de hemsidesverktyg vi erbjuder kan du med enkla medel skapa en egen mobilanpassad hemsida från grunden. Läs mer om de hemsidesverktyg vi erbjuder, och missa inte övriga inlägg om mobilanpassad webbdesign på vår blogg.

Dela: Facebooktwittergoogle_pluslinkedinmail

2 reaktion på “Fixa en mobilanpassad meny på din sajt

  1. Pingback: Statistik: Mobilbesöken ökar än - har du mobilanpassat din e-handel? - Loopia Blogg

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *