rss 
en
De afgelopen jaren is er veel veranderd voor webdesigners. Na jaren van stagnatie kwam er ineens een ‘boom’ van nieuwe technologieën en mogelijkheden. Technieken die het mogelijk maakten om onze websites mooier vorm te geven en van meer functionaliteit te voorzien. Alles kon ineens ook voorzien worden van een sociaal tintje door de spectaculaire opmars van social media zoals Facebook en Twitter. Al bij al waren dit aspecten die wij als designers gemakkelijk konden integreren in bestaande projecten of werkprocessen. Maar in 2007 gebeurde er iets dat een grotere invloed zou hebben (of nog gaat hebben) op onze werkwijze: de introductie van de iPhone.
Of je nu een fan bent van Apple’s smartphone of niet, het is moeilijk te ontkennen dat sindsdien het gsm-landschap drastisch is veranderd. Waar we ons vroeger tevreden moesten stellen met ‘Snake’ spelen op een zwart-wit scherm van 84 bij 48 pixels, hebben we nu toestellen die ons volledige 3D-games in High Definition laten verkennen. We kijken films, lezen boeken of passen nog snel een presentatie aan op de tram naar het werk. Het internet past nu gewoon in onze broekzak en is in enkele seconden tot onze beschikking. Maar de opkomst van die mobiele ‘mini-computers’ brengt ook met zich mee dat we dat internet op veel kleinere schermen moeten bekijken dan we gewoon zijn. Eigenlijk moeten websites aangepast worden aan ons veranderd surfgedrag en dat is dan ook de uitdaging waar we als webbouwers voor staan.
Na jaren van sites maken voor schermen van 13 tot 30 inch, moeten we nu opnieuw durven nadenken over wat een site moet bevatten en hoe die er uit kan zien. Zo heeft een mobile surfer geen nood aan verkleinde lettertjes, te zware afbeeldingen en een lay-out die op grote schermen gericht is. Als je onderweg bent wil je informatie, snel en to-the-point. Een bestaande site verkleinen is hiervoor niet goed genoeg, we moeten een aparte ervaring creëren voor elke doelgroep.
Eén van de technieken die we hiervoor kunnen hanteren is Responsive Webdesign. Kort gezegd wil dit zeggen dat we via bepaalde technieken gaan kijken wat de grootte is van het apparaat waarmee je onze site bezoekt. Aan de hand daarvan kunnen we je een voor jou geoptimaliseerde versie van onze pagina voorschotelen. Smartphone-gebruikers krijgen een versie te zien waarbij het menu bijvoorbeeld is afgestemd op kleinere schermen die met aanrakingen bediend moeten worden, iPad-surfers krijgen een lay-out die wat meer ruimte laat voor afbeeldingen en op de computer thuis krijg je een lay-out die optimaal gebruik maakt van alle inches die je ter beschikking hebt.
Het voordeel hiervan is dat je als website-eigenaar geen verschillende websites moet onderhouden. Bij het toevoegen van nieuwe artikels of afbeeldingen worden deze beschikbaar voor alle gebruikers, op welk apparaat ze ook surfen. Bovendien gaan ze sneller terugkeren als ze een snelle, vlot navigeerbare ervaring hebben met je webpagina.
Kijk voor enkele mooie voorbeelden van Responsive Webdesign eens op volgende sites. Voor het beste effect kijk je best op verschillende apparaten of je verkleint je browserscherm en ziet wat er gebeurt.