Menu PLint-sites Webdesign en Webapplicaties
logo PLint-sites

PLint-sites

Webdesign - Webapplicatie klein pijltje

Responsive design

Vroeger waren er alleen desktop computers en in het algemeen hadden deze allemaal ongeveer dezelfde schermgrootte. Elk jaar werd deze schermresolutie wat groter, maar de verhouding bleef in elk geval gelijk. Met de komst van laptops, smartphones en tablets is dat nu heel anders!

Steeds meer mensen gebruiken hun smartphone of tablet om rond te surfen op het internet. Het is daarom van groot belang dat je website prettig functioneert op al deze verschillende apparaten. Je wilt immers voorkomen dat bezoekers je website verlaten of een aankoop bij een concurrerende webshop doen, omdat ze niet goed met je website of webshop overweg kunnen. Vooral smartphones hebben een relatief klein scherm. Toch zou je teksten op de website goed moeten kunnen lezen zonder dat je hiervoor hoeft in te zoomen. Het ontwerpen van een website voor alle schermformaten wordt responsive design genoemd.

Naast gebruiksgemak is responsive design ook van belang voor zoekmachine optimalisatie (SEO). Sinds april 2015 neemt het ranking-algoritme van Google namelijk mee of een website mobile-friendly is. Is dit niet het geval, dan zal je website lager in de zoekresultaten komen bij mensen die hun smartphone gebruiken.

In onderstaande grafiek is de toename van het aantal mensen dat een mobiel apparaat gebruikt om te surfen op het internet duidelijk zichtbaar. Dit wordt gecompenseerd door een sterke afname in het gebruik van desktop apparaten: in mei 2015 surfte nog slechts 70% van de mensen op een gewone computer, terwijl dit begin 2013 nog bijna 90% was. De groep mensen die hun smartphone gebruikt voor het bezoeken van websites is gegroeid naar zo'n 20%. Reden genoeg dus om je website of webapplicatie te optimaliseren voor mobiele apparaten!

Percentage van de website bezoekers
	die een mobiel, tablet of desktop apparaat gebruiken voor het surfen op het internet
Percentage van de website bezoekers dat een mobiel, tablet of desktop apparaat gebruikt voor het surfen op het internet. Deze data zijn gemiddelden voor heel Europa. Voor iedere individuele website kunnen deze percentages afwijken. Data: GS statcounter.

Verschillende schermformaten

Met de komst van al die verschillende schermformaten, heeft een webdesigner tegenwoordig een veel uitdagender taak. Hoe ga je alle teksten, foto’s, producten enz. weergeven op alle beschikbare schermformaten? Technisch is er gelukkig een heleboel mogelijk. Zo kunnen we bijvoorbeeld het aantal producten dat naast elkaar getoond wordt in een webshop laten afhangen van de schermbreedte van de gebruiker. Op een smartphone toon je dan alle producten onder elkaar, op een tablet in twee kolommen en op een desktopcomputer in 3 of 4 kolommen. Je website of webapplicatie zal er op verschillende schermformaten dus anders uit gaan zien en dit gaat automatisch! Dit noemen we responsive design.

Gebruiksvriendelijkheid

Naast het aanpassen van de indeling van een webpagina, zullen sommige onderdelen van een pagina ook anders vormgegeven moeten worden. Een menu met vele lagen dat op een desktopcomputer uitklapt zodra je je muis boven een menulink houdt, zal op een smartphone niet gemakkelijk werken. Immers, er is geen muis voorhanden en de gebruiker dient met zijn vingers te navigeren. Op een smartphone zal zo’n menu dus anders ingedeeld moeten worden.

Ook de grootte van buttons zal aangepast moeten worden. Met een muis kan je kleine buttons of knoppen heel precies aanklikken, maar op een touch-apparaat is het wel zo prettig als je een wat groter oppervlak hebt om aan te klikken. Niets is zo vervelend als wanneer je menulink 1 probeert aan te klikken, maar toch per ongeluk menulink 2 raakt en op een heel andere webpagina terecht komt.

Responsive webdesign brengt dus behoorlijk wat uitdaging met zich mee voor zowel de webdesigner als de programmeur. Het resultaat is echter een website of webapplicatie die gebruiksvriendelijk is en goed functioneert op alle schermformaten. Bezoekers zullen dus niet langer weglopen, omdat ze niet met je website of webshop overweg kunnen.

Jouw website nog niet responsive?

Heb je al een website, webshop of webapplicatie, maar werkt deze niet prettig op mobiele apparaten? Of wil je een nieuwe responsive website laten ontwikkelen? Wij kunnen je vrijblijvend advies geven over de mogelijkheden om jouw website mobiel-vriendelijk te maken.