Responsive design – tilpas dit website forskellige skærmstørrelser

Flere og flere browser på nettet på deres mobiler eller tablets. Derfor er det i stigende grad vigtigt at arbejde med, hvordan websites vises på disse mobile platforme.

Hvad er responsive design?

Responsive design går ud på at tilpasse designet på dit website så det både funktionelt og visuelt passer til alle devices - computer, mobil, tablets eller storformat. Det betyder, at ligegyldigt hvilket device brugeren besøger dit website på, ser han det samme indhold, bare tilpasset den skærmstørrelse, han har.

På den måde giver du brugeren en tilpasset oplevelse af dit website og indhold på mange skærmopløsninger, uden at skulle redigere indhold flere steder. Din opgave er at prioritere dit indhold, så det passer til brugerens situation, og hvad der er vigtigst på de forskellige skærmstørrelser.

Addition har bl.a. leveret responsive løsninger til denmark.dk og EXHAUSTO.

Hvordan ser et projekt typisk ud?

Det behøver ikke at kræve et længere projektforløb at implementere responsive design. Et projekt bliver typisk indledt med en workshop, hvor en konsulent og en designer fra Addition gennemgår det eksisterende site med kunden, og sammen bliver enige om reglerne for det responsive design. 

Der skal laves en prioritering af indholdet på sitet og bestemmes hvordan komponenterne på sitet skal tilpasse sig forskellige skærmstørrelser. Her handler det om at skære ind til benet og beslutte, om der fx er indhold, der ikke skal vises på det mobile layout eller om nogle elementer skal ændres, for at højne brugervenligheden i forhold til hvilken device brugeren tilgår sitet med.

Responsive design laves herefter i CSS, hvor de aftalte regler implementeres, således at designet på sitet automatisk tilpasser sig. Dette betyder rent praktisk at der, i modsætning til fx et mobilsite, ikke er noget ekstra vedligeholdelsesarbejde for webredaktøren i forhold til det responsive design, da alt er lavet via kode.

Vil du vide mere?

Mulighederne med responsive design er mange. Lad os inspirere dig til måder du kan arbejde med at gøre dit website responsive. Kontakt os for en uforpligtende snak om, hvordan vi kan hjælpe dig.