3/6

Responsive versus Adaptive webdesign

Een website wordt niet meer enkel ontworpen voor het desktop beeldscherm. Webdesigners houden er al vaak rekening mee dat een groeiend aantal mensen een tablet of smartphone gebruikt om websites te bezoeken. Met een adaptive of responsive design is het mogelijk om een dynamische layout te ontwikkelen die rekening houdt met het apparaat waarop de site bekeken wordt. Hoewel het einddoel van beide technieken hetzelfde is zit er een groot verschil in de ontwerpbenadering van de webpagina’s.

Responsive design

Een responsive webdesign is ontworpen om mee te schalen met de afmetingen van het scherm waarop de site bekeken wordt. De afbeeldingen en de tekstvlakken zijn flexibel van formaat waardoor het geschikt is voor elk apparaat. Om de tekst op een leesbaar formaat te houden worden de zinnen automatisch korter en de tekstvlakken langer naarmate het scherm kleiner wordt. Menu opties worden onder een uitklapknop verborgen om ruimte te besparen.

Er wordt dus maar één vloeibare website ontwikkeld voor alle apparaten. Omdat de teksten inhoudelijk op alle apparaten hetzelfde blijft ontstaat het risico dat uw contentstrategie verloren gaat. Elk apparaat en doelgroep heeft immers zijn eigen benadering.

Adaptive design

Een adaptive design maakt gebruik van een automatisch detectie script waardoor bezoekers enkel webpagina’s getoond krijgen die geschikt zijn voor hun apparaat. Het design beschikt dus over verschillende versies, ontwerpen en teksten die alle ontwikkelt zijn voor een specifiek apparaat. De website kan beter worden afgestemd op de functionaliteit van het apparaat waarmee de gebruikerservaring wordt verhoogd.

Bij een adaptive design moet voor elk apparaat heeft een eigen contentstrategie ontwikkeld worden waardoor de onderhoudskosten hoger liggen dan bij een responsive design. Aanpassingen moeten op de verschillende kanalen doorgevoerd worden.

Budget

Bij de keuze tussen de twee technieken moet dus eerst goed gekeken worden naar het beschikbare budget voor het onderhoud van de website. Hierna de communicatiestrategie en de wensen op gebied van gebruiksvriendelijkheid.

Met een klein budget voor de onderhoudskosten is het ook heel goed mogelijk een efficiënte contentstrategie uit te rollen op de verschillende kanalen. Naast de responsive desktop site wordt een nog responsive site ontwikkeld voor het mobiele kanaal. Er hoeft dan geen rekening meer gehouden te worden met het type apparaat maar enkel met de laadtijd en de beeldscherm afmeting. Wilt u meer weten over mogelijkheden van adaptive of responsive design neem dan vrijblijvend contact met op met typify.