Mobiel eerst ontwerpen, ook als je zelf op een laptop werkt

Je site wordt ontworpen op een groot scherm en bekeken op een klein scherm. Dat verschil verklaart de meeste problemen.

Ontwerp6 min lezen

Bij veel bedrijven komt het merendeel van het bezoek van een telefoon. Toch wordt een ontwerp meestal beoordeeld op een breed scherm, waar alles ruim en overzichtelijk lijkt.

Wat er op een telefoon verandert

  • Kolommen worden rijen, dus de volgorde gaat tellen.
  • Een menu wordt een knop, dus keuzes worden onzichtbaar.
  • Zweefeffecten bestaan niet; er is alleen tikken.
  • Tabellen passen niet, dus die moeten anders.
  • Een grote foto duwt je tekst uit het beeld.

Begin bij de smalste versie

Wie eerst de telefoonversie maakt, moet kiezen wat echt belangrijk is. Die keuzes maken ook de brede versie beter, en niet omgekeerd.

Waar het vaak misgaat

  1. Knoppen die te klein of te dicht op elkaar staan.
  2. Tekst over een foto die op een smal scherm onleesbaar wordt.
  3. Formulieren waarbij het toetsenbord het verzendknopje bedekt.
  4. Een telefoonnummer dat je niet kunt aantikken om te bellen.

Test op een echt toestel

Een smal venster op je laptop is geen telefoon. Bekijk je pagina’s op een echt toestel, op een gewone verbinding, en doe de taak die je bezoeker komt doen.