Responsive design: het einde van de mobiele website

Dinsdag 24 januari 2012 om 16:47 door Harmen Visser, consultant

Dat uw klant al lang niet meer alleen op de laptop of reguliere computer het internet op surft, is niets nieuws. Mobiele apparaten zoals smartphones en tablets zijn inmiddels volledig ingeburgerd. Meer dan 50% van het totale Nederlandse internetverkeer gaat tegenwoordig via mobiele apparaten. En dat aantal zal voorlopig blijven stijgen. Geen wonder dat websites geschikt voor mobiele telefoons als paddestoelen uit de grond schieten. Echter bevatten deze sites lang niet alle informatie en werkt deze zelden op alle resoluties. Responsive design is hierop het antwoord.

Responsive design

Waarom responsive design?

Responsive design is een websiteontwerp dat zich automatisch aanpast aan de formaten van het apparaat waarop het getoond wordt. Het uitgangspunt is dus 1 website. Dit in tegenstelling tot adaptive design. Hierbij is de vormgeving en dus ook de website specifiek voor een bepaald apparaat ontworpen. Responsive design heeft veel voordelen, hierbij de belangrijkste:

1. Een Link naar informatie is altijd gelijk
Veel informatie wordt gedeeld . Via Twitter, Facebook en e-mail wordt veel informatie gedeeld door middel van links. Zowel het delen van links als het klikken erop gebeurt via verschillende apparaten. Wie op een link klikt wil terechtkomen op een site die geoptimaliseerd is voor zijn toestel, niet voor het toestel van de persoon die de link deelde.

2. Alle informatie is op alle apparaten toegankelijk
Een grote misvatting is dat mobiele surfers niet altijd alle informatie willen bekijken. Een bezoeker die toevallig op de bank met zijn iPad surft heeft wellicht dezelfde informatiebehoefte als een persoon die in de trein via zijn smartphone surft. Met behulp van responsive design is alle informatie op elk apparaat toegankelijk en optimaal gepresenteerd.

3. De gezochte informatie is via mobiele zoekmachine ook vindbaar
Wanneer voor elk apparaat een aparte website wordt gerealiseerd, is het maar de vraag welke site naar voren komt in Google. Grote kans dat wanneer via een mobiele zoekmachine gezocht wordt, niet de mobiele site, maar de reguliere website gevonden wordt. Wat vaak gebeurt, is dat je als mobiele surfer bij het doorklikken geredirect wordt naar de mobiele website. De pagina die je wilde zien mag je daar dan opnieuw gaan zoeken.

4. Het beheer beperkt zich tot 1 website
Een website voor elk apparaat betekent extra beheer voor deze website. Met een website gebaseerd op responsive design beheert u slechts 1 websites. Dat dit vele malen efficiënter is, is evident.

Nadelen responsive design

Er kleven uiteraard ook nadelen aan responsive design. Het creëren van een websiteontwerp dat zich automatisch aanpast aan het schermformaat vergt meer tijd en is daardoor duurder. Daarbij is meer code nodig om de gewenste flexibiliteit te realiseren. Mobiele apparaten hebben vaak minder brandbreedte tot beschikking en dan is minder code welkom. Als laatste nadeel zou je fluid images kunnen benoemen. Dit zijn afbeeldingen zich die automatisch aanpassen aan de schermgrootte. Niet elke afbeelding leent zich hiervoor.

Heb ik een website op basis van responsive design nodig?

Hoewel het antwoord uiteraard afhangt van uw business, is de kans groot dat responsive desgin voor u uitkomst biedt. Zoals gezegd vindt 50% van al het internetverkeer plaats via mobiele apparaten. Uw doelgroep surft ook via mobiele apparaten op internet. Waarom zou u aan hen niet de informatie laten zien die u weloverwogen wel aan de bezoeker van uw reguliere website laat zien?