Responsive design

Responsive design

Dine kunder er allerede på mobilen. Er du?

Responsive webdesign:Den samme løsning til flere skærmeDine kunder er allerede på mobilen. Er du?

Ifølge Danmarks Statistik handlede 72 % på internettet sidste år. Det svarer til 3.3 mio. danske e-handlende og i år 2014 forventes flere at gå online på mobilen end fra computeren.

Flere danskere går online på mobilen end fra computeren

Kernen i responsive webdesign er, at layoutet skal være fleksibelt, så det dynamisk tilpasser sig browservinduets størrelse.

Et responsivt website giver en bedre oplevelse til brugere på mobile enheder og det er ikke helt uvæsenligt. Antallet af danske hjem med en eller flere smartphones udgør nu 63 %. Kun 47 % har en stationær pc, hvorimod 81 % af alle danske hjem har en bærbar pc eller tablet. 1

Cirka de samme 85 % foretrækker mobil/tablet venlige websites og 61 % kommer sandsynligvis aldrig tilbage til et ikke optimeret site, men kan i stedet forventes at gå direkte til dine konkurrenters websites. 2

Med en responsive hjemmeside eller webshop undgår dine besøgende at skulle zoome ind og ud og klikke på små knapper. Du opnår en bedre konvertering og du skal kun holde styr på én løsning.


Book gratis telefonmøde om responsive webdesign




100 % får en optimeret oplevelse på et responsivt website

Hastighed, tilgængelighed og simpel navigation er nøgleord til mobilen og hvorfor ikke overføre dette til desktopversionen?

I modsætning til et dedikeret mobil website kan et responsivt website optimeres både til telefoner og tablets. Tilmed er der intet, der forhindrer dig i at optimere desktop versionen ud fra mobile first metoden.

Ved mobile first metoden opbygger man indhold og informationsarkitektur ud fra den mobile version og lader den essentielle information komme til sin ret. Alt som hjælper til at konvertere nemt og hurtigt skal være inkluderet, alt andet er overflødigt.


Jo mindre skærm, des mere krævende

Hvad bør optimeres til mobile enheder?

Når mobile brugere går online fra deres smartphones, er det tit opgavecentreret og mange gange omkring information og services i lokalområdet. Dine besøgende er oftest i gang med noget andet og ønsker nem adgang til information evt. med et hurtigt købsflow. Dit site bør derfor være hastighedsoptimeret om muligt uden bannere, reklamer og overflødig information - flash bør helt undgås.

Mobile brugere benytter oftere søgefunktionen pga. den reducerede plads til menuen. Den vigtigste information bør placeres ”above the fold” og det kan være en god idé også at have call-to-action knapper nederst, da folk hurtigt scroller til bunden, hvis de ikke finder den information de søger.

Knapper frem for links er en god idé, da de er nemmere at ramme med tommeltotten. De bør derfor være store og adskilte og sidste men ikke mindst, knapper skal ligne knapper, så dine brugere ikke er i tvivl om, hvordan de skal komme videre.




5 fakta om responsive webdesign

Læs mere om hvad responsive webdesign kan gøre for dig:

01. Hvad er responsive webdesign?

Et responsivt website tilpasser sig dynamisk til brugernes skærmstørrelse. Det sker ved, at hvert element på websitet, det være sig billeder, tekst og andre grafiske virkemidler, bliver designet, så de kan skaleres op og ned.

Dine besøgende undgår derved at skulle zoome ind og ud og klikke på små knapper.

02. Hvordan virker et responsivt website?

Træk i din browsers skærmvindue her på siden for at se, hvordan min hjemmeside skalerer og tilpasser sig de forskellige størrelsesforhold.

Læser du dette på mobilen, ved du allerede, hvordan det virker og du har demonstreret min pointe.

Hvis du er teknisk anlagte, kan du læse mere om responsive design strategier her.
(link kommer snart)

03. Hvilke fordele tilbyder responsive webdesign?

Ud over at det åbenlyst giver en forbedret brugeroplevelse med højere konverteringsrate, er den store fordel ved responsive design, at du kun skal holde styr på én løsning. Du slipper med andre ord for at skulle vedligeholde og opdatere din hjemmeside eller webshop i forskellige systemer.

04. Hvordan passer responsive design sammen med mobile first?

Mobile first handler kort fortalt om at opbygge websitets informationsarkitektur ud fra den mobile version. På de små skærme er pladsen dyrebar og du tvinges til benhårdt, at prioritere hvilke problemer du som virksomhed er sat i verden for at løse.

Med responsive design kan du tilføje elementer til desktopversionen frem for at fjerne elementer på mobilversionen. Metoden er således fuldt ud forenelig med mobile first fremgangsmåden.

Hastighed, tilgængelighed og simpel navigation er nøgleord til mobilen og hvorfor ikke overføre dette til desktopversionen?

05. Favoriserer Google responsive design?

Hvis dine besøgende bliver længere pga. dit optimerede site og måske konverterer til kunder, er det i sig selv en god forretning, men du forbedrer også din ”bounce rate”. Når færre af dine besøgende går tilbage til søgemaskinen har du en lav "bounce rate" og det tolkes som udtryk for kvalitet.

Et responsivt website giver ikke automatisk bedre ranking, men du undgår at blive straffet, da Google har meldt ud, at ikke optimerede websites fremover risikerer at ryge ned i de organiske resultater.

Google anbefaler ligefrem responsive design frem for et separat mobil website, bl.a. fordi du kun skal SEO optimere et website, men også fordi du udnytter hele din link juice, da alle dine links peger mod det samme domæne og ikke til et subdomæne som fx mobil.dr.dk.

Google lever af at tilbyde gode søgeresultater for fortsat at sælge reklamer (også på mobile enheder): Ja, med responsive design bliver du favoriseret af Google.



Læs om de open source systemer jeg udvikler responsive webdesign på


Kilder: 1 Danmarks Statistik, 2 Brand Anywhere and Luth Research