Responsive webdesign

Technisch gebeurt dat met een flexibel raster, schaalbare afbeeldingen en breekpunten waarop de opmaak verspringt. Kolommen worden onder elkaar gezet, menu's klappen in, knoppen worden groter. De inhoud blijft hetzelfde; de indeling verandert.

Omdat het merendeel van het verkeer mobiel is en Google de mobiele versie van je site indexeert, is mobiel het uitgangspunt en niet de restpost. Ontwerp je eerst voor desktop, dan wordt mobiel vaak een uitgeklede versie waar de belangrijkste knop ergens onderaan verdwijnt.

Let bij de uitvoering op de praktische dingen: leesbare tekstgrootte zonder in te zoomen, aanraakvlakken die groot genoeg zijn, formulieren die op een telefoon in te vullen zijn, en afbeeldingen die niet onnodig zwaar worden ingeladen.