En utmaning med att skapa sajter för små skärmar är att ta fram en meny. Här presenterar vi två olika lösningar. Dels den lösning vi själva har valt att använda på Loopia.se, men också den allt mer populära variant som används av Facebook, Youtube och många andra.

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.

1. The Loopia way

Vi har valt en horisontell meny där man sveper över menyn med fingret för att skrolla 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”. Orsaken till att vi valde denna typ av meny är att vi gillar att du som besökare får en försmak av vad menyn innehåller utan att den för den delen tar upp speciellt mycket skärmyta.

Vi har utgått från projektetet iScroll för att bygga menyn.

2. Gör som Facebook och Youtube

Ett mycket populärt sätt för att göra menyer både på mobila sajter och i appar är att låta menyn komma fram från vänster sida på samma sätt som bland annat Facebook. Detta sparar dig utrymme på höjden jämfört med lösningen ovan, men besökaren är tvungen att öppna menyn för att se vad den innehåller.

Vill du implementera “Facebook-lösningen” finns det många färdiga lösningar att använda, bland annat 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.