Derfor bør du tenke responsiv design

God responsiv design handler ikke om trender, men om å sette brukeren først. I denne artikkelen vil vi forsøke og forklare hvorfor du skal tenke responsivt – det vil si mobil nettside først.

De fleste besøk på nettsider skjer fra mobil. Statistikk viser at over 60 % av all nettrafikk kommer fra mobiltelefoner (kilde: BrowserStack). Likevel er det mange som fortsatt starter med desktopversjonen når de lager ny nettside.

Når du starter med mobil i tankene, får du et ryddig, fokusert innhold og bedre struktur. Du tvinges til å prioritere det viktigste. Og når det fungerer på liten skjerm, blir det enklere å skalere opp til større skjermer. I WordPress er dette enkelt å kontrollere – og resultatet blir raskere, mer fleksibelt og lettere å vedlikeholde.

Brukeren forventer mobilvennlig innhold

Folk leser e-post, bruker kart og besøker nettsider mens de er på farten. Selv erfarer jeg dette nesten daglig. Når du skal kjøpe noe, sjekker du anmeldelser og erfaringer. Skal du ut og reise? Hva forteller andre som har vært samme sted? Hvordan er hotellet du skal bo på? Hvilke ting bør du gjøre når du er der? Og ikke minst – hvilke ting bør du holde deg unna.

Du forventer at en nettside skal fungere på mobilen. Responsiv design sikrer at menyen fungerer, at knapper er trykkbare og at tekst er lesbar – uansett skjerm. Det gir bedre brukeropplevelse og høyere konvertering.

For du har opplevd dette selv også. Du går inn på en nettside og ser ikke teksten fordi den er knøttliten. Du må scrolle sidelengs for å se alt innholdet. Sist, men ikke minst, er bildene så store – og «tunge» – som gjør at siden også lastet tregt.

Med WordPress får du kontroll på hvordan innhold vises på mobil, nettbrett og desktop. Du unngår dårlige tilpasninger og irriterende scrolling. Vi bruker aldri trege sidebyggere – vi bygger fra bunnen av med ytelse i fokus.

Hva betyr egentlig responsiv design?

Responsiv design betyr at nettsiden tilpasser seg automatisk til skjermen brukeren har – enten det er mobil, nettbrett eller stasjonær PC. Elementer som menyer, tekst og bilder skaleres og omorganiseres slik at de alltid ser bra ut og er enkle å bruke.

Navnet kommer fra det engelske ordet responsive – altså at designet reagerer på skjermstørrelsen og tilpasser seg deretter. Det er dette som skiller en moderne, mobiltilpasset nettside fra gamle sider som bare krymper hele layoutet når skjermen blir liten.

Søkemotorene vurderer alltid den mobile versjonen først

Google og andre søkemotorer vurderer mobilversjonen først når de rangerer nettsider. Hvis mobilopplevelsen er dårlig, taper du synlighet – selv om desktopversjonen ser bra ut. Dette har vært praksis i over ti år (kilde: Wix). En mobil først-tilnærming gir bedre plasseringer og høyere hastighet, noe som igjen fører til flere besøk og høyere salg.

Vi bygger alltid med ytelse i tankene. Kode, bilder og struktur blir tilpasset for mobil – ikke bare skalert ned fra en stor skjerm.

Lese om hvorfor nettsidens hastighet er viktig

Responsiv design må planlegges

En studie fra NNGroup viser at mange mobilførste-design kan bli for enkle når de vises på større skjermer (kilde: NNGroup). Innhold strekkes ut, og informasjon spres over for mange visninger. Det skaper frustrasjon og dårlig oversikt.

Dette skjer gjerne når man bruker verktøy som begrenser mulighetene dine. Med WordPress og profesjonell hjelp kan du unngå dette.

Mobilvennlig design starter med innhold og mål

Responsiv design handler om mer enn skjermstørrelser. Det handler om hva du vil si og hvem du vil nå. Når vi vet hva kunden din trenger å gjøre, lager vi en struktur som støtter det – først på mobil, deretter på større skjermer.

Det er det vi mener med mobil først: Du starter med kjernen, og bygger videre. Resultatet er en nettside som fungerer uansett hvor og hvordan den brukes.