Responsivt design: Hvorfor det er kritisk og hvordan det fungerer

Én nettside som fungerer overalt

Responsivt design betyr at nettsiden din automatisk tilpasser seg skjermstørrelsen den vises på. Enten du er på en stor PC-skjerm, et nettbrett eller en mobiltelefon, ser siden bra ut og er enkel å bruke.

Tenk på det som vann i en beholder: innholdet former seg etter plassen det har tilgjengelig.

Hvorfor det ikke lenger er valgfritt

Med over 60 prosent mobiltrafikk i Norge er det ikke nok at nettsiden "fungerer" på telefon. Den må føles laget for mobil, ikke bare skalert ned fra desktopversjonen.

Google bruker i tillegg det de kaller mobile-first indexing, noe som betyr at de rangerer nettsider basert på mobilversjonen, ikke desktopversjonen. En nettside som ikke er responsiv, straffes i søkeresultatene.

Hva som kan gå galt uten det

Uten responsivt design vises desktopversjonen i miniatyrstørrelse på mobil. Brukeren må zoome inn for å lese teksten, scrolle horisontalt for å se hele bredden og prøve å treffe lenker som er for små for en finger. Det er en frustrerende opplevelse, og 45 prosent av mobilbrukere returnerer aldri til en side som ga dem det.

Slik fungerer det teknisk

Responsivt design bruker fleksible kolonner i stedet for faste bredder i piksler, og CSS-regler som endrer layouten ved bestemte skjermstørrelser. En knapp som vises ved siden av et bilde på desktop, flyttes automatisk under bildet på mobil. Alt skjer i én og samme kodebase.

Alle nettsider vi lager er responsive fra start. Det er grunnkravet, ikke et tillegg.