responsivt design

Responsivt design

Responsivt design betyder, at en hjemmesides layout, tekst og billeder automatisk tilpasser sig den skærm, den bliver vist på - uanset om besøgende sidder med mobilen, en tablet eller en stor computerskærm.

Ofte stillede spørgsmål om responsivt design

Hvad er responsivt design helt konkret?
Responsivt design betyder, at en hjemmesides layout, tekst og billeder automatisk tilpasser sig den skærmstørrelse, de bliver vist på - uanset om det er en mobil, en tablet eller en computer. I stedet for at have flere separate versioner af siden, er der ét fleksibelt design, der ændrer sig selv efter, hvor meget plads der er til rådighed. Det gør, at en besøgende altid ser et layout, der passer til netop den enhed, vedkommende bruger, uden at skulle zoome eller side-scrolle for at læse teksten eller trykke på knapperne.
Skal vi selv betale ekstra for at få et responsivt tema?
Nej. Alle vores temaer er bygget mobil først som standard, hvilket betyder, at responsivt design er en indbygget del af hvert eneste tema i vores katalog - ikke et tilvalg, man skal bede om eller betale ekstra for. Uanset hvilket tema I vælger til jeres hjemmeside, får I automatisk et design, der fungerer korrekt på mobil, tablet og computer. Der kræves ingen ekstra arbejde fra jeres side, og der kommer ingen ekstra regning for denne del af løsningen.
Hvordan adskiller responsivt design sig fra jeres side om brugeroplevelse?
Responsivt design handler specifikt om den tekniske tilpasning af layout til forskellige skærmstørrelser - det vil sige, hvordan tekst, billeder og menuer omorganiserer sig selv. Brugeroplevelse er et bredere begreb, som dækker hele oplevelsen af at besøge og bruge siden, herunder hvor let det er at navigere, finde information og forstå, hvad man skal gøre næste gang.
Har responsivt design betydning for SEO?
Ja, mobilvenlighed indgår som en af de faktorer, søgemaskiner ser på, når de vurderer kvaliteten af en hjemmeside, fordi de fleste besøgende i dag kommer fra mobile enheder. En side, der ikke fungerer godt på mobilen, kan derfor stå svagere i søgemaskinernes vurdering sammenlignet med en side, der er fuldt responsiv. Det er dog vigtigt at understrege, at responsivt design alene ikke garanterer en bestemt placering i søgeresultaterne - det er én ud af flere faktorer, der spiller ind på, hvordan en side samlet set bliver vurderet.

Læs mere

Uddyb emnet i vores ordbog og produktkatalog.

Webdesign

Hvad er responsivt design?

Når en hjemmeside er responsiv, ændrer den sig selv i forhold til skærmstørrelsen. Menuen kan for eksempel folde sig sammen til en hamburgermenu på mobilen, billeder skalerer ned, og tekstspalter, der ellers ligger side om side på en computerskærm, stables i stedet oven på hinanden på en telefon. Det handler ikke om, at virksomheden har to forskellige hjemmesider - der er tale om ét og samme design, som reagerer fleksibelt på skærmens bredde, helt automatisk.

Teknisk set bygger responsivt design på, at hjemmesiden bruger fleksible mål i stedet for faste pixelstørrelser, og at layoutet reagerer på bestemte breakpoints, hvor for eksempel en menu klapper sammen, eller hvor to spalter bliver til én. Knapper og links skal være store nok til at kunne trykkes på med en finger, og skrifttypen skal være læselig uden at man skal zoome ind.

Hos os er alle vores temaer bygget mobil først som standard, hvilket betyder, at I ikke selv skal bede om et mobilvenligt tema eller betale ekstra for det. Det er en fast del af alle temaer i vores katalog, og når I selv redigerer indhold, ser I automatisk resultatet afspejlet korrekt på alle skærmstørrelser.

Responsivt design er en forudsætning for en god brugeroplevelse, men er ikke det samme som den. En side kan sagtens være teknisk responsiv og alligevel have en rodet brugeroplevelse, hvis navigationen er forvirrende, eller hvis vigtige knapper er svære at finde. Mobilvenlighed er desuden en af de faktorer, søgemaskiner lægger vægt på, når de vurderer kvaliteten af en side.

01 / 01

Et øjeblik…

Henter spørgsmål…

1 / 4

Vælg ydelse

Henter ydelser…