Hamburgermeny och responsiv webbdesign

Bygger du webbsidor med hamburgermeny och vet hur saker alltid har varit är det kanske dags att fundera på hur det fungerar egentligen. På om du ska göra hamburgermeny eller synlig text.

Interaktionsdesign för användaren

Jag studerar interaktionsdesign och har börjat läsa flera böcker och artiklar som handlar just om interaktion från individen till datorn. Med hjälp av bra design och anpassning blir tekniken påverkbar utifrån användarperspektiv.

Jag har som gammal webbdesigner byggt menyer i olika format i parti och minut. Jag minns att vi använda vanliga href för att skapa länkar och dessa var menyer oavsett vart dom placerades. Det var trendigt under en period att bara använda formulärkodad select/option en massa år och det verkar vara trender på hur andra gör som gör att man följer efter. Det kanske är ett tecken på att man inte vill halka efter och likna de man tror leder utvecklingen. Sedan ca 15 år tillbaka har menyer varit kodade i ul-listor. Det absolut bästa sättet att skapa en navigation för responsiv design. Det bästa för att tydliggöra webbplatsens meny/navigation men även det absolut bästa sättet att påtala funktionen för sökmotorer vari strukturen för undersidorna finns.

Aanpassa design för olika verktyg

Tankar kring hur en webbplats fungerar i olika verktyg. Se på din iPhone eller iPad och jämför gärna din egna webbplats med de olika design du ser i exempelvis denna länken. Jag kan uteslutande lova att det flera webbolatser där det finns en rullgardinsmeny, det finns absolut flera olika sidor med drop-down eller någon typ av navigering som du aktivt tvingas interagera med för att få fram alternativen.

responsiv med hambugermeny

Den vanligaste idag idag med webbplatser är responsiv design. Även så kallad mobilanpassad webbplats är att man lägger till tre horisontella streck längst uppe i menyraden. När du använder en mobil enhet såsom smartphone eller surfplatta för naigering. Detta bedöms som den minst användbara i designkretsar men är tyvärr den vanligaste menyn för att navigera på en webbplats idag. Jag dömmer inte ut någon men vill gärna ha diskussion krig hur man ska lösa navigationsproblemet. Rättare sagt öppna igenkänlighet eller tillgänglighet för att förstå. De tre strecken är webbplatsen hamburgermeny för att besökaren ska kunna ta sig vidare i sidan.

Jag vill även påtala att det inte idag är vanligast att man landar på första sidan. De flesta besöken till en webbplats bör vara genom att man sökt sig till webbplatsens artikel i en sökning i sökmotorn.

Mobilanpassad webb – Responsive Webbdesign

Följsam webbdesign

Webbdagarna i Göteborg gav insikt och information om hur man ligger till i utvecklingen och det ser ljust ut. Jag har tidigare skrivit om mobilwebb, responsive design och det fanns flera talare som endast berörde dessa digitala tegelstenar för utvecklingen av moderna webbprojekt. Att anpassa information till användarens enhet är bland det viktigaste man kan göra som digital publicist.

Mobilanpassad webb – Responsive Webbdesign

Alla har rätt att ta del av information som publiceras och det är synd att det tar lång tid att införa dessa förändringar i en vanlig webbsida. Dessutom innebär det att fler kan ta del av informationen om man optimerar användarvänligheten och tillgängligheten för mobila enheter. Jag talar om Mobila Smartphones, Ipads eller handdatorer generellt.

Det finns smarta och enkla åtgärder som underlättar användarvänligheten och tillgängligheten. Det gäller egentligen att upplysa och introducera tekniken för webbutvecklare med inriktning att vara så tillgängliga som möjligt.

”Responsive Webbdesign” har växt fram ur perspektivet att öka tillgängligheten och anpassa information för olika plattformar. Vem som helst kan förstå att det får plats mer information på en vanlig datorskärm i jämförelse med en mobil smartphone eller en platta.

För att blicka framåt fortsätter jag i allfall arbeta för ökad tillgänglighet och anpassning av information till olika enheter. ”Responsive Design” är här för att stanna och med fler webbutvecklare som vet vad det handlar om ju snabbare kommer vi utvecklas åt rätt håll.