Mobil-først i praksis — hva det betyr for bedriftsnettsiden din

For de fleste bedrifter kommer over halvparten av besøkende fra telefonen. Likevel blir mange nettsider fortsatt tegnet på en stor skjerm, av folk som ser dem på en stor skjerm — og så krymper de bare for mobil etterpå. Det er baklengs. «Mobil-først» betyr å bygge for telefonen først, og la den større skjermen følge etter.

Hvorfor rekkefølgen betyr noe

Når du designer for stor skjerm først, har du god plass. Tre kolonner, en stor meny, mye tekst ved siden av hverandre. Så presser du alt dette inn på en skjerm som er en håndsbredd bred, og resultatet blir trangt: bitteliten tekst, knapper som ligger oppå hverandre, og innhold du må zoome for å lese.

Bygger du for mobil først, blir du tvunget til å prioritere. Hva er det viktigste? Det kommer øverst. Hva kan vente? Det kommer lenger ned. Den disiplinen gjør siden bedre på alle skjermer — også den store.

Hva mobil-først faktisk betyr i praksis

Det er ikke bare et teknisk valg. Det handler om hvordan siden oppleves med en tommel på en buss:

• Lesbar tekst uten zoom. Brødtekst skal være stor nok til å lese i armlengdes avstand.
• Knapper du treffer. Klikkbare ting må være store nok for en tommel, med luft rundt så du ikke bommer.
• Det viktigste øverst. Telefonnummer, tilbud eller bestillingsknapp skal være innen rekkevidde med en gang, ikke etter mye skrolling.
• Korte skjemaer. Det er tungt å skrive på mobil. Tre felter slår ti.
• Klikkbart telefonnummer. På mobil skal et trykk starte et anrop, ikke tvinge folk til å skrive nummeret av for hånd.

Fart teller dobbelt på mobil

Telefoner har ofte tregere nett enn datamaskiner, særlig utenfor wifi. En tung side som er grei på kontoret kan være pinefull på mobilnett ved bussholdeplassen. Store bilder og unødvendige skript merkes mest nettopp der folk faktisk er — ute, på farten, med dårlig dekning.

Derfor henger mobil-først og fart sammen. En side som er lett og fokusert laster raskere overalt, men forskjellen er størst på den lille skjermen.

Tommelen bestemmer

Tenk på hvordan folk faktisk holder telefonen: med én hånd, og tommelen som peker. Det de lett når, er nederste halvdel av skjermen. Derfor hører de viktigste handlingene ofte hjemme der de er enkle å trykke på — ikke gjemt i en liten meny øverst i hjørnet.

En god test: prøv å bruke din egen side med bare tommelen på én hånd, slik du ville gjort på en overfull t-bane. Hvis du må bruke begge hender eller zoome, gjør kundene dine det også — og noen av dem gir bare opp.

Google ser mobilen først

Google vurderer i hovedsak mobilversjonen av siden din når den bestemmer hvor du skal rangere. Hvis mobilsiden din er en nedstrippet eller rotete versjon av den «ekte» siden, er det den dårlige versjonen Google dømmer deg etter. Mobil-først er altså ikke bare høflighet mot besøkende — det påvirker direkte om de finner deg i det hele tatt.

Slik sjekker du din egen side

Du trenger ikke spesialverktøy:

1. Åpne forsiden på telefonen din.
2. Prøv å finne kontaktinformasjon og trykk på den med tommelen.
3. Les en avsnitt uten å zoome.
4. Fyll ut kontaktskjemaet som om du satt på en buss.

Føles noe av dette tungt, er det fordi det er tungt — også for kundene. De fleste sider feiler på minst ett punkt, og hvert punkt du retter, gjør det litt lettere for noen å si ja.

Mobil-først handler ikke om å ofre den store skjermen. Det handler om å begynne der folk faktisk er, og bygge utover derfra.