Åpne produktsiden din på mobilen akkurat nå. Ikke på den bærbare datamaskinen. På den faktiske telefonen din, i hånden, med tommelen som faktisk scroller.
Hva ser du?
Hvis teksten er liten, knappen er vanskelig å trykke på, eller siden bruker mer enn tre sekunder på å laste, mister du en betydelig del av de potensielle kjøperne dine før de i det hele tatt har lest produktbeskrivelsen.
Rundt 70 % av all netthandelstrafikk kommer nå fra mobile enheter. Konverteringsraten på mobil ligger, på de fleste sider for små selgere, på omtrent halvparten av nivået på datamaskin. Gapet finnes ikke fordi mobilkjøpere vil ha mindre. Det finnes fordi de fleste produktsider blir laget på datamaskin og aldri ordentlig testet på mobil.
Hvorfor mobilkjøpere oppfører seg annerledes
Det å surfe på datamaskin er mer tålmodig. En person som sitter ved en datamaskin, ved et skrivebord, er i en annen mental tilstand enn noen som ser på mobilen mens de pendler, står i kø eller halvveis følger med på noe annet.
Mobilkjøpere bestemmer seg raskere. De scroller raskere. De forlater raskere. Hvis noe føles feil de første sekundene, lukker de fanen. De zoomer ikke inn for å lese liten tekst. De scroller ikke sideveis for å finne en knapp som har blitt kuttet av. De går bare videre.
De konkrete atferdsforskjellene:
- Leser i roligere tempo
- Bruker mus og klikker presist
- Har større sannsynlighet for å sammenligne flere faner
- Tåler tregere lastetid bedre
- Har lengre gjennomsnittlig økt
- Skanner i stedet for å lese
- Trykker med tommelen og trenger store trykkflater
- Oppfører seg som om bare én fane finnes og bestemmer seg umiddelbart
- Forlater innen 3 sekunder hvis siden er treg
- Har kortere økt og trenger en raskere inngang
Den praktiske konklusjonen er dette: mobilsiden din trenger en raskere inngang, større trykkflater og lastetid under tre sekunder. Dette er ikke bare hyggelig å ha.
3-sekundersregelen
53 % av mobilbesøkende forlater en side som bruker mer enn 3 sekunder på å laste. Det tallet kommer fra Googles egen forskning og har vært stabilt i flere år.
Tre sekunder føles raskt i virkeligheten. På mobil er det en evighet.
Dette gjør sider trege:
- store ukomprimerte bilder (den vanligste årsaken)
- for mange sporingsskript som lastes før innholdet
- skrifttyper som lastes fra eksterne kilder uten reservevalg
- videoer som starter automatisk
Bilder er som regel hovedproblemet. Et produktfoto eksportert i full oppløsning fra et kamera er ofte 4–8 MB. En riktig komprimert versjon for nett er 150–300 KB. Samme visuelle kvalitet på en mobilskjerm. Helt annen lastetid.
Viktor drev en side som solgte spesiallagde klistremerker. Mobiltrafikken sto for 74 % av alle besøkende. Konvertering på mobil: 1,1 %. På datamaskin: 3,8 %. Han kjørte siden gjennom Google PageSpeed Insights og fant tre bilder som lastet inn med over 3 MB hver. Han komprimerte dem. Lastetiden på mobil falt fra 6,2 sekunder til 2,4 sekunder. Den mobile konverteringsraten hans steg til 3,1 % i løpet av de neste tre ukene.
Regnestykket i dette: Hvis Viktor hadde 500 mobilbesøkende per måned og nå konverterer med 3,1 % i stedet for 1,1 %, betyr det 10 ekstra salg per måned fra én enkelt forbedring som tok en time.
Hva som faktisk ryker på mobil
Utover hastighet finnes det konkrete layoutproblemer som nesten bare dukker opp på mobil, og som de fleste selgere aldri oppdager fordi de tester på datamaskin.
Tekst som er for liten til å leses uten zoom
En skriftstørrelse under 16 px på mobil krever zooming. De fleste brukere kommer ikke til å zoome. De forlater siden. Brødtekst bør være minst 16 px. Mellomtitler bør være tydelig større. Hvis du er usikker: hold telefonen i normal avstand og les et avsnitt. Hvis du myser, er teksten for liten.
Knapper som er for små til å trykkes komfortabelt
Apples retningslinjer anbefaler en minste trykkflate på 44×44 punkter. Google anbefaler 48×48 dp. I praksis betyr det at "Kjøp nå"-knappen din må være stor nok til å kunne trykkes på med tommelen uten presisjon. Hvis den ligger nær andre lenker eller tekster, betyr avstanden rundt den også noe. Feiltrykk på feil element er frustrerende. Kjøpere gir sjelden en ny sjanse.
Sideveis scrolling
Hvis et element på siden er bredere enn skjermen, lager mobilnettleseren sideveis scrolling. Kjøpere scroller nesten aldri sideveis på en produktside. Det som blir kuttet av, eksisterer i praksis ikke for dem. Tabeller, brede bilder og kodeblokker er de vanligste årsakene.
Friksjon i kassen på mobil
Det å skrive på mobiltastaturet er tregere og mer feilutsatt enn på datamaskin. Hvert ekstra felt i kassen er et punkt der en mobilkjøper kan gi opp. Jo mindre du spør om, desto bedre. Hvis kassen din tvinger en kjøper til å skrive hele adressen sin for et digitalt produkt, kommer du til å miste folk.
Slik tester du mobilsiden din (tar 10 minutter)
Du trenger ikke verktøy eller en utvikler for å gjøre en grunnleggende mobilgjennomgang. Her er en praktisk prosess:
- åpne siden din på den faktiske telefonen din, ikke i et nedskalert nettleservindu
- sett en timer. Hvor lang tid tar det før siden er helt lastet?
- les første avsnitt med telefonen i normal avstand. Er det komfortabelt?
- prøv å trykke på kjøpsknappen med tommelen. Treffer du riktig på første forsøk?
- scroll hele veien gjennom siden. Er noe kuttet av eller krever sideveis scrolling?
- gå til pagespeed.web.dev og lim inn URL-en din. Sjekk mobilpoengsummen.
- se på "Opportunities" i PageSpeed-rapporten. Bildekomprimering ligger nesten alltid øverst.
Det er alt. Hvis alt ser bra ut etter denne gjennomgangen, er mobilopplevelsen din sannsynligvis god. Hvis du finner problemer, er bildefiksen alene verdt å gjøre med en gang.
Hva en mobilgjennomgang fant hos tre selgere
Mobilkonvertering 2,1 %, datamaskin 5,4 %. Gjennomgangen fant produktbilder på i snitt 4,8 MB og en kjøpsknapp som var 32 px høy med 8 px innvendig marg. Bildene ble komprimert og knappen ble gjort større. Mobilkonverteringen nådde 4,9 % innen fire uker.
Mobiltrafikken var 81 % av totalen, men sto bare for 28 % av inntekten. Gjennomgangen viste at kassen ba om postnummer, noe som var unødvendig for et digitalt produkt. Det ble fjernet. Konverteringen på mobil gikk fra 1,8 % til 3,3 % på to uker.
PageSpeed-poeng på mobil: 34 av 100. Tre videoklipp på siden startet automatisk. Videoene ble fjernet og erstattet med stillbilder. Lastetiden falt med 4,1 sekunder. Fluktfrekvensen på mobil falt med 40 %.
NanoCart-sider og mobil
Hvis du bruker en plattform som ikke ble bygget med mobil som prioritet, er disse problemene strukturelle og vanskeligere å løse uten hjelp fra en utvikler.
NanoCart-produktsider er mobiltilpasset som standard. Layouten, skriftstørrelsene, knappestørrelsene og kasseløpet er bygget for navigasjon med tommelen. Hvis du vil se hvordan en fokusert produktside med ett produkt fungerer bedre enn en full butikk, er mobil en stor del av forklaringen: færre elementer, raskere lasting og tydeligere trykkflater.
Den ene tingen som fortsatt er i dine hender, uansett plattform, er bildestørrelsen. Komprimer produktbildene dine før du laster dem opp. Verktøy som Squoosh (gratis og nettbasert) gjør et bilde på 4 MB om til 200 KB på omtrent 30 sekunder. Den vanen er mer verdt enn de fleste andre optimaliseringer til sammen.
Mobil er ikke en sekundær kanal. For de fleste små selgere akkurat nå er den den primære. Kjøperne dine er på telefonene sine. Bygg for det.