wij snappen online

Eén van de belangrijkste aspecten van responsive webdesign is navigatie. De desktopversie van een website is meestal groot genoeg om de navigatie uitgebreid weer te geven. Maar hoe kleiner het scherm, hoe moeilijker het wordt om dezelfde inhoud op een duidelijke en gebruiksvriendelijke manier te tonen.

Toon alleen de belangrijkste onderwerpen in je navigatie

De meest voor de hand liggende manier om om te gaan met beperkingen op je scherm is prioritering van de inhoud.

Denk bij het kiezen goed na over de situatie waarin bezoekers verkeren wanneer ze je site bekijken vanaf een mobiel apparaat, met wel doel ze op de site komen en wel content ze nodig hebben om dit doel te bereiken.

Plaats de belangrijkste onderwerpen bovenaan

Ook dit is heel logisch. Een goed voorbeeld is de website van Barack Obama. Op zijn website waren zijn oproepen voor donaties en steunbetuigingen voor de verkiezingscampagne veruit het meest belangrijk.

De desktopversie heeft bovenin drie navigatieonderdelen, waarvan twee informatie geven over de campagne. Op de mobiele site wordt het bovenste deel van het scherm helemaal ingenomen door een doneerknop, gevolgd door tekst waarin mensen worden opgeroepen mee te doen in de campagne. Algemene informatie over Obama en zijn campagne vind je pas helemaal onderaan op de mobiele pagina.

In het volledige artikel op Emerce.nl leer je meer over navigatie voor responsive design en krijg je de rest van de tips.