Meer weten of een afspraak maken?   Bel 0182 - 71 20 40

Webdesign trends 2017

Het einde van 2016 nadert dus wordt het tijd om vooruit te kijken naar het volgende jaar. Welke trends op gebied van webdesign kan je volgens ons verwachten? Wij hebben een aantal trends voor je op een rijtje gezet waar wij veel van verwachten in 2017.

Boxed design

Schermvullende afbeeldingen die de hele breedte van je scherm innemen zijn vaak prachtig om te zien. Alleen in combinatie met responsive design zorgt dit met enige regelmatig voor een hoop kopzorgen. Want hoe zorg je ervoor dat de afbeelding er op elk schermformaat goed uit blijft zien zonde de essentie van de foto te verliezen? We hebben vaak meegemaakt dat dit niet alleen voor onze klanten, maar ook voor onszelf nogal wat problemen veroorzaakt. De oplossing; boxed design. Geen schermvullende afbeeldingen meer over de hele breedte maar afbeeldingen die binnen de ‘grid’ blijven’. Op deze manier heb je veel meer controle over de afbeelding en blijft de beeldverhouding onder controle.

De site van de Wehkamp gebruikt boxed design.

Flat is no more

Flat webdesign was de grote trend op webdesign gebied van de afgelopen jaren. Langzaam zien we dat Flat design toch ook niet altijd zaligmakend is. Lang niet iedereen is er weg van en noemt het maar saai vanwege het minimalistische design. We zien daarom steeds meer subtiele schaduwen en animaties verschijnen die voor meer diepte en interactie zorgen. Google is hier al in 2015 mee begonnen en noemt het ‘Material design’.

Minder irritante popups

Popups, iedereen heeft er een hekel aan met uitzondering van e-mail marketeers. Niets is zo vervelend om nog voordat je een regel hebt kunnen lezen een popup voorgeschoteld te krijgen die je e-mailadres wil ontfutselen. Google heeft dit ook door en gaat sites die dit gedrag op mobiel vertonen per februari 2017 afstraffen. Hopelijk zet deze trend zich ook door richting de desktop, ik vermoed van wel.

Voorbeelden van slechte popups die geblokkeerd worden

Cinemagraphs

Misschien heb je ze ook al gezien op onze eigen site; cinemagraphs. Cinemagraphs zijn afbeeldingen vermengd met een animatie. Het beeld blijft in grote lijnen stilstaan, maar enkele onderdelen blijven constant bewegen. Deze afbeeldingen zorgen voor net wat meer aandacht dan een reguliere afbeelding, ons oog pikt bewegingen namelijk automatisch op. Cinemagraphs kan je met verschillende apps maken, maar het kan ook vrij eenvoudig in Photoshop.

Voorbeeld van een cinemagraph

Gradients

Nadat gradients eerst nagenoeg verdrongen waren door de flat design trend zien we ze langzaam maar zeker weer terugkomen. Van heel subtiel tot bijna extreme verlopen van de ene naar de andere kleur. We zien gradients ook vrij regelmatig gecombineerd worden als een ‘overlay’ over foto’s of gecombineerd worden met meer ‘’platte’ elementen. Op zoek naar inspiratie voor gradients? kijk dan eens op de uiGradients site.

Website Spotify | Gradients

Simplicity first

Interfaces en websites worden langzamerhand steeds meer uitgekleed qua design. Een goed voorbeeld is de nieuwe website van Schiphol. De site is karig in termen van design, maar op de homepage is wel direct duidelijk waar je moet zijn voor de meest basale zaken zoals vluchten zoeken. De focus wordt duidelijk gelegd op de content en de gebruiksvriendelijkheid van de website door het schrappen van een hoop (soms onnodige) decoratie. Wat ons betreft een goede trend, aangezien de gebruiksvriendelijkheid van een website bovenaan de prioriteitenlijst hoort te staan.

“The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use.”

Bron quote

Website Schiphol

De vernieuwde website van Schiphol

Meer nadruk op toegankelijkheid

Het web is er voor iedereen, ook als je blind, slechtziend of op wat voor manier dan ook beperkt bent. Een goede bruikbare en toegankelijke website is nog lang niet vanzelfsprekend. Toch zie ik langzaam om me heen steeds meer bewustwording ontstaan over dit thema. Voor WordPress is er bijvoorbeeld een aparte werkgroep opgericht die de toegankelijkheid moet verbeteren. Denk hierbij aan het mogelijk maken van toetsenbord navigatie voor zowel thema’s als de WordPress admin omgeving. Een ander voorbeeld is het verbeteren van de HTML zodat websites beter te interpreteren zijn voor screenreaders. Ook het Foundation framework is inmiddels volledig toegankelijk gemaakt. Er is nog een lange weg te gaan maar hopelijk worden we volgend jaar ons nog meer bewust van dit belangrijke thema.

Hoe waardeer je dit bericht?
Niels Pilon

Over Niels Pilon

Niels is WordPress webdesigner pur sang. Naast zijn voorliefde voor WordPress om de meest waanzinnige website op te ontwikkelen, heeft Niels erg veel op met typografie. Hij bezoekt daarnaast veel conferenties over Responsive Webdesign om altijd volledig op de hoogte te blijven van wat er speelt in het vakgebied!

Ook interessant

Je Google PageSpeedscore, wat moet je ermee?

De beïnvloedingsprincipes van Dr. Robert Cialdini: Commitment en Consistentie

8 veelgemaakte fouten door startende WordPress gebruikers


Wij werken onder andere voor

mautic is open source marketing automation

Niets meer missen?

 

 

Vul je gegevens in, dan houden wij je

op de hoogte van het laatste nieuws. 

Relax, we houden zelf ook niet van spam. We zullen je e-mail adres niet verkopen en sturen je niet vaker dan 1x per maand een bericht.