Responsive Design, bij welk scherm stopt het?

Dat we in een multi-screen-world leven moet niet meer een verrassing zijn. Okay....dat het meerendeel van Neerlands websites nog steeds niet te bekijken is op een normaal scherm (ja die van mijn smartphone lieve marketeers!!) blijft natuurlijk een trieste ontwikkeling. De juiste oplossing ligt namelijk gewoon voor handen: responsive design. Responsive design is een manier om je website op elk device er goed uit te kunnen laten zien. Klinkt eenvoudiger dan het is want als "front-end designer" weet ik uit ervaring dat het maken van een goed responsive design best een uitdaging is. Zeker om het zo te "adapten" dat het op elk device werkbaar is zonder complete delen van de pagina te verbergen. Ik heb in deze inleiding al twee keer geschreven "elk device". Een gevaarlijke uitspraak want wat valt hier tegenwoordig nog onder? Terwijl veel bedrijven met hun website nog in de smartphone ontkenningsfase zitten, stel ik mezelf al weer de volgende vraag. Wat moeten we doen met wearables? Voordat de smartphones in opkomst kwamen bij het grote publiek en de Blackberry's en Nokia's keurig werden ingeruild voor de Samsungs en iPhones had niemand voorspeld dat mensen hun telefoon daadwerkelijk zouden gebruiken om alle content van je website te scannen. Je telefoon zou je niet thuis gebruiken, maar onderweg en alleen om even snel iets op te zoeken. Dat dit idee inmiddels behoorlijk achterhaald is, bevestigd Google ook in zijn jaarlijkse rapportage. Wat is nu het antwoord op de vraag hoe gebruikers omgaan met de nieuwste generatie devices? Een smartwatch is op dit moment niet meer dan het verlengstuk van je smartphone. Maar de ontwikkeling staat nog in kinderschoenen en daardoor de manier van gebruik ook. Toch is de smartwatch en andere wearables wel iets waar we nu al over na moeten gaan denken. We kunnen er apps voor maken, maar is het straks ook de bedoeling dat we een deel of misschien de hele website moeten kunnen opvragen op deze screens? We begonnen met smarthphones ook met een schermgrootte van 320x240 en we hebben nu inmiddels apparaten die niet meer passen in de gemiddelde handtas of in de kontzak van je skinny. Hoe gaan we een website fatsoenlijk tonen op zo'n klein scherm. Past deze content wel om je pols en is responsive design eigenlijk wel echt de oplossing van de toekomst? Ik ben niet de enige vakidioot die zichzelf deze vraagt stelt, die onderstaande schermafbeelding van het forum op csstricks.com Een design fatsoenlijk optimaliseren van een groot desktop scherm naar telefoonformaat zonder kwaliteitsverlies is niet makkelijk. Deze terugbrengen naar het schermformaat van een wearable is een uitdaging. De beperkingen die je hebt op een telefoonscherm zijn kinderspel vergeleken bij de manier van navigeren op een horlogescherm. Wil ik als gebruiker een website kunnen openen op mijn smartwatch? Nu.nl ontwikkelde een app voor de Sony Smartwatch en de promovideo van deze wearable laat ook zien dat er een browser op zit. Dus er is een kans dat iemand jouw website gaat bezoeken op zijn horloge....Het beeld dat deze bezoeker ervaart van je niet-responsive website is eigenlijk zoals onderstaande foto ;-) Maar kunnen we door het toevoegen van extra breakpoints ervoor zorgen dat responsive design nog steeds staat voor het supporten van alle schermen? Of komen we weer in de fase waarin we ook zaten met smartphones. Eerst apps...voorzichtig aparte mobile websites...en dan uiteindelijk multi-screen. Ik denk dat er aan responsive design zeker wel grenzen verbonden zijn. En dat we nu te maken gaan krijgen met een nieuwe groep schermen die hun eigen oplossing nodig gaan hebben. Laten we responsive design gewoon lekker houden voor die ontelbaar verschillende schermresoluties, Android versies en type browsers. Daar hebben we het al druk genoeg mee toch...