Dit artikel is uit 2019. De websites die we bespreken kunnen er inmiddels anders uitzien.
In het kort: Webdesign heeft een esthetische en een functionele kant, en met de Law of Common Region en het Isolation Effect kun je bezoekers sturen naar de content die je het belangrijkst vindt. Door informatie te groeperen en het belangrijkste element te laten opvallen (in kleur, grootte of beweging), houd je de aandacht van bezoekers vast, zoals te zien is bij Essent, Netflix en Inshared.
Zou het niet geweldig zijn als je direct de aandacht kon grijpen van elke bezoeker op je website? Om hun interesse te wekken en hen de juiste richting op te sturen? Om ervoor te zorgen dat ze precies zien wat jij wilt dat ze zien?
Wel, raad eens: dat kan!
Zoals besproken in een eerder artikel, draait een goede eerste indruk om het hebben van afbeeldingen die passen bij je product en merkwaarden, samen met makkelijk te scannen tekst en bondige headers. Je wint ook extra minuten schermtijd met een waardepropositie die direct duidelijk is tijdens die kostbare eerste 10 seconden die je potentiële klant op je pagina doorbrengt.
Maar wat als je klanten je zorgvuldig opgestelde waardepropositie en USP's niet zien? Of moeite hebben met het vinden van de meest relevante informatie? Lees dan verder en leer hoe je controle kunt nemen over de aandacht van je bezoekers.
Wat is het verschil tussen vorm en functie in webdesign?
Webdesign heeft 2 basisfunctionaliteiten: een esthetische kant en een functionele kant. Deze 2 kanten werken samen om een aantrekkelijke, gebruiksvriendelijke website te creëren.
-
Wat betreft esthetiek moet je website op zijn minst enigszins aantrekkelijk zijn voor het oog. Het moet ook passen bij je product en merk, en het juiste gevoel opwekken bij je bezoekers. Dit is het best te vergelijken met het ontwerp van een fysieke winkel: het moet er mooi, verzorgd en schoon uitzien, en over het algemeen klanten een positief gevoel geven over wat je te bieden hebt.
-
De functionele kant van design gaat over bezoekers helpen begrijpen hoe ze de website moeten gebruiken en hiërarchie creëren in de content en navigatie. Denk weer aan een fysieke winkel. Als winkelier wil je niet dat je klanten zich afvragen waar ze zijn of waar ze naartoe moeten; het moet duidelijk zijn waar te beginnen, waar de helpdesk en kassa zijn, en natuurlijk moeten de speciale aanbiedingen opvallen. Hetzelfde geldt precies voor je website.
Wanneer we het hebben over de functionele kant van webdesign, zijn er 2 methoden die bewezen effectief zijn om de aandacht van je bezoekers te sturen. Deze zijn 1) de Law of Common Region en 2) het Isolation Effect.
1. Hoe groepeer je informatie op een website?
De Law of Common Region is een waarnemingswet gebaseerd op Gestalt-psychologie. Het is eigenlijk een set wetten die verklaart hoe mensen hun visuele omgeving begrijpen. Het stelt dat elementen die een gebied of ruimte delen, als één geheel worden gegroepeerd. Gewoonlijk bevat een webpagina meerdere stukken content die als één stuk bekeken moeten worden; bijvoorbeeld een sectie over je merk, een navigatiesectie, een nieuwssectie enzovoort. Het creëren van meerdere groepen uit één kan zo eenvoudig zijn als het gebruiken van vakjes of achtergrondkleuren. Je bezoeker ziet direct dat de pagina 3 verschillende stukken content bevat in plaats van één.
Zo ziet dit eruit in de praktijk: Essent.nl heeft de harten van consumenten gewonnen in de laatste drie WUA Sales Scans, deels omdat het zo makkelijk te scannen en verkennen is.
De verschillende secties van de pagina zijn gemakkelijk van elkaar te onderscheiden: Er is een header met de hoofdpropositie, een sectie met een witte achtergrond die productkenmerken en USP's benadrukt, een derde sectie in grijs die de sales funnel start en, tot slot, een roze sectie waar klanten direct een offerte kunnen aanvragen of advies kunnen krijgen. De informatie is duidelijk gegroepeerd, zodat bezoekers de pagina kunnen scannen voor de content waar ze naar zoeken.
Let op hoe de oranje knop op de roze achtergrond het meest zichtbaar opvalt. En dit brengt ons bij de tweede zeer effectieve methode voor het structureren van de content van je website: het Isolation Effect.
2. Wat is het Isolation Effect?
Nu je bezoekers daadwerkelijk kunnen zien dat je pagina meerdere stukken content heeft, is het belangrijk om een visuele "hiërarchie" te creëren. Dat betekent duidelijk maken welke items je meer wilt laten opvallen dan andere. Begin met de volgorde waarin content wordt gepresenteerd. Bij mobiele content is de volgorde van verschijning je hoofdgereedschap (meer over dit onderwerp binnenkort!). Bij computerschermen heb je meer ruimte om mee te werken, dus kun je meer informatie op het scherm kwijt. De overvloed aan informatie zorgt er echter voor dat de ogen van je bezoeker over de pagina dwalen. Daarom moet je hun blik vastgrijpen en vasthouden!
De belangrijkste informatie moet opvallen. Het element dat het "hardst schreeuwt" trekt altijd de meeste aandacht. Dit wordt het Isolation Effect genoemd. Nobelprijs winnende psycholoog en econoom Daniel Kahneman legt uit hoe mensen "een neiging hebben om te handelen op informatie die opvalt en verschilt van de rest. Wanneer het betreffende item minder opvalt, neemt ook de kans dat het onthouden wordt af."
Dus onthoud: je kunt (en moet) controle nemen over de aandacht van je bezoekers door sommige elementen meer te laten opvallen dan andere. In de afbeelding hieronder valt de rode tomaat duidelijk op tussen alle groene tomaten op de achtergrond. Dit maakt het het item met de grootste visuele impact. Vergelijk dit effect met de tweede afbeelding: alle zonnebloemen zijn even helder van kleur. Hierdoor valt geen van hen op tussen de rest.
De belangrijkste conclusie is dat als al je CTA's en content gelijk zijn in kleur en grootte, ze allemaal waarde verliezen!
Zo ziet dit eruit op een website: In ons entertainment onderzoek (VS 2019) tilt Netflix het isolation effect naar een hoger niveau, met een zwarte pagina die 2 duidelijke "rode tomaten" bevat. Het concept van een helder gekleurde CTA lijkt eenvoudig genoeg. Veel websites vallen echter uiteindelijk in de "zonnebloemen veld" val door te veel andere even benadrukte elementen op dezelfde pagina te plaatsen.
Hoe laat je een rating opvallen om de blik van bezoekers te sturen?
Inshared is een Nederlandse verzekeraar. Opvallend roze is de hoofdkleur die gebruikt wordt op hun site, behalve als het gaat om hun klanttevredenheidsrating! Als online-only verzekeraar kan betrouwbaar overkomen een uitdaging zijn. Door de rating het meest te laten opvallen, nemen ze controle over de blik van hun bezoekers.
Hun huidige pagina gebruikt bewegende elementen om de aandacht van bezoekers nog meer te trekken. Dus kleur is niet het enige gereedschap dat je tot je beschikking hebt als het gaat om het trekken van aandacht. Beweging, grootte en eigenlijk alles wat opvalt doet de truc!
De Law of Common Region en het Isolation Effect zijn 2 bewezen gereedschappen die je potentiële kopers gemakkelijk je pagina laten begrijpen en de unieke waarde van je product laten zien. Dus bij het kiezen van een webdesign, begin altijd met de belangrijkste vraag: Wat denk je dat je klanten eerst moeten zien? Door die vraag eerst te beantwoorden, ben je goed op weg naar een hogere conversie.
Wil je opvallen tussen de massa?
WUA stelt bedrijven in staat om meer online te verkopen. Bereik hogere klanttevredenheid en verhoog gebruikerservaring en conversie door te focussen op het consumentenperspectief. Wij geloven in het benchmarken van klantreiswegen. We hebben data van alle relevante spelers in de Automotive, Finance, Insurance, Travel, Retail, Public Sector, Telecom en Energy sector! Plan een demo of bel om te zien of we data beschikbaar hebben voor je website.
Veelgestelde vragen
Wat is de Law of Common Region?
De Law of Common Region is een waarnemingswet uit de Gestalt-psychologie die stelt dat elementen die een gebied of ruimte delen, als één geheel worden gegroepeerd door de kijker. Op een webpagina kun je dit gebruiken door vakjes of achtergrondkleuren in te zetten, zodat bezoekers direct zien welke content bij elkaar hoort.
Wat gebeurt er als alle CTA's op een website gelijk zijn in kleur en grootte?
Als al je CTA's en content gelijk zijn in kleur en grootte, verliezen ze allemaal waarde, net zoals zonnebloemen in een veld niet opvallen omdat ze allemaal even geel en groot zijn.
Welke andere middelen dan kleur kun je gebruiken om aandacht te trekken?
Naast kleur kun je ook beweging en grootte gebruiken om de aandacht van bezoekers te trekken. Inshared gebruikte bijvoorbeeld bewegende elementen om de aandacht nog meer te trekken.
