Wat je móet weten over responsive webdesign

Allereerst een antwoord op de vraag waarom we worden doodgegooid met deze term. Omdat websites in grootmoeders tijd – zo’n vijf jaar geleden en daarvoor – vrijwel alleen werden bezocht op desktops en laptops met allemaal ongeveer hetzelfde schermformaat. En dat is nu niet meer zo. De mobiele revolutie – en daarmee de lancering van apparaten als smartphones en tablets – is een aantal jaar geleden in gang gezet en de afgelopen tijd in een wilde stroomversnelling geraakt.

De smartphone veroverde de wereld, de verkoop van tablets explodeerde en de behoefte om altijd en overal online te zijn is groter dan ooit. Op dit moment komt bijna 20% van het totale internetverkeer van een mobiel apparaat. En dat zal in 2014 naar verwachting naar boven de 25% groeien. Het aantal mensen met een mobiele internetverbinding ligt al boven een miljard. Ook dat zal alleen maar verder stijgen. Dit alles zorgt voor een compleet nieuwe situatie. Een situatie waarin mensen op honderden verschillende apparaten websites bezoeken. Dat wil zeggen; niet alleen op verschillende schermformaten, maar ook op verschillende manieren, met andere behoeftes en andere context.

Gevolg: het ambacht webdesign wordt naar een hoger niveau getild. Websites worden ontworpen en gebouwd voor verschillende schermformaten en gebruikersbehoeften. Daarbij zijn nieuwe vraagstukken ontstaan, moeten nieuwe afwegingen in ogenschouw worden genomen en andere keuzes worden gemaakt.
Content moet worden geprioriteerd, waarna je voor verschillende formaten en apparaten een andere indeling of weergave moet kiezen. Vaak wordt zelfs een deel van de content weggelaten. Maar welke content? En in welke gevallen wel en welke niet? In mijn derde artikel in deze serie zal ik daar dieper op ingaan.

Wat houdt RWD precies in?

Nu we weten hoe de term is ontstaan, wil ik toch nog even precies definiëren wat de term nu eigenlijk precies inhoudt. Er is de afgelopen tijd namelijk enige verwarring ontstaan over de betekenis en het gebruik van de term. Mijn definitie:

RWD is een manier van ontwerpen waarbij geprobeerd wordt gebruikers van verschillende apparaten en schermformaten een zo optimaal mogelijke gebruikerservaring te bieden. Door de indeling – en de content – te ontwerpen aan de hand van de beschikbare ruimte, ontstaat een ervaring die beter past bij de manier waarop een website wordt bezocht.

Adaptive webdesign

Als we het ook hebben over de manier waarop een apparaat wordt gebruikt – en contextuele factoren als tijd en locatie – hebben we het eigenlijk over adaptive webdesign. Er ontstaat vaak verwarring tussen deze twee begrippen. Adaptive webdesign gaat dus een stapje verder dan responsive webdesign. In dat geval kan ook de functionaliteit van een website zich aan de gebruiker aanpassen, door het tijdstip of de locatie van het bezoekmoment te gebruiken. De website past zich dan dus nog meer aan de gebruiker aan.

Een goed voorbeeld is het gebruik van formulieren. Gebruikers van een desktop hebben de beschikking over een toetsenbord, waardoor typen een kleine moeite is. Het invullen van een formulier is zo gebeurd. Maar gebruikers van een smartphone zitten niet te wachten op veel typewerk. Bovendien werken formulieren technisch anders op veel mobiele apparaten of worden zelfs onbruikbaar. Je kunt je dus afvragen of het wijs is om gebruikers van een smartphone een sollicitatieformulier in te laten vullen. Misschien is het slimmer om de optie te bieden de vacature naar een emailadres te laten verzenden.

Bronvermelding: Wat je móet weten over responsive webdesign is als eerste geplaatst op https://www.frankwatching.com