Verbeterde blokken en ontwerptools

WordPress heeft zich voor deze versie voornamelijk gericht op het verfijnen van tools en features die in eerdere versies werden uitgerold. De leukste verbeteringen lijsten we hier voor je op.

• WordPress 6.0 bevat al een aantal templates, zoals een homepagina of categoriepagina, waarmee websitemakers eenvoudig nieuwe pagina’s kunnen toevoegen. In de nieuwe release werden die bestaande templates verder op punt gezet én voegde WordPress enkele nieuwe toe. Helemaal handig: je kan de gegeven sjablonen bewerken en nadien bewaren om ze later nog te gebruiken.

• Je kan menu’s bewerken door het betreffende blok te openen in de editor. Dat wil zeggen dat je niet meer hoeft te zoeken naar het navigatiemenu dat je wil wijzigen.



Een greep uit de beschikbare templates in WordPress.

• Het display om berichten te plannen en publiceren werd opnieuw georganiseerd om ze makkelijker te beheren.



Zo ziet het nieuwe display eruit in WordPress.

• De optie om bepaalde blokken te vergrendelen op een pagina werd uitgebreid. Je hebt nu ook de optie om alle blokken in een bepaald blok mee te vergrendelen met één muisklik.

• WordPress 6.1 introduceert ook een verbeterd commentaarblok. Webbeheerders krijgen meer bewerkingsmogelijkheden, zoals het aanpassen van de achtergrondkleur, de lettergrootte en randen.

• Het blok om inhoudsopgaven te genereren detecteert automatisch alle (tussen)titels op een bepaalde pagina. Je krijgt meteen een overzicht van alle titels met de juiste link eronder.

• Dankzij een handige regelaar kan je snel de horizontale en verticale ruimte tussen afbeeldingen in een galerij instellen.

• Contentmakers zien, naast het aantal tekens, woorden en paragrafen nu ook de geschatte leestijd voor een pagina of blogpost.

De geschatte leestijd van content is nu ook zichtbaar in WordPress.

Bewaar instellingen van Site Editor

Naast betere templates en extra ontwerpmogelijkheden, heeft WordPress er ook voor gezorgd dat de instellingen in de Site Editor per gebruiker bewaard worden. Dat wil zeggen dat je in elke browser en op elk apparaat met dezelfde instellingen verder kan werken aan je website.

Nieuw standaardthema: Twenty Twenty-Three

Een opmerkelijk nieuwtje in WordPress 6.1 is Twenty Twenty-Three, een gloednieuw standaardthema dat werkt met blokken. De opvolger van Twenty Twenty-Two is beschikbaar in tien verschillende varianten die je kan toepassen op je website met één muisklik. WordPress heeft ervoor gezorgd dat het thema voldoet aan alle toegankelijkheidsnormen, zodat iedereen een goede ervaring heeft op een website.

Twenty Twenty-Three: een van de nieuwe themavarianten in WordPress

Typografie wordt responsief

Nog nieuw in WordPress 6.1 is fluid typography. Dat betekent dat de grootte van een tekst automatisch wordt aangepast aan het scherm waarop iemand die tekst ziet.

De ondersteuning voor fluïde typografie betekent een pak tijdbesparing voor websitemakers. Voorheen moest de aanpassing van tekstgrootte voor elk apparaat apart ingesteld worden. Schakel je nu fluïde typografie in, dan wordt de grootte automatisch berekend op basis het beeldscherm.

Conversie naar WebP-afbeeldingen

WebP is een relatief recent bestandsformaat dat kleiner is dan het klassieke JPEG of PNG, zonder daarvoor aan kwaliteit in te boeten. WordPress ondersteunt het WebP-formaat al sinds versie 5.8, maar gebruikers konden alleen WebP-afbeeldingen uploaden. Voor de conversie van JPEG naar WebP moest je een externe plug-in of apart programma gebruiken.

WordPress 6.1 converteert nu automatisch afbeeldingen naar een WebP-formaat. Op plaatsen waar WebP niet ondersteund wordt, zorgt WordPress ervoor dat er een JPEG-afbeelding wordt getoond.

WordPress 6.1 samengevat

De nieuwe release van WordPress lijkt minder verreikend dan eerdere updates. Het team achter het CMS heeft zich voor versie 6.1 toegelegd op het aanscherpen van functies die al in eerdere releases uitgerold werden.

Toch zal wie met een van de standaard blokthema’s werkt gauw merken dat de ontwerptools vlotter werken én meer mogelijkheden bieden. WordPress introduceert gaandeweg meer en meer features die webbeheerders alle controle geven over het visuele aspect van hun website.

Dat betekent niet dat de update niet nuttig is voor wie (nog) niet met blokken werkt. WordPress sleutelt naarstig verder aan de toegankelijkheid van websites. Bovendien bevatten nieuwe releases altijd bug fixes, prestatieverbeteringen en beveiligingsoplossingen.

Bron afbeeldingen: WordPress.

Het vernieuwde logo lijkt op het eerste gezicht helemaal niet veranderd. Dit is het nieuwe icoon:

Lijkt erg op het Chrome-logo dat we al kennen, niet? Pas wanneer je het oude icoon (links) naast de opgefriste versie legt, merk je de eerste verschillen op.

Wat is er nu precies veranderd? Het grootste verschil tussen beide iconen, is dat de schaduw tussen de randen in de nieuwe versie verdwenen is. Door die schaduwen te verwijderen, oogt het logo vlakker en eenvoudiger. Als je goed kijkt naar de vergelijking hierboven, merk je ook op dat de blauwe bol wat groter geworden is. De fellere kleuren maken het logo ook een stuk levendiger op je scherm.

Google heeft ook beslist het Chrome-logo aan te passen aan het toestel. Op Windows 11 is het logo wat meer gegradeerd, terwijl het icoon op macOS een 3D-look heeft gekregen om te matchen met andere iconen van Apple. Ook ChromeOS en Android krijgen hun ‘eigen’ versie van het logo.

Al bij al geen dramatische wijzigingen. De meest opmerkelijke veranderingen werden in 2011 doorgevoerd. Hieronder zie je de evolutie van het Google Chrome-logo sinds 2008.

Ben je van plan het design van je website te veranderen? Of het roer volledig om te gooien en in 2022 met een gloednieuwe website uit te pakken? Dan hebben we 10 webdesigntrends voor je in petto die je moet kennen.

Dynamische contenten andere webdesign trends

Het team achter Red Website Design heeft 10 trends bij elkaar gesprokkeld die in 2022 belangrijk gaan zijn in webdesign.

Welke zijn die designtrends nu? Bovenaan de lijst staat dynamische content: content die getoond wordt op basis van de locatie, surfgedrag of recente aankoop van een bezoeker. Bezoekers krijgen kortom allemaal verschillende content te zien die belangrijk is voor hen, in plaats van dezelfde, algemene informatie.

Je doet er ook goed aan je website toegankelijk te maken, zodat die voor iedereen bruikbaar is. We hebben 7 concrete tips voor je klaar waarmee je je website meteen toegankelijk maakt.

Een laatste trend die we voor je uitlichten, is de snelheid van je website. Doet die het vandaag al goed? Prima. Toch is een extra check een goed idee. Een tiende van een seconde sneller laden kan voor een grote omzetstijging zorgen op je website.

Benieuwd naar alle trends? Hieronder vind je alle 10 webdesign trends die in 2022 belangrijk worden.

Je hoeft kortom geen volleerd techneut te zijn om jezelf op de digitale kaart te zetten. Wel wil je dat ook het design van je website goed is. Daarom geven we je 7 belangrijke principes van design mee die je kan toepassen op het ontwerp van je website.

Hoe designprincipes je kunnen helpen

Wat we mooi vinden of net niet, is onmiskenbaar subjectief. Waarom dan vasthouden aan designprincipes?

Mensen reageren op een bepaalde manier wanneer ze een kleur zien. Net zoals we patronen zoeken of creëren. Elementen waarmee je rekening kan houden om van je website een visueel pareltje te maken en tegelijkertijd ook een gebruiksvriendelijke website af te leveren.

Design gaat over creativiteit. Maar als je weet bezoekers soms al na 50 milliseconden hebben beslist of ze je website visueel aantrekkelijk vinden, moet de eerste indruk direct goed zijn. En daar kunnen de 7 designprincipes hieronder je bij helpen.

7 kernprincipes van design

Misschien heb je al een eerste ervaring op vlak van design. Of heb je research gedaan naar do’s en don’ts. Dat kan voor veel uiteenlopende ideeën of tips zorgen. Met onze verzameling van designprincipes keren we terug naar de kern. Zo houd je de creatieve sleutels zelf in de handen.

1. Balans

Een stabiel en goed uitgelijnd design maakt of kraakt een webpagina. Kijk maar even naar het voorbeeld hieronder. Welk van beide designs spreekt jou als eerste aan?

Balans is een grondprincipe van design. Al hoef je daarom niet per se symmetrisch te werken. Een asymmetrisch ontwerp kan je bezoeker net extra prikkelen of meer contrast creëren.

2. Kleur

Binnen de 90 seconden hebben we onbewust een oordeel klaar over een product of design. Een oordeel dat we grotendeels maken op basis van kleur.

De kleuren op je website hebben met een andere woorden een bijzonder grote verantwoordelijk. Kies voor kleuren die passen bij wat je wil uitstralen en die elkaar onderling complementeren. Contrast is daarin ook belangrijk. Zeker wanneer je meteen een toegankelijke website wil lanceren.

3. Spatiëring

Spatiëring draait helemaal rond ruimte. En dan vooral rond witruimte. De kracht daarvan is nauwelijks te onderschatten.

We krijgen voortdurend grote hoeveelheden informatie te verwerken. Door slim om te gaan met witruimte, kan je de belangrijkste informatie benadrukken. Tegelijkertijd geef je je bezoekers genoeg rust om die informatie te absorberen. Last but not least: goede spatiëring maakt de content op je website ook beter leesbaar.

4. Consistentie

Photo by Omar Flores on Unsplash

We zoeken graag naar patronen. Dat principe kan je toepassen op je design door met herhaling te werken in het ontwerp van je website.

Herhaling heeft overigens ook een positief effect op de herkenbaarheid van je website. Laat op elke webpagina bijvoorbeeld je bedrijfslogo terugkomen op dezelfde plaats. In bredere zin doe je er goed aan alle webpagina’s visueel op elkaar te laten aansluiten, zodat je bezoekers niet plots het gevoel krijgen dat ze op een totaal andere website zijn beland.

5. Contrast

Wil je een bepaald stuk op je website laten opvallen? Dat doe je door genoeg contrast aan te brengen. Dat kan via kleur, maar ook door objecten groter te maken of ze een verrassende plaats te geven.

Contrast is vooral belangrijk voor de calls-to-action op je website. Zet je in op een monochroom design (1 kleur), dan kan je contrast aanbrengen met schaduw en de plaatsing van content.

6. Stijl

Je website moet er mooi uitzien. Stijl (of esthetiek) is een wat vaag begrip, maar eigenlijk brengt het de 5 bovenstaande principes samen tot eentje. Balans, kleur en ruimte zorgen samen voor een website die een visueel plezier is.

Photo by Ståle Grut on Unsplash

Waarom dan stijl als aparte tip? Tijdens het designen van je website ga je best op zoek naar visuele elementen of nuances die ervoor zorgen dat je website opvalt tussen alle andere. Je wil tenslotte jouw stempel drukken.

7. Feedback

Feedback is altijd belangrijk. Maar ook voor het design van je website benadrukken we het belang ervan graag.

Je mag dan wel overtuigd zijn van de keuzes die je maakt, je website moet ook voor bezoekers aantrekkelijk zijn. Vraag vrienden, kennissen en collega’s wat ze van je ontwerp vinden, welk gevoel het bij hen oproept, wat hen meteen opvalt en of ze snel begrijpen waarover het gaat.

De antwoorden die je krijgt kan je vervolgens toepassen om het design aan te scherpen voor het beste resultaat.

Extra tips nodig?

Heb je nog wat extra inspiratie nodig voor je website? Dan hebben we nog een heleboel interessante tips voor je klaar.

• Een goede website heeft ook een goed webadres nodig. Dat krijg je door een domeinnaam te registreren. Check onze 7 tips voor een domeinnaam die een goede indruk maakt.

• Een goede planning is het halve werk. Deze checklisttool helpt je geen enkele stap over te slaan tijdens het designen van je website.

• Meer do’s en don’ts voor een succesvol design? Je vindt 20 extra designtips in deze infographic.

• Een contactpagina is een van de belangrijkste op je hele website. Deze informatie is onmisbaar op je contactpagina.

Een extensie voor schermopnames of bijhouden van je werktijd, eentje dat een https-verbinding afdwingt of een extensie waarmee je je tabbladen gemakkelijk beheert, het zijn maar een handjevol voorbeelden van tools die je werkdag aangenamer en productiever maken.

Hieronder geven we 12 extensies voor Google Chrome die elke webdesigner kan gebruiken.

1. ColorZilla

ColorZilla helpt je te achterhalen welke kleur een specifiek element op je scherm precies heeft. Handig wanneer je de kleurcode van een logo waaraan je gewerkt hebt even niet meer weet, maar ook om op te slaan welke code die fantastische kleur die je plots tegenkomt heeft. Eén klik op het element is voldoende om de kleurcode te zien verschijnen.

2. WhatFont

Op zoek naar een browserextensie die je vertelt welk lettertype je ziet? Dan is WhatFont eentje voor jou. Je ziet het lettertype verschijnen wanneer je met je cursor over een tekst gaat. Voor extra informatie, zoals de grootte, kan je op de tekst klikken.

3. WhatRuns

Soms kom je een handige functie tegen op een website en vraag je je af welke plugin of tool daar nu eigenlijk voor gebruikt wordt. Dat is net waarmee WhatRuns je helpt. De extensie toont je welke WordPress-plugins, fonts, analysetools en meer op een bepaalde website draaien.

4. Stylebot

Met Stylebot kan je live aanpassingen maken aan een website of elementen op een website die je bezoekt. Met de editor pas je eenvoudig het lettertype, tekstkleur en -grootte, marges en meer aan. Aanpassingen zie je meteen verschijnen. De extensie bevat ook een code-editor, om aanpassingen in CSS-code te maken.

5. Windows Resizer

Mobielvriendelijk webdesign is belangrijk. Windows Resizer helpt je te zien hoe een website eruitziet op een iPhone, iPad, laptop en andere resoluties. Ook handig: je kan de pagina in een bepaalde resolutie draaien, zodat je kan zien hoe een pagina getoond wordt wanneer een iPhone horizontaal gebruikt wordt.

6. Broken Link Checker

Links die niet meer werken, zorgen voor een minder aangename gebruikerservaring. Maar als een website uit honderden pagina’s bestaat, is het geen evidentie alle kapotte links te ontdekken. Broken Link Checker maakt dat een pak gemakkelijker. De extensie scant een website en geeft je een lijst van links die niet meer werken.

7. WP Sniffer

Ontdekken welk thema een WordPress-website gebruikt? Dat doet WP Sniffer. Een kleine maar handige extensie voor webdesigners die vaak met WordPress werken.

8. Site Palette

Websites bestaan uit verschillende kleuren, die natuurlijk wel bij elkaar moeten passen. Chrome-extensie Site Palette maakt die voor jou in een handomdraai. Handig én gratis.

9. Lighthouse

Lighthouse is een extensie die de prestatie van een webpagina meet. Je krijgt inzicht in de snelheid van je website, maar ook de toegankelijkheid en SEO van je website kan je verbeteren aan de hand van het rapport dat Lighthouse voor je genereert.

10. Web Developer

Web Developer is een van de meest uitgebreide en populaire extensies in Chrome voor webontwikkelaars. De extensie voegt een uitgebreide tool bar toe aan je browser, waarmee je aanpassingen kan maken aan afbeeldingen, metatags van een pagina kan bekijken, Javascript kan uitschakelen en veel, veel meer.

11. Clear Cache

Cache wissen kan je via Chrome doen, maar de Clear Cache-extensie maakt dat nog gemakkelijker. Je hoeft geen extra bevestigingen te geven of pop-ups weg te klikken. Wil je echt alle gegevens verwijderen, moet je wel nog extra toestemming geven om te voorkomen dat je per ongeluk teveel wist. De extensie geeft je ook de mogelijkheid zelf te kiezen welke gegevens je wist, zoals cookies, downloads of plugingegevens.

12. Pinterest voor Chrome

Pinterest is een handig prikbord om ideeën en inspiratie te bewaren. De extensie voegt een bewaarknop toe aan Google Chrome, waarmee je met één klik ideeën van elke website kan opslaan.

Een checklist komt goed van pas in je project. Zo’n checklist helpt je elke pagina consistent te designen, zodat elk van die pagina’s herkenbaar blijft en je website een geheel vormt. Al is er meer. Knoppen voor calls-to-action, een logische flow in een registratieformulier of een zoekfunctie, bijvoorbeeld. Stuk voor stuk belangrijke elementen in je webdesign.

Hebben we nog niet genoemd: welke pagina’s wil je allemaal op je website? Welke mag je niet vergeten? Hoe ga je de navigatie aanpakken? Klopt het typografische plaatje? Ben je voorbereid op de mobiele versie van je website? Je merkt het al: er is wel wat werk aan een nieuwe website.

Handleidingen en tools kunnen je inspireren en helpen om je website, van prototype tot finaal design, gestroomlijnd te ontwerpen. Een van onze favoriete tools daarvoor is Checklist Design.

De checklist die je design nodig heeft

Checklist Design voorziet een uitgebreide lijst van webpagina’s, elementen en designtopics die de aandacht verdienen bij het ontwerpen van een nieuwe website. Maar het is meer dan een leidraad. We lichten een aantal handige functies van Checklist Design uit.

• Naast een overzicht van belangrijke pagina’s voor je website (zoals een contactpagina of 404-pagina), krijg je per pagina ook concrete tips voor de invulling daarvan.

• Een lijst van elementen die elke website nodig heeft, zoals knoppen, tabellen of een zoekfunctie helpt je een gebruiksvriendelijke website of applicatie te designen.

• Topics zoals typografie, dark mode en de leesbaarheid van je content helpen je een website te ontwerpen die voor iedereen aangenaam en toegankelijk is.

• Een goede flow tijdens het herstellen van een wachtwoord of invoeren van een promocode wordt in duidelijke scenario’s getoond.

Hoe Checklist Design werkt

Tijdens het ontwerpen van een website of applicatie kan je wel eens een element vergeten. Of lijkt alles logisch opgebouwd. Je zit ten slotte voortdurend met de neus op je project. Tot je je website op het grote publiek loslaat en merkt dat ze bepaalde pagina’s niet vinden of functies niet begrijpen.

Een standaardlijstje van de best practices vereenvoudigt het designproces en helpt te voorkomen dat je misschien kleine, maar toch belangrijke elementen vergeet. Dat lijstje is net wat Checklist Design is. Hoe werkt de tool nu precies?

1. Beginnen doe je eenvoudigweg door naar de website te surfen. Door wat naar beneden te scrollen of het navigatiemenu te openen, krijg je een overzicht van categorieën zoals Pages of Elements.

2. Wil je werk maken van pak weg een 404-pagina, dan klik je op Pages en vervolgens 404. Je ziet meteen een lijst verschijnen die alle belangrijke elementen opsomt: je logo, een duidelijke paginatitel en omschrijving enzovoort.

3. Kan je wat inspiratie gebruiken? Of zoek je naar meer in depth content over 404-pagina’s? Rechts op de pagina kan je doorklikken naar extra tips of voorbeelden.

4. Nu de basics van je 404-pagina er zijn, kan je verder met de functies op die pagina. Zoals een zoekfunctie. In het navigatiemenu kan je een blok Elements terugvinden, waar je dan weer een checklist terugvindt onder Search.

5. Een van de elementen die belangrijk is bij zo’n zoekfunctie, is een duidelijke knop. En ook daarvoor vind je weer een checklist op de website, via Button onder de categorie Elements.

6. Eens je een gebruiksvriendelijke 404-pagina hebt opgezet, is het tijd om ervoor te zorgen dat die ook goed werkt op smartphones. En jawel, daar krijg je ook een checklist voor. Die kan vinden onder Topics.

En zo kan je checklist na checklist opsnorren voor je nieuwe design. Voor elk van die lijstjes kan je extra informatie of voorbeelden vinden, zoals we in stap drie al vermeldden. Checklist Design helpt je alle belangrijke basiselementen te verwerken in je website, voor een optimale gebruikerservaring.

Consistentie in je design

Een consistent design over je volledige website heen is belangrijk. Stel je maar eens voor dat je een website bezoekt waarop het navigatiemenu, kleurgebruik of tone of voice verandert van pagina tot pagina. Dat creëert een bevreemdend gevoel.

Bewaak de positieve ervaring van je bezoekers door ervoor te zorgen dat alle webpagina’s consistent worden vormgegeven.

Wat ook belangrijk is voor een positieve gebruikerservaring, is een duidelijke navigatie. Die vormt de hoeksteen van je website. Een eenvoudige en logische structuur van je navigatiemenu garandeert dat bezoekers snel kunnen terugvinden wat ze komen zoeken op je website.

Scanbare content

Wanneer we online zoeken naar informatie, doen we dat heel doelgericht. In plaats van alle tekst te lezen op een bepaalde pagina, scannen we die, op zoek naar triggers die erop wijzen dat een bepaald stukje interessant is.

Door je pagina’s gemakkelijk scanbaar te maken, speel je daarop in. Deel je teksten op in korte alinea’s, voorzie tussentitels en gebruik opsommingen om je content leesbaarder te maken.

Test je (nieuwe) design

Dat je zelf overtuigd bent van het (re)design van je website, is natuurlijk belangrijk. Toch is het goed om feedback te vragen aan andere mensen. Hoe ervaren ze de structuur van je website? Welk gevoel roept het design bij hen op? Begrijpen ze snel waarover een bepaalde pagina gaat en wat van hen verwacht wordt?

De input van gebruikers die niet betrokken waren bij het ontwerpen van je website kan je waardevolle inzichten opleveren om je website verder te optimaliseren.

Benieuwd naar alle do’s en don’ts voor een succesvol webdesign? Check ze in de infographic hieronder!

1. Eenvoud siert

Zo nu en dan land je wel eens op een website met veel poeha. Dat is zodanig overdonderend, dat je niet meer weet wat eerst gedaan. Met als gevolg dat je die website snel verlaat.

Dat zie je liever niet gebeuren op je eigen website. Eenvoud in je webdesign en structuur zijn belangrijk. Bijzonder belangrijk, als je weet dat de aandachtsspanne van een bezoeker gemiddeld maar 8 seconden bedraagt.

Ga je aan de slag met een nieuwe website of redesign, vraag je je dus best af of het niet nóg eenvoudiger kan. Wat altijd helpt? Bundel je content op een logische manier en breng daarin een duidelijke hiërarchie aan. Nog een tip: witruimte! Daar pikken we hieronder verder op in.

2. Breng rust met witruime

De kracht van witruimte valt niet te onderschatten. We krijgen voortdurend gigantische hoeveelheden informatie op ons af. Het liefst wil je natuurlijk dat de belangrijkste informatie als eerste gezien wordt.

Witruimte is eigenlijk lege ruimte rondom je content. In een blog zijn dat witregels tussen verschillende alinea’s, maar je kan ook witruimte creëren tussen de header en het eerstvolgende blok van je website.

Slim inzetten op witruimte creëert meer rust en maakt je content beter leesbaar. Maar het kan ook helpen meer aandacht te trekken naar een call-to-action. Wat op zijn beurt meer conversies oplevert. Klinkt goed, niet? De homepagina van Mailchimp is een leuk voorbeeld van eenvoud en witruimte.

3. Responsive design

Is je website nog niet geoptimaliseerd voor mobiele toestellen? Tijd om daar verandering in te brengen. Mensen surfen en kopen almaar meer via hun smartphone. Mensen die je niet wil teleurstellen met een design dat niet responsive is.

Zorg voor een goede, mobiele weergave van je website om smartphonegebruikers niet te verliezen aan concurrenten. Google denkt daar trouwens hetzelfde over. Volgend jaar schakelt de zoekmachine over naar mobile-first indexing. Dat betekent dat Google je website gaat bekijken zoals die op smartphoneschermen verschijnt.

4. Snel, sneller, snelste website

Elke seconde telt. Elke halve seconde, eigenlijk. We hebben anno vandaag niet zo veel geduld wanneer we online zijn. Wist je dat 40 procent van je bezoekers je website verlaat wanneer ze langer dan 3 seconden moeten wachten?

De laadsnelheid van je website optimaliseren is essentieel om bezoekers bij je te houden. Een handige tool om te controleren hoe je website presteert, is PageSpeed Insights van Google. Of je kan een kijkje nemen in onze tips voor een snellere website.

5. Zorg voor een beetje beweging

Een statische website vinden we niet zo leuk. Subtiele micro-animaties kunnen daar verandering in brengen. Met een nadruk op subtiel. Je wil de rust op je website niet verstoren.

Bezoekers vinden het leuk om een kleine visuele verandering te zien wanneer ze op je website terechtkomen. Een scroll-animatie of effectje wanneer je over een link hovert, zijn daar leuke voorbeelden van.

Maar! Ga niet té gretig inzetten op animaties. Te veel beweging zorgt er net voor dat de gebruikerservaring een duik neemt. Benieuwd hoe zo’n subtiele animatie eruitziet? Dit vinden we een leuk voorbeeld.