Vad är responsiv design?

När man besöker en hemsida är det en fördel om utformningen fungerar oavsett vilken plattform som väljs. Responsiv design ser till att sajten är användarvänlig för mobiltelefoner, surfplattor eller datorer oberoende av skärmstorlek, upplösning mm. Det är således inte besökaren som måste anpassa sig till sidan utan tvärt om. Detta byggs helt enkelt in i skapande av webbsidor från början när den konstrueras. En annan stor fördel med responsiv design är att den kommer att fungera även i framtiden med förändrade webbläsare och operativsystem.

Då och nu

Förr skapades en design för datorer enbart men när användandet av smarta telefoner ökade måste gamla sajter anpassas. Idag ser man till att designen fungerar redan i starten så att besökaren får en sjyst upplevelse med Android, iPhone eller iPad. Föregångaren till responsiv design var JavaScript, Mobile first, progressive enhancement och unobtrusive. Tekniken går ut på att först designa en sida för den allra enklaste mobil och sedan utöka den upp till laptops, pc och Mac.

Bredden har betydelse

Den nya tekniken med responsiv webbdesign grundar sig på flera sätt att arbeta på med de nyare teknikerna. Man använder fluid grids som är ett fritt flytande nät av rutor som kan ange storleken på kolumn och olika sektioner, de får procentuella värden. Stilregler inom CSS ger enheten värden som bestäms med CSS3 media queries som söker upp plattformens möjligheter och egenskaper. Oftast används bredden på webbläsaren som mätverktyg och ger därmed stilregler inom CSS. Metoden anger intervallet av skärmstorlekar och hur utseendet blir på respektive. Designen kan välja att vissa ikoner inte visas alls eller antalet minskas om skärmbredden är snål.

Så går det till

RESS står för Responsive webbdesign plus server side components som innebär att teknik för klienter kombineras med komponenter serverdesign. Det skapar helt enkelt en mer precis kontroll i detalj, ökad snabbhet i nedladdning med flera funktioner. Istället för att bygga alternativ för den eller den plattformen eller olika operativsystem anpassas sidan men särskilda komponenter som kallas nycklar. Detta genomförs med koder från databaser som listar olika enheter. Varje sidoelement kan så anpassas helt enskilt så att koden och dess ordningsföljd optimeras vilket ger användaren en snabbare uppladdning.

Klart positivt

Rent affärsmässigt innebär responsiv design stora fördelar. Kunden i en webbshop kommer snabbare och bättre fram till det önskade objektet och blir därmed med angelägen om snabbt avslut. För online casinon innebär det att vissa spel fungerar snabbare vilket ökar spelarens intresse och gör casinospelen roligare. Om exempelvis en mäklare lägger ut bilder på ett hus som skall säljas kan en presumtiv köpare enklare och lättare bilda sig uppfattning om objektet och blir mer sugen på en visning. I en tid då många av nätets utbud, shoppar och tjänster mer och mer liknar varandra är det en klar konkurrensfördel att ha byggt sin sida med responsiv design.