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.

Gerelateerde case

Ridder Data Systems, marktleider in de ERP systemen en trots ontwikkelaar van het eigen ERP systeem: Ridder iQ. Al ruim 35 jaar staat Ridder met beide benen in de maak-industrie. Niet alleen is Ridder marktleider, ook zetten ze keer op keer de toon met hun innovaties. Voor deze belangrijke speler bouwde Fris Online een op modules gebaseerde website.

Bekijk de volledige case

Ook interessant

Cookies en privacy

Je weet dat ze er zijn: cookies. Per categorie kan je jouw keuze voor het gebruik van cookies aangeven. Deze methode komt overeen met de nieuwe AVG (ingangsdatum 25 mei 2018). Wij hebben de cookies van Google Analytics volledig geanonimiseerd en daarom mogen wij die plaatsen zonder toestemming. Op onze Privacy Pagina kan je hier meer over lezen.

Privacy policy | Sluiten
Instellingen