responsive design
/rɪˈspɒnsɪv dɪˈzaɪn/zelfstandig naamwoord
Responsive design is een ontwerpaanpak waarbij een website of webapplicatie de indeling en bediening aanpast aan de beschikbare schermruimte en het gebruikte apparaat.
Met responsive design blijft het inschrijfformulier bruikbaar op een telefoon, tablet en laptop.
Responsive design zorgt ervoor dat dezelfde website goed werkt bij verschillende schermformaten. De inhoud blijft gelijk, maar onderdelen kunnen van grootte of plaats veranderen. Een navigatiemenu kan op een smal scherm bijvoorbeeld achter een knop verdwijnen, terwijl kaarten onder elkaar komen te staan. Zo hoeft een bezoeker niet horizontaal te scrollen of voortdurend in te zoomen.
Hoe past een pagina zich aan?
De Woordenboek · In het kortfrontendDe frontend is het deel van een website of applicatie dat de gebruiker ziet en bedient, zoals pagina's, knoppen, formulieren en interactieve schermen.Lees meer gebruikt flexibele layouts, relatieve afmetingen en afbeeldingen die met hun beschikbare ruimte meeschalen. Met media queries kan de browser bij bepaalde schermbreedtes andere opmaakregels toepassen. De punten waarop de indeling verandert, heten breakpoints. Die horen aan te sluiten op de inhoud: een extra kolom verschijnt bijvoorbeeld pas wanneer daar voldoende ruimte voor is.
Ontwikkelaars beginnen vaak met een eenvoudige indeling voor een klein scherm en breiden die uit voor grotere schermen. Deze werkwijze heet mobile first. Responsive design kan ook rekening houden met onder meer de stand van het scherm en de voorkeur van een gebruiker voor minder beweging.
Bruikbaar op verschillende schermen
Een pagina alleen verkleinen levert zelden een bruikbare mobiele ervaring op. Tekst, knoppen en invoervelden moeten leesbaar en bedienbaar blijven, terwijl belangrijke inhoud logisch geordend blijft. Daarom wordt een responsieve pagina op verschillende schermbreedtes en met verschillende invoermethoden getest.
Responsive design draagt bij aan Woordenboek · In het kortdigitale toegankelijkheidDigitale toegankelijkheid betekent dat mensen met verschillende beperkingen websites, apps en digitale documenten kunnen waarnemen, begrijpen en bedienen.Lees meer, maar maakt een website niet automatisch toegankelijk. Ook toetsenbordbediening, voldoende contrast, duidelijke labels en een logische documentstructuur blijven nodig.