Categorie

Responsive Web en HTML5 Tweets

Responsive webdesign voor optimale gebruikservaring webcontent


De tijd dat websites alleen op een PC werden bekeken ligt ver achter ons. Met tablets, smartphones, en mini-netbooks kunnen we bijna overal en altijd online. Met responsive webdesign biedt webcontent altijd en op ieder apparaat een optimale gebruikservaring.

Responsive webdesign: een einde aan de mobiele versie
Responsive webdesign maakt het mogelijk om een website in één enkele versie te optimaliseren voor verschillende schermresoluties. De website past zich aan op de grootte van het scherm zonder in te boeten aan content of functionaliteit. Het is zelfs mogelijk bepaalde elementen wel of juist niet te tonen op basis van de schermresolutie. Denk aan het tonen van shortlinks naar belangrijke artikelen op een smartphone, of het opnemen van een sitemap in de footer om de gebruiker meer inzicht te geven in de opbouw van de website.

Technisch gezien betekent het responsive maken van een website een CSS aanpassing. Voor zowel ontwikkelaar als opdrachtgever betekent het responsive ontwikkelen van een website ook een verandering in het kijken naar webcontent en webbeleving.

Context en content
In webstatistieken wordt weergegeven met welk device de website wanneer en hoe lang is bekeken, maar er wordt niet bij vermeld in welke context dit bezoek plaatsvond. Stond de bezoeker in de winkel met een smartphone toen hij de productpagina van de webshop bekeek om een prijs te vergelijken? Of zat hij ontspannen op de bank met een iPad, maar werd hij afgeleid door een tv programma dat net begon? Het is belangrijk om te realiseren dat verschillende devices in verschillende context worden gebruikt. En webcontent daar op aan te passen. 

Begin met mobiel
Responsive ontwerpen begint daarom in het ontwikkelproces met het ontwerpen voor mobiel. Dat geldt zowel voor het grafisch ontwerp als voor de content structuur. Belangrijkste reden is dat dit een focus afdwingt. Een kleiner scherm betekent beperkte ruimte. Er is dus alleen ruimte voor de essentie. Stel deze vast en voeg steeds ‘nice to have’- elementen toe naarmate de ruimte toeneemt. Responsive webdesign werkt van klein naar groot, met uiteraard de doelgroep als uitgangspunt. 

Voordelen van responsive webdesign
Voor de contentmanager neemt de onderhoudbaarheid van de website toe omdat er gebruik gemaakt wordt van een enkel bronbestand. Zowel content wijzigingen en -aanvullingen, als technische aanpassingen kunnen gedaan worden in één versie.  Ook is het een duurzame oplossing: het is relatief eenvoudig om voor een nieuwe resolutiestandaard te optimaliseren. Daarnaast biedt responsive webdesign efficiency voordelen: er hoeft maar één website ontwikkeld te worden, in plaats van ook een aparte mobiele versie. 

De nieuwe standaard?
Het kunnen aanbieden van informatie aan de juiste persoon op de juiste tijd en op de juiste manier, ongeacht het gebruikte apparaat, wordt steeds belangrijker door de groeiende hoeveelheid online informatie en het groeiend aantal apparaten om die informatie te bekijken.  Responsive webdesign is een oplossing om efficiënt en doeltreffend te voorzien in de informatiebehoefte van deze tijd en mogelijk de nieuwe standaard bij het ontwikkelen van platformonafhankelijke websites en webapplicaties.