Is de heilige webgraal eindelijk gevonden?

Wie denkt dat het weer veranderlijk is, moet eens een kijkje nemen in webdesign-land. De trends tuimelen over elkaar heen en de opkomst van mobiele apparaten maakt het speelveld er niet overzichtelijker op. Twee trends lijken tegenover elkaar te staan. Aan de ene kant van het veld lopen de ambassadeurs van responsive webdesign zich warm. Zij zijn voorstanders van sites die zich aanpassen aan het formaat van het scherm van de gebruiker. Aan de andere kant zien we de aanhangers van contextafhankelijk webdesign: voor ieder scherm een eigen product. Beide aanpakken hebben zo hun voor- en nadelen.

Responsive webdesign

Responsive design levert bij iemand met een enorm grote monitor een heel andere weergave op dan iemand die de website raadpleegt vanaf het scherm van een smartphone. En dat met één vormgeving. Voor een correct geprogrammeerde website zijn geen verschillende templates nodig voor bijvoorbeeld een desktopversie en een mobiele versie.

Voorbeeld van Responsive design: de site clearairchallenge.com/ Eén ontwerp, met links zoals die toont op een pc, en rechts zoals op een smartphone.

Voor programmeurs is responsive webdesign een behoorlijke uitdaging. Maar is de klus eenmaal geklaard, dan heb je geen slapeloze nachten meer over hoe je website toont op verschillende apparaten. Tablets met een diameter van 8 inch of 11 inch, breedbeeldschermen voor de traditionele PC, de website ziet er altijd goed uit, geoptimaliseerd voor het apparaat en schermresolutie.

Contextafhankelijk webdesign

Eén website voor allen, dat klinkt eigenlijk te mooi om waar te zijn. En dat is het in de ogen van dit voorstanders van contextafhankelijk webdesign ook. Dat een website er op alle apparaten goed uitziet, wil niet zeggen dat de inhoud ervan geschikt is voor het specifieke gebruiksmoment. Wie in alle rust thuis bijvoorbeeld een reis plant op een OV-site, vindt het fijn om wat informatie te vinden rondom bus en trein. Waar kan je de fiets parkeren, welke bezienswaardigheden zijn er in de buurt... Wie zich naar het station haast en even op de smartphone wil controleren wanneer de eerste trein vertrekt, zit niet op deze in dit geval overbodige informatie te wachten. Ook al wordt het netjes weergegeven. Je moet dus voor elk gebruiksmoment een aparte webbeleving aanbieden. Die er vervolgens natuurlijk wel goed moet uitzien.

Voorbeeld van contextafhankelijk informatie aanbieden door de NS. Links de site www.ns.nl, bedoeld voor de pc thuis of op het werk. Rechts de NS Reisplanner Xtra app, bedoeld voor onderweg op de smartphone.

Wat te doen?

Zoals zo vaak in heikele kwesties ligt de waarheid ergens in het midden. Responsive webdesign is een relatief nieuwe vormgevingstrend waar we nog veel van gaan horen. Eén keer programmeren en vervolgens een website die er op alle platformen goed uitziet is op dit moment wel een heilige graal in webland. Maar gemakzucht ligt op de loer. In een wereld waar tijd en geld schaars zijn moet je slim kiezen.

Mijn advies is om informatie op je website te prioriteren. Welke informatie is nice to know voor bezoekers, welke need to know? Heb je een webwinkel, dan moet de catalogus voor de mobiele bezoeker er compact en to-the-point uitzien. Voor de bezoeker achter de PC thuis mag er wel het nodige om de catalogus heen aangeboden worden, zoals ‘andere klanten waren ook geïnteresseerd in…’. Andere delen van je webwinkel, zoals de algemene voorwaarden, kunnen makkelijk in één versie aan bezoekers op verschillende apparaten worden aangeboden.

Mijn verwachting is dat responsive webdesign zich gaat uitstrekken voorbij vormgeving alleen. Naast de vraag ‘hoe ziet het eruit’ gaan toekomstige websites ook meer en meer dynamisch de vraag ‘wat tonen we precies’ beantwoorden. Bedenk daarbij dat dit altijd hulpmiddelen zullen zijn die het werk vergemakkelijken, maar nooit volledig kunnen automatiseren. Een computer kan voorlopig nog niet beoordelen wat voor welk gebruiksmoment de meest optimale gebruikerservaring is. We blijven dus kapitein op ons webschip, dat wel steeds makkelijker te besturen is.

Laat zien!

Enkele voorbeelden van websites die zijn opgebouwd volgens het principe van responsive webdesign: