Etikettarkiv: tillgänglighet

Responsiv webbdesign och hamburgermeny

Bygger du webbsidor och vet hur saker alltid har varit är det kanske dags att fundera på hur det fungerar på användarens sida.

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.

Den vanligaste idag sedan ett par år för webbplatser som har en responsiv design, eller 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. 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 eller rättare sagt oignekänligheten eller tillgängligheten för att förstå att dessa tre streck är webbplatsen meny för att besökaren ska kunna a sig vidare.

Jag vill även påtala att det inte idag är vanligast att man landar på första sidan då mesta besöken till en webbplats bör vara genom att man sökt sig till webbplatsens artikel/sida för att man letat efter någonting specifikt.

Mobilanpassad webb – Responsive 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.