Wat is responsive design?
Vrijwel iedereen beschikt tegenwoordig over een smartphone, een tablet, een laptop en een PC waarmee men op het internet aanwezig is. Bij deze verschillende apparaten horen verschillende resoluties en verschillende manieren waarop uw website wordt weergegeven.
Om ervoor te zorgen dat een website op iedere resolutie goed te zien is en bovendien goed werkt, kan gebruik worden gemaakt van responsive design. In het kort wil dit zeggen dat het ontwerp van een website zo gebouwd is dat de weergave en de inhoud mee schaalt met verschillende resoluties. Dit maakt dat een website altijd perfect te bekijken en te gebruiken is, ongeacht op welk apparaat deze wordt weergegeven.
Wat zijn de voordelen van responsive design?
Zoals hierboven vermeldt is het grootste voordeel dat de website altijd perfect weergegeven wordt, en gebruiksvriendelijk blijft, ongeacht de resolutie of het apparaat waarop deze wordt weergegeven. Een ander voordeel is dat wanneer de website wordt aangepast dit geldt voor iedere weergave. Dit is een hele verbetering ten opzichte van andere oplossingen zoals een website met daarnaast een aparte mobiele website.
Onderstaand model geeft een voorbeeld weer van hoe de weergave van een responsive website verandert naarmate de pagina in een andere resolutie bekeken wordt. Op basis van in de ontwerpfase gedefinieerde ‘breekpunten’ wordt de optimale weergave bepaald.