Responsive design
Met zijn allen hebben we de manier waarop we surfen de afgelopen jaren sterk veranderd. Desktops en notebooks maken plaats voor netbooks, smartphones en tablets met doorgaans veel kleinere schermen, maar ook metersbrede televisies nemen hun intrede in het wereldwijde web. Deze trend zal de komende jaren ongetwijfeld nog sterker worden. De schermresoluties van apparaten zijn diverser dan ooit tevoren en dat maakt het er een webdesigner niet makkelijker op.
De komst van de iPad en vooral de daarop volgende tabletgekte heeft de potentiële groei van de mobiele website heel wat ingedijkt, net als het succes van de iPhone eigenhandig voor de game over van Flash zorgde. Een iPad is in principe groot genoeg om een website in zijn volledige grootte te laten zien, maar er volgden in sneltempo heel wat andere tablets waarop het al moeilijker wordt om een niet aangepaste versie van een website goed te kunnen lezen zonder voortdurend te moeten in- en uitzoomen.
Met zo'n diversiteit aan formaten, waar maak je het onderscheid nog tussen een volledige website of een mobiele website? Je zou natuurlijk 3 verschillende versies van je website kunnen maken, een smartphone-, tablet-/netbook- en desktopversie. De boekhouder van je webbouwer zou daar heel tevreden mee zijn, maar daar stopt het ook. Met andere woorden: een peperdure onderneming.
Een website opbouwen vanuit het responsive principe lijkt mij tot op vandaag de beste oplossing. Niet de ideale, maar wel de beste. Responsive design is eigenlijk gewoon een verzamelterm voor een aantal technieken waarmee je één en dezelfde website/applicatie hebt voor alle apparaten, maar die wordt volgens de grootte van je scherm iets anders ingedeeld met als doel een optimale ervaring op elk toestel. Responsive designs zien er vaak erg indrukwekkend uit, maar het is ook goedkoper in ontwikkeling omdat er slechts één website te ontwikkelen is. Bovendien levert het de beste gebruikerservaring en maakt het de optimalisatie voor zoekmachines een pak eenvoudiger. Naast al deze voordelen zijn er natuurlijk ook nadelen gekoppeld aan het responsive principe. Bandbreedte is vandaag nog steeds het grootste en enige noemenswaardige nadeel. Als je met een smartphone naar een responsive website surft, worden alle gegevens die nodig zijn voor de desktopversie ook gedownload, ook al worden die niet of anders weergegeven. Als je via een trage verbinding surft, resulteert dit al gauw in veel te lange laadtijd. In dat geval zou een mobiele website je sneller de gevraagde informatie kunnen bezorgen.
Bij het uitwerken van een nieuwe website zal het belangrijk zijn om jezelf af te vragen naar wat verschillende bezoekers op zoek zijn. Zijn je mobiele bezoekers vooral op zoek naar de locatie en openingsuren van jouw onderneming kan je voldoende hebben aan een beperkte mobiele website waar die zaken prominenter naar voor komen. Als je geen functies van je website wilt laten ontgaan aan mobiele surfers, kan je best even stilstaan bij het responsive principe en de voordelen die het je kan bieden.
Vergeet niet: elke dag gaan duizenden tablets en smartphones over de toonbank. Allemaal potentiële bezoekers van jouw nieuwe website. Als webbouwers zijn we genoodzaakt de ondersteuning van die bezoekers volledig op te nemen in het standaardproces van webontwikkeling en niet langer als een optionele extra.