Interactief ontwerp

The Psychology of Web Design

Ontwerpers nemen vaak niet de tijd die ze zouden moeten nemen om te leren hoe basale psychologische principes de ervaring van hun bezoekers op de sites die ze bouwen, kunnen beïnvloeden.

Psychologische principes worden of onnodig of te ingewikkeld beschouwd. Maar de waarheid is dat ze geen van beiden zijn.

Er zijn niet zoveel concepten verbonden aan de basisontwerppsychologie, en de meeste zijn relatief eenvoudig en gemakkelijk te leren.

Ze zijn ook vooral gemakkelijk te implementeren, hoewel sommige iets meer zorg en planning vragen dan andere.

Lees verder voor meer informatie en laat uw feedback en opmerkingen achter aan dit bericht.

Het doel van op psychologie gebaseerd ontwerp

Het beschouwen van psychologie in je ontwerpproces kan een paar positieve effecten hebben op je eindresultaat. Als u de tijd neemt om na te denken over wat uw bezoekers willen en hoe ze het willen krijgen, bent u al op de goede weg aan het creëren van een site die de psychologische driften van uw doelgroep aanboort.

Door bezoekerspsychologie te overwegen, krijgt u waarschijnlijk gelukkiger bezoekers die eerder geneigd zijn de acties uit te voeren die u wilt, of dat nu contact met u opneemt, uw product koopt of vrienden doorverwijst.

Dit is de belangrijkste reden om in je ontwerpen rekening te houden met psychologie. U wilt het waarschijnlijker maken dat uw bezoekers doen wat u wilt.

Vertrouwen opbouwen

Om ervoor te zorgen dat uw bezoekers doen wat u wilt, moeten zij u vertrouwen. Vertrouwen komt niet gemakkelijk, vooral in dit tijdperk van zwendelpraktijken, schema's en onsmakelijke personages, bijna overal waar we online kijken.

Voor iemand die weinig weet van hoe het internet echt werkt, zijn ze wantrouwend tegenover iedereen die hen om persoonlijke informatie vraagt, ongeacht hoe noodzakelijk het is of hoe sterk de website wordt aanbevolen.

Als ontwerpers zien we dit vaak over het hoofd omdat we zo gewend zijn om online zaken te doen. Maar voor onze klanten, en voor hun klanten, kan internet nog steeds een groot, eng zwart gat zijn waar hun informatie naartoe gaat.

Met dit in gedachten kunt u ontwerppsychologie gebruiken om uw website er betrouwbaarder uit te laten zien voor de gemiddelde bezoeker. Door een website te maken die bezoekers op hun gemak stelt, zullen ze zich eerder aanmelden voor een account, een product kopen of op een andere manier zaken met u doen. Dit kan worden gedaan door een combinatie van ontwerp en de taal die op de site wordt gebruikt.

Bekendheid en herkenbare patronen

Wanneer iemand op een pagina binnen een website terechtkomt, zijn er bepaalde dingen die ze direct verwachten, vrijwel ongeacht het soort site waarop ze zich bevinden.

Als ze deze dingen niet zien, hebben ze vaak het gevoel alsof ze in een vreemde woestenij terecht zijn gekomen die niet logisch voor hen is (en daarom niet betrouwbaar is). De twee grote dingen die mensen verwachten, zijn het doel van de site (die van alles kan zijn, van informatie over een bepaald onderwerp tot het verkopen van een product om er mooi uit te zien) en een vorm van navigatie.

Hoewel tagregels kunnen helpen bij het onderscheiden van het doel, kan het ontwerp die boodschap aanvullen en versterken. Laten we bijvoorbeeld zeggen dat u een milieublog ontwerpt. Als je ontwerp helemaal donker en broeierig is en een skyline van de stad heeft bij zonsondergang in de koptekst, geeft dit ons niet de minste aanwijzing wat het doel van de site is.

Aan de andere kant, als het een schone, modern ogende site is met veel groene en natuurlijk ogende accenten, zal dit het feit versterken dat dit een milieublog is.

Naast de elementen die iedereen op elke website verwacht te vinden, zijn er extra dingen die mensen kunnen verwachten op bepaalde soorten sites of in bepaalde branches. Mensen verwachten blogposts op de voorpagina van een blog. Ze verwachten producten op de voorpagina van een e-commercesite. Ze verwachten een zoekfunctie op elke site die meer dan een paar pagina's diep is. En in de meeste gevallen verwachten ze een soort 'over'-informatie en een contactpagina.

Merkconsistentie

Naast de algemene elementen die de meeste bezoekers op een site verwachten te zien, zijn er vaak dingen die bezoekers wellicht in verband brengen met uw bedrijf. Hoewel dit misschien geen zorg is voor een nieuw bedrijf of een heel klein bedrijf, is het een zorg voor vele anderen.

Denk aan de kleuren die u gebruikt in uw offline promotiemateriaal. Deze kleuren moeten op de een of andere manier in uw website worden opgenomen, zelfs als deze zich alleen in de afbeelding van de koptekst of als accentkleuren bevindt.

Hetzelfde geldt voor uw logo. Als u een logo gebruikt in uw gedrukte marketingmateriaal, moet u dit ook opnemen op uw website. Dit zijn heel basale dingen, maar het is verrassend hoeveel bedrijven over het hoofd zien dat de consistentie tussen hun online en offline marketinginspanningen behouden blijft.

Psychologische triggers

Psychologische en emotionele triggers zijn een waardevol hulpmiddel bij het beïnvloeden van bezoekers om de acties te ondernemen die u hen wilt laten uitvoeren. Triggers omvatten zaken als schuldgevoel en angst, maar ook een gevoel van verbondenheid en een beroep op de waarden van mensen.

Het opnemen van emotionele triggers in uw ontwerpen gebeurt meestal via de taal op de site zelf, met grafische elementen die dienen als ondersteuningssysteem voor die triggers. Gebruik afbeeldingen en afbeeldingen die de gebruikte trigger versterken.

Afbeeldingen om concepten te versterken

De afbeeldingen die u op uw sites gebruikt, kunnen bezoekers helpen of verwarren. Een goed gekozen afbeelding kan uw bezoeker op uw gemak stellen, waardoor uw intentie duidelijk wordt. Een slecht gekozen persoon kan hun hoofd krabben en het gevoel hebben dat ze weer in dat zwarte gat vallen.

Deze foto van een nijlpaard bij Disney World heeft absoluut niets te maken met dit bericht en dient alleen om dingen te verwarren.

Abstracte afbeeldingen kunnen soms goed werken, maar wees op uw hoede als u ze wilt gebruiken als hun betekenis van vitaal belang is. Soms heeft een abstract beeld verschillende betekenissen voor verschillende mensen, anders zal de betekenis geheel worden gemist.

Kleur Psychologie

De psychologie van kleur is een van de meer complexe onderwerpen in de ontwerppsychologie, en niet iets waar we hier uitgebreid op ingaan. Maar de kleuren die u gebruikt, kunnen een grote invloed hebben op hoe uw bezoekers uw site waarnemen. Zorg ervoor dat de kleuren die u hebt geselecteerd uw bericht versterken en de afbeelding die u wilt weergeven versterken.

Hieronder is een basislijst met kleuren en hun betekenis. Natuurlijk zullen de combinaties van kleuren die u gebruikt samen met hun exacte tint, tint of toon ook van invloed zijn op hun betekenis.

  • Rood
    Vurig en gepassioneerd, kan zowel liefde als woede vertegenwoordigen.
  • Oranje
    Deelt attributen van zowel rood als geel. Geassocieerd met energie en warmte. Het is rustiger dan rood en vrolijker.
  • Geel
    Een warme, vrolijke kleur. Het kan vreugde of lafheid vertegenwoordigen.
  • Groen
    Betekent de natuur, groei en vernieuwing. In dezelfde lijn kan groen soms onervarenheid vertegenwoordigen. Aan de andere kant wordt groen soms geassocieerd met afgunst of jaloezie.
  • Blauw
    Kalmeren en afkoelen, maar te veel kan deprimerend zijn. Vaak geassocieerd met bedrijfsafbeeldingen.
  • Paars Violet
    Lang geassocieerd met royalty's en rijkdom. Het is ook een spirituele kleur en er wordt gedacht dat het creatief is.
  • Zwart
    Een beetje een kameleon, het kan conservatief of edgy zijn, traditioneel of modern. Het kan mysterieus en sexy of conventioneel en veilig zijn, afhankelijk van hoe het wordt gebruikt.
  • Wit
    Geassocieerd met zuiverheid en onschuld. Het past goed bij elke andere kleur.
  • Grijs
    Neutraal en gebalanceerd. Grijs is conservatief en verfijnd, maar kan ook als humeurig worden beschouwd.
  • Bruin
    Een gezonde en nuchtere kleur die staat voor stabiliteit en betrouwbaarheid.

Patronen lezen

Mensen hebben de neiging om in een "Z" -patroon op een website te lezen, beginnend over de bovenkant van links en eindigend in de rechterbenedenhoek van hun scherm.

Als ontwerper moet u ernaar streven de belangrijkste inhoud binnen dit leespatroongebied te plaatsen. Dit is de reden waarom veel sites het logo in de linkerbovenhoek van de kop bevatten.

Door niet-essentiële informatie in deze leeszone op te nemen, kunnen uw bezoekers de site verlaten voordat ze vinden waarnaar ze op zoek zijn, omdat ze denken dat deze niet op uw site aanwezig zijn.

Focus van elke pagina

Elke pagina op uw site moet een focus hebben. Elke pagina moet een doel hebben, of het nu gaat om het presenteren van een product, het vertellen van informatie over uw bedrijf of het dienen van recent nieuws.

Uw ontwerp moet de nadruk leggen op het focale element van elke pagina. De focus van elke pagina moet ook meteen duidelijk zijn, zodat bezoekers weten wat ze daar doen. Dit kan worden bereikt via cues in de navigatie of via een header, naast de inhoud van de pagina.

Een van de grootste cijfers van een amateursite is proberen te veel informatie op elke pagina te plaatsen. Wees niet bang voor witte pagina's op uw pagina's en wees niet bang voor een gedefinieerd doel voor elke pagina op uw site.

Ademruimte

Dat brengt ons bij het concept van witte ruimte en ademruimte. Als een bezoeker arriveert op een rommelige pagina vol met alles wat denkbaar is, zullen ze zich overweldigd en claustrofobisch voelen.

Het is waarschijnlijk dat de pagina snel en chaotisch aanvoelt. Hierdoor hebben bezoekers het gevoel dat ze niet weten waar ze moeten beginnen, wat betekent dat ze uw site misschien helemaal kunnen overslaan en doorgaan naar een site waar ze een beetje ademruimte hebben.

Sta de negatieve ruimte op uw site toe om uw bezoekers naar de gebieden te leiden waarop u zich wilt concentreren. Door lege ruimte en goed gestileerde en geproportioneerde elementen te combineren, kunt u uw bezoekers aanmoedigen om naar een bepaald ding te kijken en een gewenste actie te ondernemen.

Stappen voor het opnemen van ontwerppsychologie

Nu u bekend bent met wat designpsychologie is en wat het betekent voor webdesign, vraagt ​​u zich misschien af ​​hoe u dit precies in uw eigen ontwerpproces moet opnemen. Hier zijn een paar technieken die u kunt gebruiken:

Zoek uit wie uw bezoekers zijn
Weten wie uw bezoekers zijn, is een enorm belangrijke eerste stap bij het ontwerpen van een site die hen zal aanspreken. Als uw bezoekers tech-savvy internetveteranen zijn, zullen ze een andere reeks prioriteiten hebben dan iemand die alleen online gaat om foto's van hun kleinkinderen te bekijken. Zoek uit wie uw doelgebruiker is en zoek vervolgens uit welke emotionele triggers voor hen zullen werken.

Interview uw gebruikers
Als u niet zeker weet wat uw gebruikers of bezoekers willen, kunt u een aantal van hen ondervragen. Vind huidige of voormalige klanten en kijk of ze bereid zijn om een ​​paar vragen over uw site te beantwoorden. Maak vervolgens zinvolle vragen op basis van de specifieke doelen van uw eigen site. Het belangrijkste is dat u handelt volgens het advies dat zij u geven. Te vaak voeren bedrijven interviews of enquêtes uit, maar maken ze nooit wijzigingen op basis van wat hen wordt verteld.

Maak een sitemap voor uw site
U moet een kaart van elke pagina van uw site maken, zodat u zeker weet dat elke pagina slechts één focus heeft. Maak eerst een lijst van alles wat er op uw site moet staan ​​en leg vervolgens uit op welke pagina elk item moet gaan (in het ideale geval zou het één pagina per item moeten zijn, tenzij de dingen heel, zeer nauw verwant zijn).

Stel uw merkelementen samen
Maak een lijst of maak een bestand met de algemene elementen die worden gebruikt om uw merk te vertegenwoordigen. Hoogstwaarschijnlijk zou dit een logo, een kleurenschema en mogelijk een bepaald lettertype bevatten. Zoek vervolgens uit waar u deze kunt opnemen in uw siteontwerp.

Doe A / B-testen
Zelfs als u het op beperkte basis doet, is het belangrijk om erachter te komen welke site-elementen het beste werken. Als u niet zeker weet waar uw bezoekers zich op een bepaalde pagina beter bij voelen, test u deze met twee versies om te zien welke betere resultaten oplevert.

Ontwerppsychologie is iets dat elke ontwerper moet nastreven om meer te leren over en op te nemen in hun workflow. Het kan de grootste factor zijn in hoe effectief uw ontwerpen zijn en hoe gelukkig uw klanten zijn als gevolg hiervan. Het kost niet veel tijd en is niet bijzonder moeilijk, dus er is echt geen excuus om niet ten minste enkele van deze principes te nemen en ze in de praktijk te brengen.

Meer middelen


Exclusief geschreven voor WDD door Cameron Chapman

Houd je psychologische principes in gedachten bij het uitvoeren van je ontwerpwerk? Welke zijn de meest gebruikte in je eigen werk en waarom?

ontwerp webontwerp psychologie