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.

 

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.

Kan ik je helpen met je website?

We leiden je graag rond in de online jungle. Zullen we vrijblijvend kennismaken?

Neem contact op

Niels Pilon

WordPress Specialist

0182 – 71 20 40
niels@fris.online

Meer artikelen over Websites

raket WP Rocket

Prettige Plug-ins | WP Rocket

Wil je jouw WordPress website sneller maken? Verbeter de snelheid van je website met WP Rocket. Lees hier waarom wij kiezen voor deze prettige plug-in.

Lees verder
tagWebsites
Popup Maker

Prettige Plug-ins | Popup Maker

Wil je een popup toevoegen aan je WordPress website? Dan is Popup Maker een prettige plug-in om dat voor elkaar te krijgen. Lees hier waarom wij voor Popup Maker kiezen voor het maken van popups.

Lees verder
tagWebsites

Waarom een slider op je website geen goed idee is

Hoewel veel websites het nog gebruiken, is een slider of carrousel op je website geen goed idee. Met zo’n bewegende diashow van beelden en tekst loop je waardevolle kliks, engagement en uiteindelijk zelfs klanten mis. Wij leggen je uit waarom.

Lees verder
tagWebsites