De 6 website trends van 2020

16 september 2020 | Creatie & Concept | Tags: , , ,

Website trends 2020

Het najaar is weer begonnen en 2019 loopt langzaam op zijn eind. Hoog tijd dus om eens te kijken naar de aankomende website trends van 2020. In 2019 was vooral ‘flat design’ populair. Dit concept stond voor een strak en helder ontwerp zonder onnodige poespas, maar blijft dit de way to go? We zetten de aankomende trends voor je op een rijtje.

1. Optimale user experience

Meer dan ooit is een goede user experience belangrijk voor website bezoekers. Ze verwachten dat wanneer ze een website bezoeken dat deze werkt zoals ze verwachten en dat het gebruik dus niet onnodig veel moeite kost. Onderdeel van de gebruikerservaring is naast het gebruiksgemak en de eenvoud ook de laadsnelheid. Bovendien neemt Google de laadtijd van jouw website mee in de beoordeling en ranking van jouw website. Eén van de website trends van 2020 is dan ook het optimaliseren van jouw bestaande website om zo de laadtijd verder te verbeteren.

2. Goedwerkende responsive website

“Hè? Responsive webdesign, dat bestaat toch al jaren?” Hoor ik je al vragen. En dat klopt. Websites die zijn ontworpen zodat ze op elke schermmaat goed weergegeven worden en lekker werken. Responsive design bestaat dus al lang. Dat is trouwens maar goed ook, bij steeds meer van onze klanten zien we dat er meer bezoekers op de website terecht komen via smartphones dan desktops.

Toch zal het je verbazen hoeveel websites hier nog onvoldoende rekening mee houden. Veel websites zijn door de jaren heen aangepast zodat ze ook mobiel goed worden weergegeven, maar tegenwoordig is ‘mobile first’ de standaard. Met andere woorden, een website moet helemaal geoptimaliseerd worden voor mobiele apparaten, voordat er wordt nagedacht over bijvoorbeeld desktops. Dat vindt Google ook belangrijk. Vergeet trouwens niet om ook weer rekening te houden met de user experience bij het ontwikkelen van de responsive website. De gebruikerservaring is key.

Responsive webdesign website trends 2020

Hoe zit het dan met de zichtbare website trends van 2020?

Natuurlijk zijn er ook verschillende design trends die jij concreet toe kunt passen om je website helemaal klaar te maken voor 2020. Flat design zal nog wel even blijven bestaan, maar er komen wel een aantal veranderingen aan. Lees snel verder!

3. Felle kleuren en ‘bold fonts’

Zo gaan we steeds meer nadrukkelijke en felle kleurcontrasten zien. Om er als merk echt uit te springen wordt het steeds belangrijker om te laten zien wie je bent en waar je voor staat als merk. Nadrukkelijk kleurgebruik kan er aan bijdragen jezelf kenbaar te maken. Dit kun je toepassen door bijvoorbeeld te kiezen voor een felle kleur als achtergrond, in plaats van wit of lichtgrijs. Houd er dan natuurlijk wel rekening mee dat het gebruiksgemak van je website niet achteruit mag gaan. De combinatie felrood met donkerblauw is bijvoorbeeld een no-go.

Een vergelijkbare trend zien we met het gebruik van lettertypes. Titels mogen net als de kleuren ook nadrukkelijker in beeld gebracht worden. Dit zien we terug in de populariteit voor dikkere lettertypes die ook wel bekend staan als ‘bold fonts.’

Bold fonts felle kleuren website trends 2020

4. Animaties, illustraties en GIFs

In de afgelopen jaren werd het gebruik van video’s op websites populair, maar hier zit een keerzijde aan. Video gebruikt veel data waardoor het laden van je website lang duurt. Dit gaat dan ook tegen de website trends van 2020 in. Toch is er een oplossing en die vinden we in het gebruik van animaties; illustraties en GIFs. Deze bewegende elementen gebruiken aanzienlijk minder data en komen zo je laadtijd ten goede, terwijl ze je website toch een stuk dynamischer en interactiever maken. Bovendien zijn deze animaties ook prima mogelijk op mobiele apparaten, waardoor ze ook je responsive webdesign mét mobile first werkwijze ondersteunen.

GIFs zien we ook overal terug, dus waarom niet op jouw website? Tegenwoordig vind je GIFs in Tikkies, maar kun je ze ook versturen in Whatsapp gesprekken. Mijn collega Floor bestookt ons al lange tijd met GIFjes.

Animaties website trends 2020

5. Handgetekende elementen

Ik noemde net al even illustraties. Ook handgetekende elementen op een website worden steeds populairder en we verwachten dat deze website trend in 2020 ook zal doorzetten. Door zelfontworpen tekeningetjes te gebruiken in je website, maak je de website persoonlijk en authentiek. Bovendien maken ze je website ook een stuk menselijker en minder zakelijk. We bedoelen hier trouwens wel illustraties die er wat ruw en handgetekend uitzien. Het hoeft allemaal niet super strak en perfectionistisch, dat maakt het juist weer erg onpersoonlijk.

Illustraties website trends 2020

6. Goed schalende afbeeldingen

We gebruiken tegenwoordig steeds meer verschillende schermmaten met ieder hun eigen resoluties, van kleine smartphones tot grote 4K schermen. Door dit grote verschil is het juist belangrijk dat logo’s en andere icoontjes op ieder schermformaat haarscherp weergegeven worden, zonder dat dit natuurlijk ten koste gaat van de laadtijd. De oplossing hiervoor kan worden gevonden in ‘scalable vector graphics’ oftewel SVGs. Wanneer een design wordt opgeslagen in SVG-formaat, dan wordt deze eigenlijk opgeslagen als een wiskundige berekening. Hierdoor is het formaat eenvoudig te wijzigen doordat de formule wordt aangepast. Hierdoor gaat de kwaliteit van de afbeelding niet verloren. Door SVGs te gaan gebruiken zorg je er dus voor dat je beeldmateriaal van hoge kwaliteit laat zien aan je bezoeker, ongeacht het schermformaat.

Die SVG-afbeeldingen kun je trouwens ook animeren, waardoor je website ook nog eens een stukje interactiever wordt. Zo combineer je een mooie goed schalende afbeeldingen en animaties en loop je voor op de website trends van 2020.

SVG website trends 2020

Onthoud deze website trends in 2020

De vernieuwingen in webdesign gaan niet zo hard meer als dat ze dat 10 jaar geleden deden. In plaats daarvan draait het tegenwoordig veel meer om optimalisatie. Optimalisatie in snelheid, in weergave en in gebruiksgemak. Vooral dat laatste is een aandachtspunt voor 2020. Verplaats je in de eindgebruiker en bedenk hoe zij met je website om zouden gaan. Overweeg ook eens om met klanten om de tafel te gaan zitten. Hoe beleven ze de online presence van jouw merk en hoe kan dit beter. Natuurlijk helpen wij je daar graag bij. Jij kunt je website nog zo mooi vinden, als je bezoekers er niet mee overweg kunnen heb je er uiteindelijk niet veel aan.

Wil jij voorbereid zijn op het nieuwe jaar? Laten we dan aan de slag gaan.

Over de auteur
Sander Akkermans

Sander Akkermans

Heeft al vele regeltjes code getikt, maar wordt daarnaast heel blij van het maken van mooie foto’s, of een mooi grafisch ontwerp. Gaat het liefste meteen hands-on aan de slag en houdt van razendsnelle communicatie.