Är du medveten om hur din hemsida ser ut i mobilen? – Eller rättare sagt i iPhone, BlackBerry, Android… sedan tillkommer iPad och diverse surfplattor… och ytterligare en rad olika enheter.

Med tanke på den uppsjö som finns av skärmstorlekar och den snabba tekniska utvecklingen kommer det att bli svårt att fortsätta göra skräddarsydda lösningar för specifika format.

Om du överväger att mobilanpassa din hemsida finns det ett bra alternativ som inte låser sig vid en viss skärmstorlek. Med ”Responsive Web Design” eller flytande layout står användarens upplevelse i fokus. Besökarna får en användarvänlig upplevelse av sidan, oberoende av vilken dator eller mobil de använder.

Responsive Web Design skulle kunna liknas vid en trappa där varje trappsteg representerar en skärmstorlek i liggande eller stående format. När användaren går från ett trappsteg till ett annat, exempelvis från en Smartphone till en 27-tumsskärm, växlar hemsidans innehåll automatiskt – det vill säga tekniken möter användaren.

Du kan själv bestämma hur många trappsteg din hemsida ska ha. Vid varje trappsteg eller format anpassas menyer, texter och bilder för att optimera användarvänligheten. Du behåller huvudinnehållet på din hemsida och behöver inte hålla reda på flera versioner, som vid appar eller mobilsajter.

Ett problem som kvarstår att lösas inom Responsive Web Design är hanteringen av bilder. Flexibla bilder i stora format riskerar långsam nedladdning, eller att de tar upp för mycket utrymme vid mindre skärmstorlekar.

Vi hoppas att du inte suckar nu och tänker – ytterligare ett begrepp att hålla reda på i djungeln av appar och mobilsajter. Hur din sajt bör anpassas till olika format är en ständig diskussion som rör sig lika snabbt som tekniken utvecklas. Det finns inget rätt eller fel och vi hjälper dig gärna att reda ut begreppen, fördelarna och nackdelarna med de olika alternativen.

Nyfiken på hur en sida med Responsive Web Design kan se ut?

Här kan du se några sköna exempel: www.mediaqueri.es Gå in på någon av exempelsidorna och ändra storleken på din webbläsare för att se hur Responsive Web Design fungerar i praktiken.