Wat is ‘responsive’ web design?

Geplaatst door Peter Arends op 05-06-2012 | Reageren uitgeschakeld

Hoe werkt responsive design?

Responsive web design houdt in dat de website zich aanpast aan de omgeving waarin hij wordt opgevraagd. Dus op een iPhone ziet de site er anders uit dan op een groot scherm, terwijl het dezelfde website is.

Probeer je browservenster maar smaller te maken, dan zie je het effect. Let bijvoorbeeld op het menu. Dat wordt veel vriendelijker voor een smartphone.

Is het verantwoord om erin te investeren en het aan je website toe te laten voegen?

Dat ligt aan je doelgroep. In Google Analytics kan je zien wat voor schermgroottes jouw bezoekers gebruiken.

Wanneer wel

Als je heel veel bezoekers hebt of relatief veel mobiele bezoekers, is het zeker de moeite waard. De techniek wordt steeds beter beschikbaar en daardoor goedkoper te implementeren. Daarnaast ben je een voorloper en dat is voor sommige bedrijven interessant en goed voor hun geloofwaardigheid.

Wanneer niet

Doe het niet alleen om erbij te horen. Een website is vaak prima op een smartphone of iets dergelijks te bekijken. Een responsieve website (dat woord is een suggestie van Apple) is nu nog relatief duur, helemaal om achteraf toe te voegen. Als maar 10% van je bezoekers mobiel werkt, kan je het geld beter investeren in de verbetering van je normale website.
Is 90% van je bezoekers mobiel, dan kan je beter een compleet nieuwe mobiele website laten realiseren. Die laden namelijk veel sneller dan een responsive website en kunnen helemaal op maat gemaakt worden voor de mobiele context (er kan andere informatie worden getoond aan bezoekers die onderweg zijn dan aan bezoekers die op kantoor of thuis zitten).