Geen responsive design zonder adaptive content
Websites op maat van toestel en gebruiker
Nu draagbare devices zoals smartphones en tablets meer regel dan uitzondering geworden zijn, let u er maar beter op dat de informatie op uw bedrijfswebsite ook perfect past op elk van die toestellen. En dan hebben we het niet alleen over de vormgeving. Want meer dan ooit is content king.
Steeds meer websites krijgen een responsive design. Bij een responsive design passen de interactiemogelijkheden, functionaliteit, layout, typografie en/of content zich aan aan het device en beeldschermformaat waarin het gebruikt wordt. Het design wordt daardoor gebruiksvriendelijk op zowel een groot desktopscherm als op het kleine scherm van een smartphone.
Mobile first
Een veel gebruikte techniek bij responsive design is progressive enhancement. Hierbij wordt een ontwerp gemaakt voor gebruik in de minst ideale omstandigheden die voor de desbetreffende site en doelgroep realistisch zijn. Later wordt er visuele en functionele meerwaarde toegevoegd aan dit ontwerp voor gebruik in meer ideale omstandigheden. De mobile first strategie is een bekend voorbeeld van progressive enhancement. Deze strategie houdt in dat een design in eerste instantie gemaakt wordt voor gebruik op een smartphone. Het scherm van een smartphone is klein en de internetverbinding kan vaak zeer traag zijn. De designer is hierdoor gedwongen om zich te beperken tot de absolute essentie van de website of applicatie. Later wordt dit design uitgebreid voor gebruik op grotere schermen.
Een bekend nadeel van deze aanpak is dat een progressive design gebaseerd is op beperkingen in plaats van mogelijkheden. Het risico bestaat dat dit ten koste gaat van innovatie. Het grote voordeel van progressive enhancement is echter dat de essentie altijd in het ontwerp aanwezig is ongeacht de context waarin het ontwerp gebruikt zal worden.
De kracht van content
Een adaptive website is als het ware een responsive website plus. De site past zich niet alleen aan de schermgrootte aan, maar gebruikt ook scripts op de server om te herkennen welk apparaat de site bezoekt en/of bijvoorbeeld de schermresolutie (retina) en/of de snelheid van de internetverbinding, zodat de inhoud en de functionaliteit zich hieraan kan aanpassen. Hiermee kunnen bepaalde nadelen van responsive webdesign worden ondervangen. Zoals dus bijvoorbeeld te lange laadtijden op smartphones met langzame verbindingen.
Aan de kant van de bezoeker een ideale gebruikerservaring; aan de kant van de contentmanager een flinke hoeveelheid extra werk. En daar ligt vaak de belangrijkste afweging: levert die toename in werk een engagement-, conversie- of omzetgroei op die de moeite waard is?
In de praktijk
Een mooi voorbeeld van adaptive content is de functionaliteit waarbij je je telefoonnummer kunt invoeren met daaronder een knop met de tekst “Bel mij nu”. Deze content wordt pas adaptive wanneer je dezelfde pagina opent in het weekend of ’s avonds na acht uur en de terugbelfunctie vervangen is door de melding dat de helpdesk op dat moment niet bereikbaar is en de tijden waarop dat wél het geval is in de plaats verschijnen.
Een ander voorbeeld is het tonen van een knop “Restaurants dichtbij mijn locatie” wanneer een website wordt bezocht op een mobiele telefoon met gps. Bij adaptive design zal deze knop echter niet verschijnen op een desktop, omdat die daar geen meerwaarde voor de gebruiker biedt.
Tenslotte is het een goede zaak om veelvuldig te testen en experimenteren met verschillende vormen van responsive en adaptive content. Zo ontdekt u welke contentstrategie het beste past bij jouw bedrijf en online kanalen.
Hieronder vind je het originele artikel zoals het verscheen in CxO Magazine van juni 2014. Je kan het ook als pdf document downloaden (1,82 MB).