We willen dit graag met je delen

Moet een website responsive zijn?

19 december 2013 - door Peter Slagter

Tags:

rwd-moet-het-l.jpg

Het wordt nogal eens gezegd: een website móet responsive zijn. Soms enkel omdat het als “mooi” wordt ervaren, soms vanuit een ideaal (“zo zou een website moeten zijn”). Ik kan me voorstellen dat je daarin meegaat, omdat je anders “achterloopt”, niet “goed bereikbaar bent”, “omzet mist” of “niet modern genoeg bent”. In dit artikel ga ik in op het sentiment rondom RWD aan de hand van de vraag: “Moet mijn website responsive zijn?”

Dit is het tweede artikel in onze serie over responsive webdesign. Weet je nog niet precies wat RWD is? Dan wil je wellicht eerst deel 1 lezen voordat je verder gaat.

De voordelen van responsive webdesign

De statistieken liegen er niet om. Op belangrijke e-commerce websites komt al meer dan 21% van het bezoek van een mobiel apparaat. In Nederland kwamen er in kwartaal 1 van 2013 maar liefst 268.000 nieuwe mobiele aansluitingen bij. Het aantal abonnementen met mobiel breedband groeide door naar 10.5 miljoen. Ten opzichte van het eerste kwartaal van 2012 werd er 58% meer data gebruikt.

Niet alleen het aantal internetters dat gebruik maakt van iets anders dan een desktop-PC of een laptop neemt toe, ook het aantal verschillende apparaten. Werden er in 2010 nog zo’n 97 verschillende schermformaten geregistreerd, in 2013 is dat getal gegroeid naar 232. Dit aantal zal naar verwachting nog veel sterker gaan stijgen, omdat de komende jaren veel meer soorten apparaten met het internet verbinding kunnen maken.

Brad Frost heeft dit pakkend verbeeld met de volgende drie afbeeldingen:

Je begrijpt dat het onmogelijk is om voor al deze apparaten verschillende websites (of andere kanalen) op te zetten. Het is dus niet gek dat responsive webdesign belangrijk is geworden: het belangrijkste voordeel is dat RWD die diversiteit omarmt door met één website alle apparaten van informatie te voorzien, qua vormgeving afgestemd op het apparaat van de gebruiker.

En dat is nog lang niet alles. RWD werkt kostenverlagend: Je hebt maar één website in beheer; je publiceert je content één keer. Hoewel een responsive website doorgaans een hogere initiële investering vereist, zullen de verdere kosten lager uitvallen dan wanneer je verschillende versies online hebt staan. Denk ook aan het feit dat het eenvoudiger is om analyses en rapportages uit te brengen over (al) je bezoekers. Ook op het gebied van zoekmachine-optimalisatie zijn er voordelen te noemen, waaronder het feit dat al je content op één URL te vinden is. Daarnaast blijkt uit cijfers dat bezoekers van een responsive website langer op de website blijven, meer van je content lezen en vaker tot conversie leiden. Met andere woorden: het levert meer op!

Het klinkt haast te mooi om waar te zijn. Daarom kan ik me voorstellen dat je dit graag aan de hand van data nog eens wilt onderzoeken of wilt verfiëren. Duik eens in de case study over Time Inc., O’Neill Clothing, Skinny Ties, Fathead, Bonnier Tidskrifter of Regent College. De data liegt er niet om!

Wow! Een silver bullet?

When I snap my fingers… – al die voordelen geven haast een euforisch gevoel, maar ik wil het graag nuanceren. Nee, RWD is geen silver bullet. Nee, je website hoeft niet responsive te zijn. Het is belangrijk om je te realiseren dat het in het sentiment van een hype doorgaans gaat om de hype zelf. Een website responsive maken omdat hij dan responsive is. Dat is niet het punt.

Het maakt je bezoekers doorgaans niets uit of je website responsive is of niet. Het maakt ze niet uit of je een aparte website voor smartphones, tablets en desktops onderhoudt. Het maakt ze niet uit of je er één maand of 3 jaar aan hebt gewerkt. Daarentegen maakt het ze wél uit als ze niet gedaan krijgen wat ze willen doen. Of als je website een minuut nodig heeft om te laden. Of als de interactie moeilijk, stuk of zelfs onbegrijpelijk is.

Het punt is dat het tijd is om functionele en gebruiksvriendelijke websites te maken voor een groeiend aantal apparaten en contexten. Niet omdat het op dit moment een hype is. Of omdat het ‘t beste is om te doen. Of omdat het leuk is. Omdat het trendy is, of hip. Omdat er veel over wordt gesproken en geschreven. Of omdat je indruk kunt maken op een collega bij het verkleinen of vergroten van je browservenster. Maar omdat je hiermee de beste ervaring voor je bezoeker neerzet. Daarom!

Zoals ik in deel 1 al schreef: het web is veranderd. Er zijn nieuwe standaarden ontstaan. We moeten ons aanpassen om met die nieuwe standaarden om te gaan. We kunnen niet meer om de veranderingen heen en – fingers crossed – hopen dat al die nieuwe apparaten onze conventionele desktop-website nog goed weergeven.

In de context van het veranderde web is RWD een belangrijke ontwikkeling, maar niet meer dan dat. Het is niet hét allesomvattende antwoord op de explosieve groei aan apparaten en browsers, maar het is één van de mogelijke ingrediënten om de ervaring van jouw bezoekers van je website te verbeteren.

De verkeerde vraag...

Bijna reflexmatig wordt er tegenwoordig gesproken over RWD als antwoord op het veranderde web. “Moet mijn website responsive zijn?” is de verkeerde vraag en leidt af van het feit dat het web fundamenteel veranderd is. Een betere vraag is: in hoeverre krijg je jouw content, onafhankelijk van het apparaat en de context, op een gebruiksvriendelijke manier bij de ontvanger?

Het beantwoorden van deze vraag verlangt een andere aanpak. Het web is fundamenteel veranderd, met als gevolg dat het antwoord op die verandering ook fundamenteel is. De tijd is aangebroken om je contentstrategie onder de loep te nemen. Wat zijn je doelgroepen en is hun gedrag veranderd? Welk deel van je bezoekers gebruikt een ander apparaat dan dat je gewend was? Is er iets bekend over de manier waarop bezoekers jouw communicatiekanalen gebruiken? Is jouw content toegankelijk voor iedereen? In hoeverre sluit je contentstrategie nog aan op de veranderingen van afgelopen jaren?

Onderzoek je dit, dan zullen er ongetwijfeld vele verbeterpunten naar boven komen. Misschien is het meeschalen van de website met de afmetingen van het scherm van de gebruiker daar één van. Zo’n lijst met verbeterpunten kan je op vele manieren prioriteren, maar laat je daarbij niet beïnvloeden door een hype of een ogenschijnlijke urgentie. Het verbeteren van je communicatie en de strategie daarachter kost tijd en geld. Investeer daarom in datgene dat het meeste waarde oplevert voor jou en je gebruikers, niet in wat het meest besproken wordt. Laat data spreken, niet het sentiment.

De waarde van responsive webdesign

Zorg ervoor dat je RWD inzet in de context van een vernieuwde (content)strategie, die past bij het web anno nu. Zonder onderzoek je websiteonderdelen herschikken voor mobiele telefoons en tablets wekt doorgaans eerder frustratie op bij je publiek dan een verbeterde ervaring. En dan schiet RWD zijn doel voorbij.

Ik ben groot fan van RWD en denk dat een responsive website goed is voor elke organisatie. Lees de voordelen nog eens door en laat de data spreken. Uiteindelijk krijgt elke organisatie te maken met bezoekers via een niet-conventioneel apparaat. RWD werkt en blijft. Het is een geweldige oplossing waarmee je diversiteit op het web omarmt!

Mocht je op het punt staan om je website te vernieuwen: beoordeel op welke manier de mobiele revolutie jouw contentstrategie beïnvloedt en onderzoek hoe je RWD in synergie kunt brengen met je content. Heb je hier hulp bij nodig? Neem dan contact op. We helpen je graag!

In het volgende artikel ga ik in op de vraag waarom het lastig is om je bestaande website responsive te maken. Daarna ga ik in op de verschillende manieren waarop je een website responsive kunt maken, in de context van benodigde tijd en bijbehorende kosten.

Deel dit bericht!

Gerelateerde berichten

Reacties

Plaats een reactie!

Italic en bold

*Dit is italic*, en _dit ook_.
**Dit is bold**, en __dit ook__.

Links

Dit is een link naar [Procurios](http://www.procurios.nl).

Lijsten

Een lijst met bullets kan worden gemaakt met:
- Min-tekens,
+ Plus-tekens,
* Of een asterisk.

Een genummerde lijst kan worden gemaakt met:
1. Lijst-item nummer 1.
2. Lijst-item nummer 2.

Quote

Onderstaande tekst vormt een quote:
> Dit is de eerste regel.
> Dit is de tweede regel.

Code

Er kan een blok met code worden geplaatst. Door voor de tekst vier spaties te plaatsen, ontstaat een code-block.