Responsive webdesign

Responsive webdesign. Er wordt door webbouwers al jaren over gesproken. Maar kijken we naar de uitvoeringspraktijk, dan is er een flinke inhaalslag te maken. Er zijn nog maar weinig websites en webwinkels die op het schermpje van een smartphone even krachtig presteren als op het breedbeeldscherm van een desktop. En dat terwijl het gebruik van smartphones en tablets waanzinnig toeneemt. Die inhaalslag móet dus geleverd worden!

Eerst heeft internet de wereld veranderd. Sinds een paar jaar verandert mobiele communicatietechnologie het gebruik van internet. Hotelletje boeken, online shoppen, route uitstippelen… We pakken er onze smartphone of tablet voor. Online marketing expert Jason DeMers voorspelt op forbes.com dat tablets en smartphones in 2017 87% van alle verkochte communicatieapparaten voor hun rekening zullen nemen. Onder de kop Shoppen met mobiele telefoon in de lift meldde de Volkskrant onlangs dat webwinkels hun verkopen via smartphones en tablets de eerste helft van dit jaar met 67% zagen toenemen ten opzichte van het halfjaar daar voor. Er werden 12 miljoen mobiele bestellingen genoteerd, met een waarde van 550 miljoen euro!

Mobiel vriendelijk

Deze cijfers geven aan hoe belangrijk het is dat je website of webwinkel mobiel vriendelijk is. Het verschil in schermgrootte tussen een mobieltje en een desktop is immers enorm. Om nog maar te zwijgen van alle formaten daar tussenin. Logisch dus, dat een website die oorspronkelijk is ontworpen met een groot scherm in het achterhoofd, op een smartphone of tablet vaak matig presteert. Een alternatief is: een extra site voor kleinere schermen ontwikkelen. Maar is het niet veel mooier (en effectiever) als de lay-out, content en navigatie zich vloeiend aanpassen aan de schaal van het gebruikte apparaat? Met responsive webdesign is dat te realiseren.

Responsive webdesign zorgt ervoor dat lay-out, content en navigatie zich vloeiend aanpassen aan de maatvoering van elk scherm. Meer weten? Maak vrijblijvend een afspraak.

Wat is responsive webdesign?

‘Responsive’ laat zich vertalen als ‘reactief’, wat betekent dat iets of iemand reageert op de omstandigheden. Dat ‘iets’ is in dit geval een website, webwinkel, landingspagina of digitale nieuwsbrief. De ‘omstandigheden’ staan voor de situatie waarin jouw doelgroep jouw online informatie bekijkt. Thuis of op kantoor, via een groot beeldscherm; onderweg of languit op de bank, via het veel kleinere scherm van een tablet of smartphone.

Responsive webdesign zorgt ervoor dat de content grafisch zo is ingedeeld, dat de gebruikservaring onder alle omstandigheden maximaal is. Dit is essentieel, want de praktijk geeft aan dat bezoekers snel afhaken als content niet optimaal wordt weergegeven of als er extra handelingen nodig zijn als inzoomen of pagina’s verplaatsen. Bij responsive webdesign worden teksten, afbeeldingen en video’s geschaald, waardoor ze op elk scherm goed zichtbaar zijn. Zelfs knoppen en navigatie-elementen passen zich aan, wat onder alle omstandigheden zorgt voor de vereiste gebruiksvriendelijkheid.

Hoe werkt responsive webdesign?

Een responsive website of webwinkel is gebaseerd op een combinatie van CSS en JavaScrips. Door deze technieken met elkaar te verbinden, is de geboden informatie op elke soort en maat scherm en in alle standen (portrait of landscape) optimaal. Content en lay-out passen zich permanent aan de omstandigheden aan. Dat is het doel van responsive design.

In principe levert responsive webdesign geen beperkingen op. Wat op een ‘conventionele’ website of webshop kan, kan ook op een responsive website of webwinkel. Wel dient er rekening mee te worden gehouden dat het scherm van een smartphone echt klein is en dat internetverbindingen met je smartphone nu nog vaak minder snel zijn. Dit is echter goed te hanteren door slim om te gaan met de mogelijkheden. Het meest efficiënt is om een responsive website of webwinkel van scratch on te ontwikkelen en te bouwen, maar bestaande websites aanpassen kan ook.

Zien of responsive webdesign echt werkt? Je zit nú op een responsive website. Bekijk ‘m tegelijkertijd op je desktop of laptop en op je tablet of smartphone.