Elk jaar is het spannend om je te laten inspireren door nieuwe webdesign trends en te kijken naar huidige en komende ontwikkelingen: Van welke esthetiek zullen we in de toekomst afscheid moeten nemen? En welke trends zullen de komende jaren de ontwerpwereld domineren? Webdesigner Sonja Hoffmann heeft haar inschatting voor 2020 in haar bagage.

Uitfaseren van webdesign trends

Verschillende bronnen lijken het erover eens te zijn dat het tijdperk van het platte ontwerp in 2020 op de achtergrond raakt. Enerzijds wordt aangenomen dat andere ontwerpen gewoon naar de voorgrond verhuizen. En aan de andere kant zou een verandering in de richting van het semi-vlakke ontwerp kunnen worden aangekondigd.

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.

Blijvende designs

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.

Luide kleuren en minimalisme

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.

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.

Natuurlijke kleuren blijven populair

Met zijn eindeloze voorspellingen brengt de jaarwisseling weer suggesties voor "de kleur van het jaar". Die, daar zijn de meeste ontwerpers het over eens, in het rijk der natuur zal blijven. We zullen in 2020 ook veel zachte groenen en blauwen zien, met een neiging tot "mint".

Collages: lay-out, foto's & sterke typografie

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.

Onze gebruikers staan centraal

Ook in de toekomst zal bij goed webdesign de gebruiker centraal staan. Vooral op het gebied van e-commerce staat de gebruikerservaring van de eindgebruiker centraal bij alle creatieve beslissingen. Duidelijke ontwerpen die gemakkelijk te navigeren en te begrijpen zijn vervangen abstracte en verwarrende lay-outs. Het gebruikerspad moet zo eenvoudig en ongecompliceerd mogelijk zijn. Kleurcontrasterende call-to-actions zullen gerichter worden gebruikt.

Naast duidelijk gestructureerde webshops blijft vooral responsive design prioriteit krijgen. Waarom? In de westerse wereld heeft bijna 60 procent van ons nu toegang tot het internet vanaf onze mobiele apparaten. 

Nu Google officieel mobiele gebruiksvriendelijkheid tot een belangrijke factor in zijn rankings heeft gemaakt, mag niemand zijn aanwezigheid op het mobiele web verwaarlozen als hij ook in 2020 nog bezoekers op zijn website wil. We zullen dus ook in de toekomst niet ontkomen aan de termen "mobile first" en "responsive".

Daarnaast blijft het inbedden van SVG-bestanden een hot item. Ook al is het geen nieuwe informatie, toch gebruiken nog te weinig websites gevectoriseerde afbeeldingen. Vooral op de kleinere apparaten hebben vectorafbeeldingen aanzienlijke voordelen - zoals snellere laadtijden en uitzonderlijke scherpte met honderd procent schaalbaarheid.

Ten laatste sinds het AVG ons allen in paniek bracht, weten we dat onze gegevens worden opgeslagen. In de toekomst moeten deze gegevens zinvoller worden gebruikt en meer op de gebruiker worden afgestemd. Gerichte advertenties zijn niet langer een nieuwigheid. Voortaan kunnen wij pushberichten ontvangen van de websites die wij bezoeken, ook al is het succes daarvan voor ons websitebeheerders moeilijk na te gaan (Wat komt er werkelijk aan? Wat wordt er werkelijk 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.

Wereldwijde trends in webdesign

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.

Ten laatste sinds de invoering van het nieuwe webvriendelijkere .webm formaat is dit wat losser geworden. Om in de toekomst interessantere webpresentaties te creëren, zullen we dus vaker geanimeerde illustraties in de vorm van GIF's zien. Daarnaast komen er meer zogenaamde micro-interacties, die de navigatie door websites duidelijker en vriendelijker maken.

Micro-interacties zijn kleine animaties die ons als gebruikers laten zien dat hier iets gebeurt en moet gebeuren. Een speelse vorm van "feedback", zogezegd. Als gebruiker voel je je meer geïntegreerd en kun je je gemakkelijker identificeren met de website/het product. Bovendien kunnen deze interacties positieve verrassingsmomenten opleveren en dienen als leidraad om de gebruikersreis duidelijker te definiëren. Dit maakt de gebruikersstroom gemakkelijker - de kans is groter dat de gebruiker op de website vindt wat hij zoekt.

Een microinteractie zou er bijvoorbeeld zo uit kunnen zien:

3D en 3D-licht in webdesign

Als neveneffect van de verspreiding van augmented reality (AR) en virtual reality (VR) kunnen we in de toekomst meer 3D-elementen in onze webontwerpen verwachten. Toch zal AR/VR volgend jaar nog steeds niet de doorbraak naar webdesign maken. De redenen hiervoor zijn enerzijds te hoge kosten. Maar ook de tegenstelling met geoptimaliseerde laadtijden en ontwerpen waarin de eindgebruiker centraal staat. Want het gebruik van nieuwe technologieën is natuurlijk het meest zinvol als er een duidelijke meerwaarde is.

Als kostenbesparend alternatief, een soort "3D-licht", zijn op elkaar geplaatste elementen sterk in opkomst. Vooral bij lichte schaduwen suggereren ze een lichte driedimensionaliteit en creëren ze meer diepte.

Focus op gegevensbescherming

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.

Verder kunnen we de inwerkingtreding van de ePrivacy Verordening (ePVO) in 2020 verwachten, die de juridische situatie rond tracking tools zal verduidelijken. Het was oorspronkelijk de bedoeling dat het ePVO samen met AVG zou worden gepubliceerd. Beide verordeningen dienen eerst de gegevensbescherming. In dit artikel legt advocaat Mario Steinberg uit welke eisen de ePrivacy-verordening zal inhouden voor beheerders van websites. 

Webtools en raamwerken

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 piekfase nog niet bereikt en zal het in 2020 steeds meer onder onze ogen komen. Met behulp van React zullen we in de toekomst waarschijnlijk UI-elementen blijven integreren in onze websites en webapplicaties. Voor frontend ontwikkelaars is dit zeker een hulpmiddel dat het leren waard is. Dit geldt vooral in de context van WordPress, want 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.

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

In de toekomst zullen we niet alleen backend gegevens genereren en analyseren, maar dit ook uitbreiden naar de frontend. Zo leren we meer begrijpen over wat wanneer en hoe op onze websites wordt geklikt en kunnen we dus de UI efficiënter aanpassen en de UX blijvend verbeteren.

Conclusie: 2020 en verder

Op basis van de huidige ontwikkelingen kunnen we op lange termijn aannemen dat het web in de toekomst nog interactiever zal worden. Ik zie absoluut een groter potentieel voor ervaringen die direct en individueel zijn afgestemd op de individuele gebruiker. Bijvoorbeeld door een ongebruikelijke en creatieve sitenavigatie, zoals in het geval van de portfolio van Bruno Simon.

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 webpagina.

Ook wil ik de implementatie van stemnavigatie noemen. Ook al zal deze technologie waarschijnlijk niet in 2020 haar grote doorbraak hebben, we kunnen ons er op de lange termijn wel op voorbereiden. En, opnieuw met het oog op de gebruiker: websites die zorgvuldiger zijn afgestemd op groepen mensen met een handicap.

We kunnen dus concluderen dat 2020 een spannend jaar wordt op het gebied van webdesign, waarin we onze vergaarde kennis willen verfijnen en toegankelijker willen presenteren - en met meer persoonlijkheid en plezier in het proces.

Heb je feedback op bovenstaande ontwikkelingen of andere webdesign trends in gedachten voor 2020? We kijken uit naar je commentaar!