Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

8 Min.
Laatst bijgewerkt op 25/08/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 het "Flat Design" in 2020 voor het eerst enigszins naar de achtergrond zal verdwijnen. Ten eerste wordt vermoed dat andere designs simpelweg naar de voorgrond treden. En ten tweede dat hier een verandering in de richting van een "semi-flat design" aangekondigd kan worden.

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.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

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 in de mode

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 afbeeldingen 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 in het middelpunt van de belangstelling 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 winkels zal met name het Responsive Design prioriteit blijven krijgen. Waarom? In de westerse wereld heeft bijna 60 procent van onze mobiele apparaten nu toegang tot het internet. 

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 website-beheerders 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.

vrij_dev_blog_oranje

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 micro-interactie kan er bijvoorbeeld zo uitzien:

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 inwerkingtreding van de Algemene verordening gegevensbescherming (AVG) in mei 2018 zijn al een aantal overtredingen gestraft. Waaronder ook ernstige, zoals Heise Online in dit artikel meldt. Ondertussen is er ook een concept overeengekomen voor Berekening van de grootte van de boete , waarbij onder meer rekening gehouden wordt met de omzet van het bedrijf en de ernst van de overtreding.

Bovendien verwachten we dat de e-privacyverordening (ePV), die de juridische situatie met betrekking tot tracking-tools zal ophelderen, in 2020 zal worden uitgevaardigd. Oorspronkelijk was het de bedoeling dat de ePV samen met de AVG gepubliceerd zou worden. Beide regelingen dienen in de eerste plaats de gegevensbescherming. Welke eisen de e-privacyverordening voor websitebeheerders met zich meebrengt, wordt uitgelegd door jurist. Mario in dit artikel

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.

Hoewel React in 2019 al aan belang heeft gewonnen, heeft het zijn hoogtepunt nog niet bereikt en zal in 2020 een prominentere plaats innemen. Met behulp van React zullen we in de toekomst waarschijnlijk UI-elementen in onze websites en webapplicaties blijven integreren. Voor frontend-ontwikkelaars is het dus zeker een tool dat het leren waard is. Dit geldt vooral voor de WordPress-context, aangezien de nieuwe Gutenberg Block-Editor op React gebaseerd is.

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 we niet alleen backend-data genereren en evalueren, maar deze data ook naar de frontend uitbreiden. Zo zullen we meer leren te begrijpen wat, wanneer en hoe er op onze webpagina's wordt geklikt en dus kunnen we de UI efficiënter aanpassen en de UX permanent verbeteren.

Op basis van de huidige ontwikkelingen kunnen we er op de lange termijn van uitgaan dat het web toekomstig nog interactiever wordt. Ik zie zeker meer mogelijkheden voor belevenissen, die direct en persoonlijk op de individuele gebruiker afgestemd zijn. Bijvoorbeeld door een ongewone en creatieve navigatie van de site zoals in de portfolio van Bruno Simon.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon

In het algemeen zou het internet leuker moeten zijn - hetzij door een creatievere en persoonlijkere aanpak bij de opmaak, hetzij door de weergave van informatie. Het New Yorkse bureau Red Collar biedt een prachtige en speelse samenvatting van webdesigntrends voor 2020 op deze site.

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.

Heb je feedback op de bovenstaande ontwikkelingen of andere webdesigntrends voor het jaar 2020 in gedachten? We kijken uit naar jouw commentaar!

Foto: 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.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een opmerking

Je e-mail adres wordt niet gepubliceerd. Verplichte velden zijn met * gemarkeerd.