Responsiv webdesign – Få hemsidan att fungera i alla enheter

---

Förra året såldes ca 2,5 miljoner smartphones i Sverige vilket lett till att mer än 4 miljoner mobilanvändare idag använder en smartphone. Utöver det tillkommer surfplattor av olika slag och datorer i alla dess former. Det blir därför allt viktigare att sidan ska fungera i alla olika skärmstorlekar och det är där responsiv webdesign kommer in i bilden.

Responsiv design

Först och främst är det viktigt att förstå vad responsiv webdesign faktiskt är. För att vara exakt så är det en teknik som möjliggör för en hemsida att rymmas i alla enheter, oavsett skärmstorlek eller landskap-/porträttläge. Enheten kan vara allt från en smartphone , surfplatta, TV eller en fullstor datorskärm. Allt man behöver göra är att implementera responsiv design och därmed kan hemsidan rymmas i alla enheter.

Alternativ till responsiv design

Ända sedan mobilen blev ett alternativ till datorn för webbsurfande så har responsiv design ökat i popularitet. Vissa sidor är dock för komplicerade för att kunna implementera reponsiv design och till dessa finns alternativ.

Ett alternativ kan vara att ha en helt separat mobilversion av hemsidan. Om en användare besöker sidan från en mobiltelefon så skickas den vidare till en mobilversion av hemsidan. Ett annat alternativ är att skapa en mobilapp. Nackdelen med denna lösning är att den blir låst till de enheter du väljer att utveckla till och eftersom sidan inte tillhör det öppna internet så kan inte heller sidan sökoptimeras.

Fördelar med responsiv design

Användarvänlig
Sidan kommer anpassas efter enheten vilket gör den användarvänlig. Även om en ny enhet dyker upp på marknaden så kommer den med största sannolikhet att fungera på sidan.

Kombinerad delning
Om någon delar länken till sidan i sociala medier så kommer den fungera i alla enheter. Detta är oerhört viktigt idag när mycket av den sociala medietrafiken sker genom mobilen.

Sökmotoroptimerat
Sökmotorerna blir allt duktigare på att identifiera sidor som fungerar bra för enheten användaren söker från. Responsiv design kräver dessutom en någorlunda väluppmärkt kod vilket sökmotorerna uppskattar.

Nackdelar med responsiv design

Tar tid att ladda
Även om det inte är en så stor sak så påverkar det laddtiden. Eftersom sidan innehåller anpassningar för flera typer av enheter så kommer den till viss del ladda ner filer som inte behövs för att visa sidan.

Mallar
Eftersom responsiv design bygger på mallar kan det ibland bli problem att veta hur det ser ut när en enhet ligger precis mellan två mallar. Det kan också vara tidsödande för utvecklaren att skapa mallar för alla typer av enheter.

Slutsats

Responsiv design är inte menat för alla hemsidor, däremot är någon typ av mobilanpassning viktig för de allra flesta sidorna. Google har på senaste tiden lagt in flera rekommendationer till utvecklare att använda responsiv design vilket jag tror kommer leda till att fler utvecklar med responsiv design i åtanke.