In ons vorige webinar besprak Robin, onze Art Director, vijf tips om design en psychologie te combineren. Hieronder vind je een handige samenvatting.
Inhoud van deze samenvatting
Het belang van een goed ontwerp valt niet te onderschatten. Het heeft een invloed op onze emoties (feel), ons gedrag (act) en onze gedachtegang (think).
Dit wil zeggen dat je je moet focussen op de informatie die je wilt meegeven. We willen dat de inhoud primeert. Niet de kleuren en vorm errond. Deze zijn eerder manieren waarop je de informatie gaat vormgeven.
Dit wil ook zeggen dat een goed ontwerp praktisch onzichtbaar is voor het publiek. De ontvanger mag niet het gevoel krijgen dat ze ergens worden doorgeleid maar dat het zo natuurlijk mogelijk aanvoelt voor onze hersenen.
1. Hoe maak je een 'goed' ontwerp?
Maar hoe gaan we een goed ontwerp nu precies implementeren? Een goede branding is uiteraard belangrijk, maar een goed ontwerp is veel meer dan het puur toepassen ervan.
Eén manier om een goed ontwerp te maken, is door gebruik te maken van processing fluency.
Processing fluency gaat over de verhouding tussen de motivatie om de informatie te verwerken en de moeilijkheidsgraad om de informatie te verwerken. Hoe lager de motivatie is, hoe makkelijker je het moet maken voor jouw publiek om de informatie te verwerken. Enkel dan komen ze tot het gewenste resultaat.
Stel dat een bezoeker van jouw website door vier of vijf pagina’s moet navigeren om de informatie te vinden waarnaar men naar op zoek is. Zijn of haar motivatie zou hier al erg hoog moeten zijn. Maak het proces om informatie te verwerken dus zo gemakkelijk mogelijk.
2. Tip #1: Maak het zo gemakkelijk mogelijk
2.1 Het lettertype optimaliseren voor je publiek
Voor print gebruik je het best een lettertype met schreefletters. Dit zijn lettertypes met kleine haakjes op het einde van de letters (zie het voorbeeld hieronder links). Een voorbeeld een schreeflettertype is Times New Roman. Dit wordt vaak gebruikt in print omdat het veel makkelijker te lezen is op papier.
Vanuit de psychologie weten we ook dat schreefletters veel moeilijker te verwerken zijn op een scherm. Daarom raden we steeds aan om schreefloze letters te gebruiken voor online of digitale teksten.
Gebruik voor print een schreefletter
Gebruik voor digitaal een schreefloze letter
2.2 De lengte van teksten beperken
Naast het lettertype is ook de lengte van je tekst belangrijk. Zorg ervoor dat je teksten niet onnodig lang zijn. Zo is het steeds een goed idee om tijdig een break in je tekst te voorzien zodat je niet te veel tekens op één lijn zet. Zo maak je je tekst opnieuw makkelijker leesbaar.
2.3 Highlight de belangrijkste zaken (salient nudge)
De ‘salient nudge’ houdt in dat je de belangrijkste informatie, waarvan je zeker wilt dat je publiek deze opneemt, laat opvallen. Dit kan aan de hand van highlights met woorden in vet, cursief of onderlijnd. Dit is overal belangrijk, van je website tot social media.
2.4 Bulletpoints gebruiken
Een laatste manier om je tekst makkelijk leesbaar te maken is door gebruik te maken van bulletpoints. Dit maakt het opnieuw makkelijker voor de diagonale lezer om toch de gewenste informatie mee te krijgen. Bovendien draagt het bij tot de goede structuur van je tekst.
3. Tip #2: Maak gebruik van witruimte
Hoe meer witruimte aanwezig is, hoe hoger de waarde van jouw design of website zal ingeschat worden. Dit werkt dus puur op basis van perceptie.
Een goed voorbeeld hiervan is Apple. Onder het motto ‘less is more’ gebruiken zij heel veel witruimte op hun website, wat ervoor zorgt dat hun producten een zeer high-end look-and-feel krijgen.
4. Tip #3: Zorg voor visuele hiërarchie
Visuele hiërarchie wil zeggen dat elementen uit je design die er hetzelfde uitzien, ook dezelfde betekenis krijgen. Dit is iets wat je heel eenvoudig kan implementeren in je design om ervoor te zorgen dat er zowel visuele als inhoudelijke samenhang is. Ondanks het feit dat dit een relatief laagdrempelige ingreep is, wordt dit toch nog te vaak vergeten.
In dit voorbeeld van VRT is er duidelijk een visuele hiërarchie. Het belangrijkste artikel staat duidelijk in beeld en wijkt visueel af van de andere artikels, die er hetzelfde uitzien. De ogen van de bezoeker worden hierdoor automatisch eerst naar dit artikel gestuurd.
In het tweede voorbeeld hieronder zie je duidelijk dat elementen met dezelfde betekenis er ook hetzelfde uitzien. Zonder dat je de tekst op de twee witte knoppen leest weet je meteen dat ze dezelfde functie hebben. Je ziet ook meteen dat de groene knop rechtsboven een ander doel heeft.
De witte knoppen zijn duidelijke voorbeelden van ‘A call-to-actions’ (de belangrijkste) en de groene knop is een ‘B call-to-action’. Het is belangrijk dat je in je verschillende CTA’s een duidelijk onderscheid maakt.
5. Tip #4: Gebruik voldoende contrast
Het gebruik van voldoende contrast klinkt als iets heel logisch, maar wordt toch nog te vaak vergeten. Als het gaat over contrast hebben we het eigenlijk opnieuw over de ‘salient nudge’. Dit wil zeggen dat elementen die opvallen ook makkelijker zullen onthouden worden. Deze nudge komt voort uit ons oerbrein, waardoor we geconditioneerd zijn om zaken die opvallen als belangrijk of gevaarlijk te zien.
Het voorbeeld hieronder is een mooi voorbeeld van de ‘salient nudge’. De banner met de speciale aanbieding in het roze trekt meteen de aandacht. De roze kleur zorgt voor een groot contrast ten opzichte van de andere elementen.
Het tweede voorbeeld maakt te weinig gebruik van contrast. Er is geen enkel element dat meteen de aandacht trekt. Het is voor de bezoeker op die manier niet duidelijk wat er nu precies belangrijk is en wat de ‘call-to-action’ is.
5. Tip #5: Ontwerp o.b.v. de informatiebehoeften van je publiek
De informatiebehoeftepiramide toont dat er – om over te gaan tot actie – slechts een kleine groep mensen is die nood hebben aan veel informatie, en een grote groep mensen die eigenlijk voldoende hebben aan een kleine hoeveelheid informatie.
In de meeste gevallen zullen er zowel mensen zijn die veel informatie willen als mensen die met weinig informatie tevreden zijn én een groep die daartussen zweeft.
Als ontwerper is dit belangrijk om te weten, want je gaat aan de eisen van de volledige ‘piramide’ moeten voldoen. Je gaat in je ontwerp zowel de groep die weinig informatie wenst tevreden moeten stellen als de mensen die juist veel meer informatie willen.
Een schoolvoorbeeld hiervan is CoolBlue. Zij voorzien aan de grootste groep mensen – die weinig informatie wil – een korte opsomming van de belangrijkste features van een product. Voor de kleinste groep mensen die veel informatie wil, voorzien ze een uitgebreide blok tekst waarin alles duidelijk beschreven staat.
7. Wat moet je zeker onthouden?
- Goed ontwerp maak je best zo gemakkelijk mogelijk.
- Maak gebruik van witruimte om de indruk van waarde te verhogen.
- Zorg voor visuele hiërarchie in tekst en beeld.
- Gebruik voldoende contrast: zaken die opvallen zal men beter onthouden.
- Ontwerp op basis van de informatiebehoefte van je publiek.
Ben je op zoek naar meer inzichten over nudging?
Neem vrijblijvend contact op voor een verkennend gesprek met onze adviseur,
of bekijk ons gratis e-book via onderstaande knop:
