Wanneer we het hebben over webdesign in 2017, hebben we het echt over responsief webontwerp. In iets meer dan zes jaar is de term 'responsief' een alles doordringende industriestandaard geworden.
Responsief webontwerp is het proces van het ontwerpen van een site of een webapp, zodat de inhoud ervan op de juiste manier wordt aangepast aan het apparaat waarop het wordt bekeken. Een paar jaar geleden zag ik een uitstekende conference talk van Ethan Marcotte-who bedacht de term 'responsive web design'-waarin hij responsieve sites vergeleek met de Pando-boom in Utah; een enkel organisme met een verbonden wortelstructuur, dat op verschillende plaatsen uit de grond verschijnt, verschillende contexten, in verschillende grootten, maar allemaal met dezelfde basisgenetica.
Het is aantoonbaar de goedkeuring van responsief ontwerp dat de groei van het mobiele web mogelijk heeft gemaakt; zonder dit zouden de kosten van het ontwikkelen van een mobiele site parallel met een desktopversie veel bedrijven ertoe hebben aangezet om bij de laatste te blijven.
relaties die zijn ontworpen voor mobiel, worden vaak omgezet naar veel grotere viewports
Maar responsief ontwerp is niet zonder problemen. Per definitie reageren responsieve ontwerpen op de viewport-grootte, niet op de inhoud. Op containers gebaseerde variaties op CSS-mediaquery's zijn als oplossing geopperd, maar zijn tot nu toe slechts een post-it op iemands whiteboard.
Design gaat in grote lijnen over relaties tussen elementen, en die relaties zijn beperkt op een klein scherm. Bovendien, omdat onze opmaak semantisch gestructureerd is, worden relaties die ontworpen zijn voor mobiel vaak omgezet in veel grotere viewports.
Een van de meest bekritiseerde UI-beslissingen van het afgelopen jaar was het toenemende aantal hamburgermenu's dat op de desktop werd gebruikt. Er is echter weinig aandacht besteed aan mobiele lay-outs - horizontale banden met inhoud onderverdeeld in een raster met 12 kolommen - opgeschaald naar desktop.
De vraag of responsief webdesign creativiteit doodt, is waarschijnlijk oneerlijk; het gaat ervan uit dat diversiteit en innovatie het levensbloed zijn van een ontwerpproces. Het legt ook de schuld op een concept, als er de schuld is aan de verdeling, het ligt zeker bij de implementatie. In feite bloeit design vaak onder de strengste beperkingen - ik ken een ontwerper die zijn eigen beperkingen toevoegt aan klantenrapporten, omdat hij vindt dat zijn werk sterker is wanneer hij wordt uitgedaagd.
als er de schuld is aan de verdeling, ligt het zeker bij de implementatie
Responsief ontwerp werkt ongelooflijk goed met branding, maar het is minder dan ideaal voor lay-out. Het kan zijn dat de beste manier om responsief ontwerp te implementeren, is om verschillende ontwerpen voor verschillende klassen van viewport te maken en alleen voor vergelijkbare schermen te vertrouwen op responsieve technieken. We weten misschien niet de exacte afmetingen van elk scherm, maar we weten dat een telefoon in een zak moet passen, we weten dat een notebook niet smaller kan zijn dan zijn toetsenbord.
Responsief ontwerpen kan eenvoudigweg een idee zijn dat zijn tijd verder is dan we nu beseffen, en zodra tools zoals CSS-variabelen en containerquery's zijn geïmplementeerd, zal design op het web opnieuw divers worden.
Uitgelichte afbeelding, Pando-afbeelding door Tony Frates via Flickr