Webdesign trend 5
Toepassen van UX- en UI-psychologie
De laatste webdesign trend 2024 is de toepassing van psychologie in webdesign. Het gaat om de toepassing van de User Experience Principles: een reeks fundamentele richtlijnen die helpen om de gebruikerservaring te verbeteren. Hoewel ze allemaal te maken hebben met webdesign, is wederom functionaliteit (gebruiksvriendelijkheid) de onderliggende reden van deze trend.
Waarom psychologie toepassen in webdesign?
Voor we een paar voorbeelden geven van toepassingen, eerst een korte context waarom we überhaupt nadenken over psychologie bij een webdesign. Een mooie website is goed voor de merkbeleving, maar staat niet gelijk aan een gebruiksvriendelijke en/of effectieve website. Met effectief bedoelen we: worden de doelen behaald?
Iedere website heeft een doel. Diensten aanprijzen, producten verkopen of donateurs werven bijvoorbeeld. Met een goed webdesign kun je in grote mate bijdragen aan dat doel. Wanneer je de User Experience Principles toepast op je webdesign, help je gebruikers door je site te navigeren, richting jouw doel.Daarom is het belangrijk om te weten hoe gebruikers denken. Deze design principes vormen hiervoor de basis. Ze leggen bijvoorbeeld uit hoe je besluitvorming kan beïnvloeden, of hoe je overzicht creëert bij (veel) informatie. We geven een paar voorbeelden per categorie.
Besluitvorming:
- Hick’s law
- Kleurpsychologie
- The Von Restorff Effect
Gebruiksvriendelijkheid
- Gestalt principles
- Jakob’s law
- Fitts’s law
Besluitvorming
We starten met drie design principes die de bezoekers helpen in hun besluitvorming.
1. Hick’s law
De basis van Hick’s law is: beperk het aantal keuzes dat je aanbiedt. Mensen hebben tijd nodig om keuzes te maken en af te wegen. Hoe minder opties je toont, hoe makkelijker een keuze wordt. Voor webdesign betekent dit dat je bijvoorbeeld formulier- of keuzelijstjes kort maakt. Ook het aantal keuzes in een menu beperk je het liefst tot het minimum.
2. Kleurpsychologie
De meeste mensen weten wel dat iedere kleur een bepaald gevoel oproept. Rood staat voor liefde, maar ook voor gevaar. Wij doelen hier echter meer op contrast. Een button met een belangrijke keuze kan je eruit laten springen door een contrastrijke kleur te gebruiken.
Neem als voorbeeld een werken bij website, waar je bezoekers wilt uitnodigen te solliciteren. Door de sollicitatiebutton contrastrijk te maken en bovendien altijd prominent in beeld te plaatsen, verlaag je de drempel om te klikken. Die drempel wordt nóg eens lager, wanneer je dit goed combineert met korte USP’s waarom het werken bij jouw organisatie zo leuk is. Dit kweekt vertrouwen. Vertrouwen kweek je ook door op diezelfde pagina een contactpersoon te laten zien. Staat daar een prominente en contrastrijke sollicitatiebutton naast? Dan kun je de cv’s snel verwachten.
3. The Von Restorff Effect
Dit effect combineert de eerste twee principes. Je ziet het Von Restorff Effect veel terugkomen bij keuzes voor abonnementen, waar je een bezoeker richting jouw favoriete optie wilt sturen. Dit doe je door deze afwijkend op te maken, bijvoorbeeld met een contrastrijke kleur. De afwijkende kleur valt meer op. Afwijking hoeft overigens niet eens per se met kleur te zijn. Welk woord springt er voor jou bijvoorbeeld uit in de opsomming Appel, Peer, Ananas, Nietmachine, Banaan, Perzik? Juist. Afwijking valt op. Dus dat gebruiken we handig in onze webdesigns!
Gebruiksvriendelijkheid
De volgende webdesign principes richten zich juist meer op het vergroten van de gebruiksvriendelijkheid van je website.
4. Gestalt principles
Dit principe ligt heel erg in het verlengde van webdesign trend ‘Functie boven vorm’. Het Gestallt Principe gaat over groeperen van gegevens. Het beïnvloedt de vorm, maar gaat eigenlijk over functionaliteit. Door content goed te groeperen creëer je overzicht voor de bezoeker. Je laat duidelijk weten: deze informatie hoort bij elkaar. Omdat websites responsive gebouwd worden, is dit principe enorm belangrijk geworden: groepen moeten op elk device namelijk logisch schuiven en schalen, zodat de content voor de bezoeker altijd begrijpelijk blijft.
5. Jakob’s law
Hoe mooi een bijzonder ontwerp soms ook kan zijn, als het anders is dan de standaard is het niet altijd functioneel. Jakob’s law stelt dat je niet teveel moet afwijken van de standaard, omdat mensen gewend zijn aan deze standaarden. Voor webdesign geldt bijvoorbeeld dat een menu altijd bovenaan staat, dat een mobiel menu bestaat uit drie streepjes, en dat een logo linksboven staat. Wijk je hiervan af? Dan zal een bezoeker wellicht meer moeten zoeken dan je wenst. Met mogelijk afhaken tot gevolg. Daarom geldt volgens Jakob’s law: hou je qua design aan wat mensen al kennen.
6. Fitts’s law
Fitts’s law sluit eigenlijk aan op Jakob’s law, wat betreft het afhaken. Fitts’s law stelt namelijk dat alles waar je extra moeite voor moet doen, irriteert. Simpelweg omdat het meer tijd en energie kost. Bij mobiele designs kun je daarom maar beter rekening houden met dikke vingers. Want als je té precies moet klikken en het verkeerde scherm opent, dan haakt een bezoeker wellicht af. Terwijl een goed design dit had kunnen voorkomen.
