Je homepage ziet er prachtig uit op je 27-inch monitor. Op de gsm van je klant? Daar haakt 60 procent af binnen 10 seconden. Dat is geen aanname, dat is wat ik in mijn analytics zie bij elke klant die voor het eerst metingen doet.

Wat mobiel-eerst inhoudt

Mobiel-eerst betekent: je ontwerpt eerst voor mobiel, dan voor desktop. Andere mindset, andere keuzes.

De cijfers

  • 60 tot 75 procent mobiel verkeer voor lokale dienstverleners in Vlaanderen
  • 53 procent afhakers boven 3 seconden laadtijd
  • Google rankt mobile-first

Tien punten van een mobiel-eerst site

  1. Knoppen minimaal 48 bij 48 pixels
  2. Telefoonnummer prominent en klikbaar
  3. Formulieren met max 3 a 4 velden
  4. Hamburger menu of bottom-bar
  5. Single column lay-out
  6. Body tekst minstens 16 pixels
  7. Afbeeldingen in WebP onder 200 KB
  8. Geen pop-ups in eerste 30 seconden
  9. Eén call-to-action per scherm
  10. Testen op echte gsm, niet alleen browser-resizer

Vuistregel

Open je site op je eigen gsm en doe alsof je een nieuwe bezoeker bent. Lukt het je niet in 5 seconden te begrijpen wat je doet? Je concurrent loopt met je klanten weg.

Mijn praktische advies

Open vandaag je analytics. Boven 50 procent mobiel verkeer? Dan ligt daar je grootste hefboom. Mobiel-eerst redesign is meestal binnen 4 tot 6 weken te realiseren.