De mobiele website is dood. Lang leve Responsive Webdesign! Hoe het maken van websites totaal is veranderd door een nieuwe techniek.
We gaan een tijdperk in met allerlei nieuwe apparaten waarop een website bekeken kan worden (smartphones, e-reader, tablets, etc). Het is onmogelijk om voor elk apparaat een specifieke versie van jouw website te maken. Responsive Webdesign lost dit probleem op. In dit artikel leg ik uit wat Responsive Webdesign is en waarom een aparte mobiele website overbodig is.
Het overlijden van de mobiele website
Een mobiele website is een versie van jouw website die geschikt gemaakt is voor een mobiel apparaat. En dat is meteen het probleem: wat is een mobiel apparaat? Is dat een oude Nokia 3310? Is dat een iPhone? Of is het een tablet? Omdat je hier geen eenduidig antwoord op kan geven is het ook heel moeilijk om een mobiele versie van een website te maken die geschikt is voor al deze apparaten. Wat je meestal ziet is dat er een consensus wordt gedaan. De mobiele website wordt geschikt gemaakt voor een paar apparaten maar op de rest ziet het er niet uit.
Ook een webdesign expert worden? Schrijf je in voor onze nieuwsbrief
Daarnaast wordt de mobiele versie vaak uitgekleed qua content. Het idee is dat mensen mobiel zijn dus slechts beperkt content willen zien. Denk bijvoorbeeld aan een restaurant die alleen contactgegevens en een routebeschrijving laat zien op hun mobiele website. Maar onderzoek wijst uit dat steeds meer mensen het "mobiele web" benaderen terwijl ze gewoon thuis op de bank zitten. En dan willen ze misschien juist wel foto's of de menukaart van het restaurant zien.
De twee bovenstaande problemen zorgen ervoor dat het maken van een mobiele website een moeizaam en vervelend proces is. Gelukkig zijn die tijden voorbij...
Hallelujah! Responsive Webdesign
Er is maar één website! Er is geen aparte versie voor je smartphone of je tablet. Je website reageert op het apparaat waarop de website bekeken wordt (dus responsive). Als de website bijvoorbeeld op een smartphone met een resolutie van 320px bekeken wordt dan past de website zich automatisch aan. Het content vlak wordt smaller, het font wordt groter en de afbeeldingen schalen automatisch mee. Daarmee is je website klaar voor de toekomst. Want wie weet waar we over een jaar websites op bekijken.
Misschien breekt internet op TV eindelijk door (Google TV, Apple TV of Boxee) of geen we voortaan op ons horloge websites bekijken.
Andere voordelen zijn dat je nu niet een aparte mobiele website en een 'normale' website moet onderhouden. Daarnaast hoef je ook geen moeilijke keuzes te maken over welke content je de mobiele gebruiker voorschotelt. Het mooie aan Responsive Webdesign is dat het gedaan kan worden met technieken die nu al bestaan (HTML+CSS3). Er hoeven dus geen extra scripts of modules geïnstalleerd te krijgen. Elke beetje moderne (mobiele) browser past de website dus automatisch aan!
Uitzonderingen
Er zijn echter uitzonderingen. In 99% van alle gevallen zal een responsive website altijd een betere keuze zijn dan een mobiele website. Maar soms wil je een website die helemaal toegespitst is op een mobiele gebruiker. Zo een soort website kun je dan eigenlijk ook beter vergelijken met een App. Denk bijvoorbeeld aan een website voor een evenement waar mensen die op het evenement zijn vragen kunnen stellen aan een spreker via de mobiele website.
Wil je meer informatie over Responsive webdesign dan raad ik dit boek aan. Het legt uit wat Responsive webdesign is, waarom je het moet gebruiken en hoe je het ook daadwerkelijk kan toepassen op jouw website. Wat vind jij? Heb ik gelijk dat ik het mobiele web dood verklaar of zit ik er helemaal naast? Ga de discussie met mij aan in het commentaar!