Responsivt design

Responsivt design betyr at en nettside automatisk tilpasser layout, tekststørrelse og bilder til skjermen den vises på. Samme nettbutikk fremstår som en ryddig fullskjermsbutikk på PC, og som en fingervennlig, smal versjon på mobilen — uten at det finnes to separate nettsteder å vedlikeholde.

I praksis innebærer det at menyer blir til mobilvennlige knapper, produktbilder skaleres ned, kolonner stables under hverandre og knapper blir store nok til å treffe med tommelen. Innholdet er det samme; presentasjonen tilpasses.

Hvorfor mobilen avgjør

Godt over halvparten av all netthandelstrafikk kommer i dag fra mobil, og for mange butikker skjer også flertallet av kjøpene der. En nettbutikk som er tungvint på mobil — liten tekst, knapper som bommer, kasse som krever zooming — taper salg hver eneste dag, uansett hvor bra den ser ut på en stor skjerm.

Terskelen er lav: opplever kunden friksjon på mobilen, er konkurrenten ett søk unna. Derfor designes moderne nettbutikker gjerne for mobil først, og utvides deretter til større skjermer, i stedet for omvendt.

Googles mobilindeksering

Responsivt design handler ikke bare om kundeopplevelse, men også om synlighet. Google bruker mobilindeksering, som betyr at det er mobilversjonen av nettbutikken som legges til grunn når Google vurderer og rangerer sidene. Er innhold skjult eller ødelagt på mobil, er det i praksis skjult for Google også. En responsiv nettbutikk har dessuten én adresse per side uansett enhet, noe som samler all lenkeverdi på ett sted og gjør den tekniske søkemotoroptimaliseringen enklere.

Hva du bør forvente av en moderne nettbutikk

I dag er responsivt design en selvfølge, ikke et tilvalg — alle nettbutikker vi leverer bygges responsive fra bunnen av. Det som skiller godt fra middels, er detaljene: at kassen er like enkel på mobil som på PC, at bildene lastes raskt på mobilnett, og at Vipps og andre mobilvennlige betalingsmåter ligger lett tilgjengelig der kunden faktisk er. Test gjerne din egen butikk på mobilen med jevne mellomrom: klarer du å finne en vare, legge den i kurven og fullføre kjøpet uten irritasjon, er grunnlaget på plass.