Een responsive webdesign is een tegenwoordig veelgehoorde term. Je zal vast zelf ook wel eens een website of webshop zijn tegengekomen die er op de desktop vlekkeloos uit ziet, maar zodra je er op mobiel naar toe navigeert toch een stuk minder is. Een responsive webdesign staat letterlijk voor een “snel reagerend” webdesign en houdt in deze context vaak niet een snelle website in maar eerder dat een website een consistente gebruikerservaring kan afleveren, ongeacht het device wat wordt gebruikt. Ethan Marcotte schreef in 2010 een artikel over responsive webdesign en haalde daarin drie onderdelen aan:
- Media queries: een functie van CSS3 waardoor het renderen van content kan worden aangepast aan onder andere de schermresolutie.
- Fluid grids: een webpagina kan worden verdeeld in blokken. Deze blokken kunnen worden gemaakt met CSS zodat indien het schermformaat wijzigt de blokken automatisch worden meeverplaatst.
- Flexible visuals: tenslotte moeten natuurlijk afbeeldingen en video’s ook meeverplaatsen binnen eerdergenoemde blokken.
Mobile first indexatie
Google is recentelijk (2019) begonnen met het mobile-first indexen. Wat dit inhoudt is dat de mobiele versie van een website nu écht vooraan staat in de pikorde van het indexeren. Voldoet jouw mobiele versie niet aan Google’s eisen? Dan kan dat veel invloed hebben op je rankings. Een slechte mobiele versie van je website zorgt vaak voor een hogere bouncerate. Dit strookt helaas niet met de gedachte die webbouwers sporadisch nog hebben die té weinig tijd aan de mobiele versie besteden en voornamelijk kijken naar hoe een website er op desktop zit. Immers, op dit moment is het conversiepercentage op desktop gemiddeld genomen vele malen hoger. Recent onderzoek van Shopping Tomorrow toont echter aan dat maar liefst 66% van de mensen een smartphone gebruikt voor online winkelen en er wordt verwacht dat in 2025 het meeste van de online aankopen via mobiel wordt gedaan. Hoog tijd om je mobiele versie van je website of webshop serieus te gaan nemen!
Communicatie in het webdesign proces
Wat kunnen we hier nu van leren? Allereerst, dat communicatie in het webdesign proces tussen onderlinge partijen de sleutel is tot succes. Dat houdt in, de webbouwer dient website-eigenaren en webdesigners op de hoogte te stellen dat een responsive webdesign hedendaags een must is. Webdesigners dienen op hun plek dus ook voldoende rekening moeten houden met een goed doordacht mobiel design van de website/webshop, nog té vaak wordt het gros van de tijd besteed aan de desktopversie en wordt vervolgens de mobiele versie het ondergeschoven kindje als ware een uitgeklede desktopversie van de website/webshop. Tenslotte, de website/webshop-eigenaar dient rekening te houden met het mobile-first indexing principe. Ook al converteert je website nu voornamelijk vanaf desktop, nog steeds kan je mobiele versie een bijdrage leveren. Het is goed mogelijk dat je mobiele versie wel bijdraagt in de vaak versplinterde customer journey in het online proces. Een goede ervaring voor de eindgebruiker is dan dus ook zeer belangrijk ook al converteert je website/webshop mobiel (nog) niet.