Vi har nyligen påbörjat arbetet med en ny design för oddhill.se, ett projekt som vi ser mycket fram emot! Vi är väldigt måna om att vår nya webb även den här gången ska vara optimalt designad för rådande och framtida förhållanden på internet. Därför kommer här lite tankar kring responsiv design.
Webben utvecklas, och vi med den. Allt fler använder smartphones och läsplattor för att kunna vara tillgängliga dygnet runt och var som helst. När vi anpassar oss för webben utgår vi ifrån att webben ska vara lika lättillgänglig och anpassad för oss. Vi vill snabbt få tag i den information vi söker och vårt tålamod med de internettjänster vi använder blir kortare och kortare.
It’s about access to the Internet, and for more and more people, the Internet is a small screen. - Mark Reeves, Artikel på Smashing Magazine
En dålig mobil upplevelse inte bara minskar lättillgängligheten av information, den skadar också den besökta tjänstens varumärke direkt. I en nyligen lanserad undersökning av Google säger 48% av de tillfrågade att en dåligt mobilanpassad hemsida fick dem att känna sig frustrerade och irriterade, och att det kändes som om att företaget inte brydde sig om sin verksamhet (Källa). 61% säger att om de inte hittade vad de sökte direkt, skulle de istället söka sig vidare till en annan site.
Men att mobilanpassa sin site handlar inte bara om att minimera problem för besökaren, det kan även handla om att förbättra resultat. Snittet för de besökare som surfar med mobilen är idag mer än 10% (11% i mars 2013), därför finns också mycket att tjäna på en anpassning. Sidan skinnyties.com lanserade under hösten 2012 en ny design av sin site, där företaget valt en responsiv design för att öka tillgängligheten för sina kunder. Enligt rapporterna som kom in efter att besökstrafiken stabiliserats ökade den mobila handeln på siten med 42,4%, varav ökningen för iPhone var 377,6%. Även tiden som besökarna valde att stanna på sidan ökade med 44,6% (Källa).
När vi möter företag som är i behov av en ny webbplats är responsiv design sällan inräknad i projektets scope. Antingen är kunden inte medveten om möjligheten eller fördelen med en responsiv design, eller så är kunden inriktad på att bygga en plattformsspecifik applikation (Läs även Björn Albertssons inlägg i frågan). Ofta möts våra förslag om en responsiv design med en oro för att överskrida budget och att tiden det skulle ta att utvecka och implementera en sådan design inte går i linje med projektets utarbetade tidsplan. Förslaget nedprioriteras och skjuts på framtiden.
“Webbplatsen ska fungera även i mobiltelefonen”
När ett projekt ska gå från specifikation till implementation är det här en av de vanligaste punkterna som ska definieras. Att webbplatsen kommer att fungera på användarens mobiltelefon är för oss på Odd Hill en självklarhet, men det är inte lika självklart hur webbplatsen ska fungera. Med ovan nämnda statistik och trender i åtanke bör vi självklart designa sidan med en responsiv layout, men är det lika självklart för kunden? Alltför ofta har inte en tanke ägnats åt hur sidan ska upplevas för de som besöker webbplatsen via mobilen. En andel som vid sidans livslängds slut (+-3år) kommer att vara betydligt högre.
Det är vårt arbete att med kunden i fokus utvecka en webblösning som passar deras verksamhet och slutanvändare bäst, oavsett plattform. Det är även vårt arbete att se till att vi erbjuder en optimal lösning inom scopet för projektet och att vi kan förklara för kunden vilken relevans det här faktiskt har.
Faktaruta: Responsiv design
Innebär att sidans layout anpassar sig efter skärmstorleken på den enhet som besökaren använder. Besök http://www.urplay.se eller http://www.svtplay.se och dra fönstret till en mindre storlek för att se exempel på hur detta fungerar i praktiken.
