Gullev Designs Gullev Designs

Gullev Designs

Lad os tale sammen

Tilbage til Viden

Hvad er responsivt design? En hjemmeside, der fungerer på mobilen

Din hjemmeside skal være til at læse og bruge på både mobil og computer. Her får du en enkel forklaring på responsivt design og en tjekliste til din egen side.

15. juli 2026 · Nicki Gullev

Computer og mobiltelefon på et skrivebord

Kort fortalt

En kunde åbner din hjemmeside på telefonen. Teksten er lille, menuen er svær at ramme, og kontaktknappen ligger ude til siden. På din egen computer så det hele ellers fint ud. Det er netop den forskel, responsivt design skal tage hånd om. Responsivt design betyder, at hjemmesidens opbygning tilpasser sig den plads, der er på skærmen. Du har én hjemmeside, men indholdet kan præsenteres forskelligt på mobil, tablet og computer. Målet er, at kunden kan forstå din virksomhed og komme videre uden besvær.

Samme indhold, forskellig opbygning

På en stor skærm kan tre ydelser stå ved siden af hinanden. På en telefon giver det ofte bedre mening at vise dem under hinanden. Et stort billede kan få en anden beskæring, og menuen kan samles bag en knap. Det er altså mere end at gøre hele siden mindre. Ifølge web.dev’s introduktion til responsivt design skal layoutet følge skærmens muligheder og brugerens behov. Bredden ændrer sig, men siden skal stadig være læselig og sammenhængende. Jeg ser derfor på, hvad der skal komme først. Kan kunden hurtigt finde den relevante ydelse? Er det tydeligt, hvor man ringer eller skriver? Et flot layout hjælper kun, hvis det også passer til den måde, kunden bruger siden på.

Mobilen har betydning for Google

Google bruger mobilversionen af hjemmesidens indhold til indeksering og rangering. Derfor bør vigtige forklaringer, overskrifter og links også være tilgængelige på den lille skærm. Det fremgår af Googles vejledning om mobilversioner. Det er ikke nødvendigt, at computer og mobil ser ens ud. Men hvis du fjerner en vigtig beskrivelse på mobilen for at spare plads, kan du samtidig fjerne information, som både besøgende og Google har brug for. Jeg vil hellere finde en mere overskuelig præsentation.

Det skal også fungere med fingrene

En knap kan være let at ramme med en mus og vanskelig på en telefon. Der skal være plads omkring links, og en menu skal kunne åbnes uden, at kunden rammer noget andet. Vigtig information bør heller ikke kræve, at man holder musen hen over et element. Formularer fortjener deres egen kontrol. Kan felterne læses, når skærmtastaturet er åbent? Er fejlbeskederne forståelige? Et telefonfelt kan bruge telefonens talorienterede tastatur. web.dev beskriver disse hensyn til betjening, som let bliver overset, når man kun sidder ved computeren.

Tjek din egen hjemmeside på fem minutter

Tag telefonen og gå en almindelig kundes vej gennem siden. Begynd på forsiden og prøv derefter dette:
  • Læs en beskrivelse uden at zoome ind.
  • Åbn menuen og find en bestemt ydelse.
  • Kontrollér, at billeder ikke skjuler vigtig tekst.
  • Tryk på telefonnummeret eller mailadressen.
  • Udfyld kontaktformularen og læs kvitteringen.
  • Vend telefonen og se, om siden stadig hænger sammen.
Prøv også en underside. En pæn forside fortæller ikke, om en lang prisoversigt, et menukort eller en kontaktformular fungerer lige så godt. Bed gerne en anden om at finde noget konkret, mens du ser på. Du opdager hurtigt de steder, hvor personen bliver i tvivl.

Start med kundens vigtigste handling

Du behøver ikke kende de tekniske løsninger for at forklare problemet. Fortæl mig eksempelvis, at kunderne ikke finder priserne, eller at formularen er besværlig på mobilen. Så har vi noget konkret at undersøge. Jeg hjælper med hjemmesider til virksomheder, hvor indhold, kontakt og den daglige brug tænkes sammen. Har du allerede en side, kan vi begynde med at gennemgå den. Send mig et link til din hjemmeside, så taler vi om, hvad der er værd at rette først. Foto: Ozkan Guner / Unsplash.
Alle indlæg

Læs også

BO-HUS’ nye hjemmeside med byggerier og referencekort

23. oktober 2026

BO-HUS: En hjemmeside, der samler projekterne og gør plads til nye

Hos BO-HUS er projekterne en vigtig del af fortællingen. Jeg har bygget en hjemmeside, hvor referencer, kort og kontaktpersoner hænger sammen med administrationen.

Læs mere
Bord4 – opdateret hjemmeside på desktop

14. september 2026

Bord4: Fra menukort til bordbestilling på samme hjemmeside

En restauranthjemmeside skal både vise stemningen og hjælpe gæsten videre. På Bord4 er menuer, arrangementer og bordbestilling samlet omkring det næste besøg.

Læs mere
Computer på en arbejdsplads

7. oktober 2026

Hjemmesidens hastighed: Hvad betyder Core Web Vitals?

En hurtig hjemmeside skal både vise indholdet, reagere på klik og holde layoutet i ro. Her er Core Web Vitals forklaret uden unødige tekniske omveje.

Læs mere