Bezoekers bekijken jouw website op een gigantische desktopmonitor, een tablet op de schoot, of een compacte smartphone in de trein. Jouw site moet er overal perfect uitzien.
Definitie van Responsive Design
Responsive Web Design (RWD) is een benadering van webdesign waarbij de lay-out en elementen van een website zich automatisch aanpassen aan de schermgrootte, resolutie en oriëntatie van het apparaat van de gebruiker.
Waarom is het belangrijk voor KMO's?
Een website die niet responsive is, dwingt mobiele gebruikers om in en uit te zoomen en horizontaal te scrollen. Dit leidt tot een verschrikkelijke gebruikerservaring en een hoge bounce rate. Bovendien straft Google niet-responsive websites af in de rankings.
Best Practices & Tips
- Maak gebruik van flexibele grids en CSS-media-queries om lay-outs vloeiend te laten schalen.
- Test je website op verschillende echte apparaten en via de developer-tools van je browser.
- Zorg ervoor dat teksten ook op mobiele schermen direct leesbaar zijn zonder inzoomen (minimaal 16px).
Gerelateerde Begrippen