Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

8 Min.
Laatst bijgewerkt op

De jaarwisseling biedt altijd de tijd en vrije tijd om opnieuw geïnspireerd te worden en te kijken naar opkomende trends en ontwikkelingen: Welke esthetiek hebben we om in de toekomst afscheid te nemen? En welke trends zullen de designwereld de komende jaren domineren? Webdesigner Sonja Hoffmann heeft hun beoordeling voor 2020 in hun bagage.

Verschillende bronnen lijken het erover eens te zijn dat het tijdperk van het platte ontwerp in 2020 voor het eerst enigszins naar de achtergrond zal verdwijnen. Ten eerste wordt vermoed dat andere ontwerpen zal gewoon naar voren komen. En ten tweede, dat hier een verandering in de richting van een semi-flat design kon worden aangekondigd.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Bovendien zijn de illustraties in opkomst, meestal met de hand getekend en verre van perfectionistisch. Niet alleen zullen de koppen een meer persoonlijk tintje krijgen, maar ook stevig geïntegreerde elementen zoals pictogrammen en knoppen. 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.

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

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Luide kleuren en minimalisme zullen in 2020 nog steeds een grote rol spelen. 

De overvloed aan informatie waarmee we vandaag de dag worden geconfronteerd, dwingt ons om onze informatie op een duidelijkere en scherpere manier te presenteren. Verstandig gebruikte ruimtes zorgen ervoor dat de gebruiker sneller door de inhoud heen kan werken 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 de designconcepten blijven.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Minimalisme - d.w.z. een zeer eenvoudig en gereduceerd ontwerp - komt steeds meer tot zijn recht in de vorm van monochromatische variaties. In dit geval bent u welkom om luide en expressieve kleuren te gebruiken.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Natuurlijke kleuren blijven in de mode

De jaarwisseling, met zijn oneindige voorspellingen, brengt ook dit jaar weer ideeën voor "de kleur van het jaar" met zich mee. Wat, zo zijn de meeste ontwerpers het eens, in de natuur zal blijven. 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

Zelfs in 2020 zal er waarschijnlijk nog steeds een tendens zijn naar asymmetrische indelingen. 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 spannende manier af.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

De gebruiker blijft in het middelpunt van de belangstelling staan

Ook in de toekomst zal de focus van goed webdesign op de gebruiker liggen. Vooral op het gebied van e-commerce staat de gebruikerservaring van de eindconsument centraal bij alle creatieve beslissingen. Duidelijke ontwerpen die gemakkelijk te navigeren en te begrijpen zijn, vervangen abstracte en verwarrende lay-outs. De User Journey moet zo eenvoudig en ongecompliceerd mogelijk zijn. De kleurgecodeerde call-to-actions 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 van mobiele gebruiksvriendelijkheid een belangrijke factor in zijn ranking heeft gemaakt, mag niemand meer zijn mobiele aanwezigheid op het web verwaarlozen als hij ook in 2020 nog bezoekers op zijn site wil hebben. Dus we zullen niet bevrijd worden van de termen "Mobile First" en "responsief" in de toekomst.

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

Op zijn laatst sinds de paniek die AVGons 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 geen nieuwigheid meer. Vanaf nu kunnen we pushmeldingen ontvangen van de websites die we bezoeken, ook al is het succes ervan voor ons website-exploitanten moeilijk te begrijpen (Wat komt er echt binnen? Wat wordt er eigenlijk gelezen?).

Vooral dan is het gebruik van chatbots en AI 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 zal meer bewegend en geanimeerd zijn. Tot nu toe is het medium video relatief spaarzaam gebruikt in webdesign. Tot slot moet bij het gebruik van bewegende beelden altijd rekening worden gehouden met de gevolgen voor de laadtijd, de sprongcapaciteit en de Google-ranglijst.

Uiterlijk sinds de introductie van het nieuwe, meer webvriendelijke .webm-formaat is dit wat losser geworden. Om in de toekomst interessantere webpresences 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 duidelijker en vriendelijker maken.

Micro-interacties zijn kleine animaties die ons als gebruikers laten zien dat hier iets gebeurt of zou moeten gebeuren. Een speelse vorm van "feedback" bij wijze van spreken. Als gebruiker voelt u zich meer geïntegreerd en kunt u zich gemakkelijker identificeren met de website/het product. Bovendien kunnen deze interacties positieve verrassingsmomenten opleveren en dienen als leidraad om het gebruikerstraject duidelijker te definiëren. Dit maakt de gebruikersstroom 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 licht"

Als neveneffect van de verspreiding van Augmented Reality (AR) en Virtual Reality (VR) verwachten we in de toekomst meer 3D-elementen te integreren in onze websiteontwerpen. Waarbij 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 ontwerpen die zich richten op de eindgebruiker. Immers, het gebruik van nieuwe technologieën is natuurlijk het meest zinvol 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-licht", zijn op elkaar geplaatste elementen erg populair. Vooral met lichtschaduwen die ondergewerkt zijn, suggereren deze een lichte driedimensionaliteit en creëren ze meer diepte.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Sinds de inwerkingtreding van de basisverordening inzake gegevensbescherming (AVG) in mei 2018 zijn al een aantal inbreuken gesanctioneerd. Deze omvatten ernstige, zoals Heise Online... in dit artikel gerapporteerd. In de tussentijd is ook een concept overeengekomen voor Beoordeling van het bedrag van de boete waarbij onder meer rekening wordt gehouden met de omzet van het bedrijf en de ernst van de overtreding.

Bovendien verwachten we dat de ePrivacy-verordening (ePVO), die de juridische situatie met betrekking tot traceerinstrumenten zal verduidelijken, in 2020 zal worden uitgevaardigd. Oorspronkelijk was het de bedoeling dat het ePVO samen met het geldende ePVO zou worden gepubliceerdAVG. Beide regelingen dienen vooralsnog de gegevensbescherming. Welke eisen de ePrivacy-verordening voor website-exploitanten met zich meebrengt, wordt uitgelegd door een jurist. Mario Steinberg in dit artikel

Overvloed aan webtools en -kaders

Volgend jaar zullen we nog steeds te maken hebben met een overvloed aan "programmeerhulpmiddelen" in de vorm van kaders en een verdere toename van zogenaamd makkelijker te leren talen. De markt is echter bijna verzadigd - en onze ontwikkelaars hebben de grenzen van hun goodwill bereikt. De kaders, 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 geplaatst in React

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

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

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

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

De gebruiker zal nog meer in het middelpunt van de belangstelling staan aan de voor- en achterkant.

In de toekomst zullen we niet alleen backend data genereren en evalueren, maar deze data ook uitbreiden naar de frontend. Dit zal ons helpen om meer te begrijpen over wat er wanneer en hoe op onze webpagina's wordt geklikt en dus kunnen we UI efficiënter aanpassen en de UX permanent te verbeteren.

Op basis van de huidige ontwikkelingen kunnen we er op de lange termijn van uitgaan dat het web in de toekomst nog interactiever zal worden. Ik zie zeker meer mogelijkheden voor ervaringen die direct en individueel zijn afgestemd op de individuele gebruiker. Zij het bijvoorbeeld door een ongewone en creatieve navigatie van de site zoals in de portefeuille van Bruno Simon.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

In het algemeen zou het internet leuker moeten zijn - zij het door een creatievere en persoonlijkere aanpak bij de voorbereiding en reproductie van informatie. Het New Yorkse bureau Red Collar biedt een prachtige en speelse samenvatting van webdesigntrends voor 2020 op deze pagina.

Webdesign trends 2020: deze ontwerpen zetten momenteel de toon.

Ik wil ook de implementatie van Voice Navigation noemen. Ook al zal deze technologie waarschijnlijk niet in 2020 een grote doorbraak kennen, we kunnen ons er op de lange termijn wel op voorbereiden. Maar ook, wederom met de focus op de gebruikers: websites die meer doordacht zijn afgestemd op groepen mensen met beperkingen.

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 meer toegankelijke manier willen presenteren - met meer persoonlijkheid en plezier.

Heeft u feedback op bovenstaande ontwikkelingen of andere webdesigntrends voor het jaar 2020 in gedachten? We kijken uit naar uw commentaar!

Foto: Elina Krima | Pexels

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

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een commentaar

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