Er komen steeds meer soorten computers op de markt met verschillende beeldschermformaten. Denk aan de smartphone, tablet maar ook de smart-tv is sterk in opkomst. Zo wordt er voorspeld dat er in 2013 meer mensen via een mobiel apparaat op het internet zullen surfen dan via een gewone computer. Er is dan ook geen standaard beeldscherm resolutie meer. Het zou mooi zijn wanneer uw site op al deze platforms goed te lezen is.
Responsive webdesign
Een oplossing voor de hierboven beschreven situatie kan responsive webdesign zijn. Hierbij verandert de lay-out van je website automatisch, afhankelijk van de schermgrootte, van de gebruiker. Het menu past zichzelf automatisch aan en de artikels zullen gaan verschuiven. Dit zorgt ervoor dat de website altijd goed leesbaar en makkelijk navigeerbaar is.
Kan dat met mijn huidige site?
Een bestaande site is meestal niet responsive gebouwd en zal daarom ook aangepast moeten worden. Je kunt ervoor kiezen om de huidige site gelijk volledig te herbouwen. Je kunt er ook voor kiezen om de nieuw te ontwerpen mobiele site als uitgangspunt te nemen. Hierbij ligt de focus meer op onderdelen die relevant zijn voor de bezoeker. Naarmate het ontwerp wordt uitgebreid voor grotere beeldschermen is er meer ruimte voor additionele elementen die bijdrage aan sfeer of minder essentieel zijn.Voordelen
Je website overzichtelijk op alle devices
Dankzij responsive webdesign hoef je nog maar één versie te maken van je website. Deze past zich automatisch aan het formaat van het beeldscherm aan waarmee de website bekeken wordt. Je hebt dus een overzichtelijke en gebruiksvriendelijke versie van je website op alle devices.Eén CMS voor desktop, tablet en mobiel
Met responsive webdesign heb je nog maar één Content Management Systeem (CMS) nodig. Je hoeft dus nog maar één versie te onderhouden. Dit betekent dat je de content van je website ook maar één keer hoeft te wijzigen en aan te vullen.Alleen relevante informatie tonen
Daarnaast kunnen er ook bepaalde elementen of onderwerpen weggelaten worden per apparaat. Op de mobiele versie van een site is immers andere informatie relevant (wel de meest relevante informatie) dan op een desktopsite. Dit komt tevens de overzichtelijkheid en snelheid ten goede.Nadelen
Browser compatibility
Op oudere browsers zoals Internet Explorer 8 en lager kunnen responsive sites niet getoond worden.Afbeeldingen
Een smartphone of tablet zal dezelfde afbeeldingen inladen als bij de desktop versie, wat voor lange laadtijden zorgt. Maar met de komst van G4 zal dit geen al te groot probleem zijn.Kosten en tijd
Het ontwikkelen van een responsive design is niet per se ingewikkelder dan een 'normale' website. Wat echter wel het geval is dat responsive webdesign een jonge techniek is, waarvoor veel studie nodig is om deze goed onder controle te krijgen. Dit betekent dat er een goed bureau voor in de arm genomen moet worden wanneer er gekozen wordt voor een responsive website.Aan een responsive site zijn normaal gesproken geen terugkerende kosten verbonden, anders dan voor een mogelijk onderhoudscontract. Verder hoeft er na oplevering niet meer tijd aan besteed te worden dan aan een 'normale' website. Sterker nog, door de dynamische opzet zal deze beter klaar zijn voor de toekomst (met nog meer verschillende schermformaten) dan een website die niet responsive is opgebouwd.
Tot slot
Het is voor de meeste bedrijven een goede zet om een responsive website te laten ontwikkelen. Met de opkomst van de mobiele apparaten en andere afwijkende schermformaten is het belangrijk dat de gebruiker te allen tijde een geoptimaliseerde website op zijn scherm ziet. Responsive webdesign is hiervoor op dit moment een hele goede aanpak.Bronnen: mediaqueri.es, goldengridsystem.com, bradfrostweb.com, frankwatching.com
