Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Sonja Hoffmann Laatst bijgewerkt op 21.10.2020
8 Min.
Laatst bijgewerkt op 21.10.2020

Elk jaar is het weer spannend om opnieuw geïnspireerd te worden op het gebied van webdesigntrends en om te kijken naar de huidige en komende ontwikkelingen: van welke schoonheden moeten we in de toekomst afscheid nemen? En welke trends zullen de designwereld de komende jaren domineren? Webdesigner Sonja heeft haar inschatting voor 2020 klaarstaan.

Verschillende bronnen lijken het erover eens te zijn dat het tijdperk van plat design in 2020 op zijn retour zal zijn. Aan de ene kant wordt aangenomen dat andere ontwerpen gewoon naar de voorgrond zullen verdwijnen. En aan de andere kant, dat een verandering in de richting van semi-vlakke ontwerpen zou kunnen worden aangekondigd.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Bovendien zijn illustraties in opkomst, meestal met de hand getekend en verre van perfectionistisch. Niet alleen zullen de header een meer persoonlijk tintje krijgen, maar ook vaste geïntegreerde elementen zoals pictogrammen en buttons. Want webdesign - daar zijn de verschillende experts in vakbladen het over eens - heeft de laatste jaren een te kunstmatige en perfecte touch gekregen. In de toekomst zal meer aandacht worden besteed aan individualiteit en persoonlijkheid.

Kleurverlopen (gradients) kwamen met de verdere ontwikkeling van CSS en zullen in de toekomst behouden blijven. Er lijkt voldoende behoefte te zijn aan exploratie en ontwikkeling op dit gebied. In 2020 kunnen we ook uitkijken naar de variaties en combinaties die ons te wachten staan. Kleurverlopen blijven wederom een vaste plaats innemen in het logo-ontwerp.

Schreeuwende kleuren en minimalisme zullen ook in 2020 een grote rol spelen 

De overvloed aan informatie waarmee we vandaag de dag worden geconfronteerd, dwingt ons om onze informatie op een overzichtelijke en aantrekkelijke manier te presenteren. Zinvol gebruikte ruimtes zorgen ervoor dat de gebruiker sneller door de inhoud heen gaat en zo een aangenamere, maar ook efficiëntere gebruikerservaring heeft. Minimalisme, met name het gebruik van witruimte, zal ook het komende jaar een essentieel onderdeel van designconcepten blijven.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Minimalisme - d.w.z. een zeer eenvoudig en afgeslankt ontwerp - komt steeds meer tot zijn recht in de vorm van monochromatische variaties. Hier mogen dan ook schreeuwerige en expressieve kleuren gebruikt worden.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Natuurlijke kleuren blijven populair

De jaarwisseling brengt, met zijn oneindige voorspellingen, ook dit jaar weer suggesties voor "de kleur van het jaar" met zich mee. De meeste ontwerpers zijn het erover eens dat die nog steeds in de natuurtinten te vinden zijn. We zullen in 2020 ook enkele zachte groene en blauwe tinten zien, met een tendens naar "mint".

Grafische elementen gecombineerd met beelden of foto's

Ook in 2020 zal er waarschijnlijk nog steeds een tendens naar asymmetrische lay-outs zijn. Vooral afbeeldingen en foto's worden gecombineerd met illustraties en "Bold Typography". Een mix van grafische elementen en beeldmateriaal rondt zo de minimalistische trend voor het komende jaar op een boeiende manier af.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

De gebruiker blijft centraal staan

In de toekomst zal de focus van goed webdesign tevens op de gebruiker liggen. Vooral op het gebied van e-commerce staat de gebruikerservaring van de eindconsument bij alle creatieve beslissingen centraal. Duidelijke ontwerpen, die gemakkelijk te navigeren en te begrijpen zijn, vervangen abstracte en onoverzichtelijke lay-outs. De User Journey moet zo eenvoudig en ongecompliceerd mogelijk zijn. Call-to-actions met tegengestelde kleuren zullen doelgerichter worden gebruikt.

Naast duidelijk gestructureerde online shops blijft met name responsive design prioriteit krijgen. Waarom? In de westerse wereld gebruikt bijna 60 procent van ons het internet nu vanaf zijn mobiele toestel. 

Nu Google officieel de mobiele gebruiksvriendelijkheid tot een belangrijke factor in zijn ranking heeft gemaakt, zou niemand meer zijn mobiele internetaanwezigheid moeten verwaarlozen, als je ook in 2020 nog bezoekers op je site wilt hebben. Dus we zullen ook voortaan niet bevrijd zijn van de termen "mobile first" en "responsive".

Verder blijft de inbedding van SVG-bestanden een actueel thema. Zelfs als het geen nieuwe informatie is, gebruiken nog steeds te weinig websites vectorafbeeldingen. Vooral op de kleinere apparaten hebben vectorafbeeldingen aanzienlijke voordelen - bijvoorbeeld snellere laadtijden en uitzonderlijke scherpte met 100% schaalbaarheid.

Op zijn laatst sinds de AVG die ons allemaal in paniek bracht, zijn we ons ervan bewust dat onze gegevens worden opgeslagen. In de toekomst moeten deze gegevens verstandiger worden gebruikt en meer op de gebruiker worden afgestemd. Gerichte advertenties zijn nu al niks nieuws meer. Vanaf nu kunnen we pushmeldingen ontvangen van de websites die we bezoeken, ook al is het succes ervan voor ons als websitebeheerders moeilijk na te gaan (Wat komt er echt binnen? Wat wordt er daadwerkelijk gelezen?).

Vooral dan is het gebruik van chatbots en kunstmatige intelligentie (KI) zinvoller, omdat ze gebaseerd zijn op onderlinge interactie en een duidelijk herkenbare toegevoegde waarde bieden voor de consument.

We hebben voorlopig genoeg van starre websites: 2020 wordt meer bewegend en geanimeerd. Tot nu toe werd het medium video in webdesign relatief spaarzaam gebruikt. Tenslotte moet bij het gebruik van bewegende beelden altijd rekening worden gehouden met de gevolgen voor de laadtijd, de bounce rate en de Google Ranking.

Op het laatst sinds de introductie van het nieuwe, meer webvriendelijke .webm-formaat is dit wat losser geworden. Om in de toekomst interessantere web-presences te creëren, zullen we daarom vaker geanimeerde illustraties in de vorm van GIF's zien. Daarnaast zijn er steeds meer zogenaamde micro-interacties, die de navigatie door de pagina's overzichtelijker en vriendelijker maken.

Micro-interacties zijn kleine animaties die ons als gebruikers laten zien dat hier zojuist iets gebeurt of zou moeten gebeuren. Een speelse vorm van "feedback" als het ware. Als gebruiker voel je je daardoor meer geïntegreerd en kun je je gemakkelijker met de website/het product identificeren. Bovendien kunnen deze interacties positieve verrassingsmomenten opleveren en dienen als leidraad om de "user journey" duidelijker te definiëren. Dit maakt de "user flow" gemakkelijker - de gebruiker heeft meer kans om te vinden wat hij zoekt op de website.

Een microinteractie zou er bijvoorbeeld zo uit kunnen zien:

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon
Webdesign trends 2020: deze ontwerpen zetten momenteel de toon
Webdesign trends 2020: deze ontwerpen zetten momenteel de toon
Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

3D en "3D light"

Als neveneffect van de verspreiding van Augmented Reality (AR) en Virtual Reality (VR) wacht ons in de toekomst meer 3D-elementen, die geïntegreerd zijn in onze websiteontwerpen. Hoewel AR/VR volgend jaar nog steeds niet zal doorbreken in webdesign. Een van de redenen hiervoor is dat de kosten te hoog zijn. Maar ook de tegenstrijdigheid met de geoptimaliseerde laadtijden en de designs die zich op de eindgebruiker richten. Immers, het gebruik van nieuwe technologieën is natuurlijk het zinvolst als er een duidelijke toegevoegde waarde is.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Als kostenbesparend alternatief, d.w.z. een soort "3D-light", zijn op elkaar geplaatste elementen erg aan het opkomen. Vooral met lichte schaduwen suggereren zij een lichte driedimensionaliteit en creëren ze meer diepte.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Sinds de Verordening gegevensbescherming (AVG) in mei 2018 in werking is getreden, zijn al een aantal overtredingen bestraft. Daaronder ook ernstige, zoals Heise Online in dit artikel meldt. Inmiddels is overeenstemming bereikt over een concept voor de beoordeling van het bedrag van de boete, waarbij onder meer rekening wordt gehouden met de omzet van de onderneming en met de ernst van de overtreding.

Voorts kunnen we de inwerkingtreding van de ePrivacyverordening (ePVO) in 2020 verwachten, die de juridische situatie met betrekking tot trackinginstrumenten zal verduidelijken. Het was oorspronkelijk de bedoeling dat het ePVO samen met AVG zou worden gepubliceerd. Beide verordeningen dienen voorlopig het doel van gegevensbescherming. Indit artikel legt advocaat Mario Steinberg uit welke vereisten de e-privacyverordening met zich meebrengt voor websitebeheerders. 

Overvloed aan webtools en frameworks

Volgend jaar zullen we nog steeds te maken hebben met een overvloed aan "programmeertools" in de vorm van frameworks en een verdere toename van zogenaamd makkelijker te leren talen. De markt is echter bijna verzadigd - en onze ontwikkelaars hebben de grenzen van hun coulance bereikt. De frameworks, die in eerste instantie bedoeld waren om de uitvoering van ontwerpen te vereenvoudigen, hebben in het verleden ook voor complicaties gezorgd. In de toekomst, hoewel nog niet direct volgend jaar, zal hier weer naar eenvoudiger uniforme oplossingen worden gezocht.

Er wordt veel hoop gevestigd op React

JavaScript blijft nog steeds een belangrijk onderdeel van de webprogrammering, ondersteund door React - een JavaScript Library voor het maken van gebruikersinterfaces.

React is in 2019 al belangrijker geworden, maar heeft zijn piekfase nog niet bereikt en zal ook in 2020 steeds meer onder onze ogen komen. Met behulp van React zullen we in de toekomst hoogstwaarschijnlijk UI-elementen integreren in onze websites en webapplicaties. Voor frontend ontwikkelaars is dit zeker een tool die het leren waard is. Dit geldt vooral in de context van WordPress , aangezien de nieuwe Gutenberg blok editor is gebaseerd op React.

PHP, Ruby, Python, Node.js, Java en .Net blijven bovendien relatief gelijkwaardige programmeertalen voor de backend.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

De gebruiker zal in de front- en backend nog meer in de focus staan

In de toekomst zullen wij niet alleen backend-gegevens genereren en evalueren, maar dit ook uitbreiden naar de frontend. Op die manier zullen wij meer te weten komen over wat wanneer en hoe op onze websites wordt aangeklikt en kunnen wij dus de UI efficiënter aanpassen en de UX permanent verbeteren.

Op basis van de huidige ontwikkelingen kunnen we er op lange termijn van uitgaan dat het web in de toekomst nog interactiever zal worden. Ik zie absoluut meer potentieel voor ervaringen die rechtstreeks en individueel op de individuele gebruiker zijn afgestemd. Bijvoorbeeld door een ongewone en creatieve navigatie van de site, zoals in het geval van de portfolio van Bruno Simon.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

In het algemeen moet het internet leuker worden - zij het door een creatievere en persoonlijkere aanpak bij het voorbereiden en reproduceren van informatie. Een prachtig en speels overzicht van webdesigntrends voor 2020 biedt het New Yorkse bureau Red Collar op deze pagina.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

Ik wil bovendien de implementatie van Voice Navigation niet ongemoeid laten. Ook al zal deze technologie in 2020 waarschijnlijk nog geen grote doorbraak hebben, kunnen we ons er op de lange termijn wel op voorbereiden. Maar ook, wederom met de focus op de gebruikers: websites die zijn afgestemd op groepen mensen met een beperking.

We kunnen dus concluderen dat 2020 een spannend jaar gaat worden op het gebied van webdesign, waarin we onze opgebouwde kennis willen verfijnen en op een toegankelijke manier willen neerzetten - met meer persoonlijkheid en plezier.

Heeft u feedback op bovenstaande ontwikkelingen of andere webdesigntrends in gedachten voor 2020? We horen graag uw commentaar!

Foto bijgedragen: Elina Krima | Pexels

Na haar studie Game Design en Creative Writing in het groene Auckland heeft Sonja Hoffmann zich gespecialiseerd in web- en app-desgign en de ontwikkeling daarvan. Haar focus ligt op gamification en het verkennen van gebruikersmotivatie en ervaring, gekoppeld aan haar passie en nieuwsgierigheid voor technologische trends.

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.