Effectieve banners? Vijf richtlijnen voor een goed ontwerp

Hoewel het nieuwe er inmiddels wel vanaf is, zijn banners nog steeds één van de belangrijkste én effectiefste media om mee op internet te adverteren. Maar het is 2013 en we trappen niet zomaar overal meer in. Bovendien hebben we zo langzamerhand een blinde vlek ontwikkeld voor een hoop van de reclame op het internet. We klikken niet meer uit pure nieuwsgierigheid op allerhande hysterisch knipperende ellende.
Banners die nu werken zijn over het algemeen no-nonsense advertenties, gericht op een doelgroep die ook daadwerkelijk in het product geinteresseerd zou moeten zijn, geadverteerd in een context waar die doelgroep verwacht wordt.
Met dit in je achterhoofd is het belangrijk het ontwerp van je banners hier op af te stemmen. Ik heb een aantal richtlijnen geformuleerd, waaraan een banner volgens mij zou moeten voldoen. Uiteraard kunnen de omstandigheden anders bepalen en valt er nog wel meer te zeggen over het onderwerp. Maar in mijn eigen ervaring leg je in elk geval een solide basis voor het ontwerpen van effectieve banners als je de volgende vijf punten toepast.

1. Zorg voor een duidelijke, korte en krachtige boodschap

Als je eigenlijk niet zo goed weet wat je de consument nou helemaal te bieden hebt, is het wellicht verstandig om je vaste baan nog even niet op te zeggen in de hoop te kunnen gaan leven van je zojuist opgerichte webwinkel. Dat lijkt een wagenwijd openstaande deur, maar ik blijf me verbazen over het aantal adverteerders dat banners wil laten ontwikkelen en geen clue lijkt te hebben wat ze ermee willen melden.
Het andere uiterste komt ook regelmatig voor: Adverteerders die hun hele hebben en houden in een enkele banner willen benadrukken. Niet doen, een banner is geen brochure. Bedenk goed wat je wil vertellen, maar houd het zo kort en zo krachtig mogelijk.
Voortijdige afhakers zijn gemiste kansen: Des te eerder ik weet wat je me te bieden hebt, des te eerder kan ik beslissen of ik daarin geïnteresseerd ben en daar gevolg aan wil geven. En het is een cliché, maar bedenk ook dat een goed gekozen beeld soms meer zegt dan duizend woorden.

2. Houd je banners overzichtelijk en goed leesbaar

Behalve dat je boodschap duidelijk geformuleerd moet zijn is het ook wel zo handig als hij goed leesbaar is. Pas experimentele typografie, allerhande funfonts en gelaagde zoekplaatjes vooral toe in uitingen die zich daar wél voor lenen, maar gebruik ze liever niet in je banners. Hanteer goed leesbare lettertypes in een zo groot mogelijk formaat. Gebruik contrasterende kleuren en duidelijke foto’s of illustraties. Ook hier geldt: Hoe sneller je je boodschap kunt overbrengen, hoe beter.

3. Zorg voor een niet te missen call-to-action

Het mag heden ten dage als bekend worden verondersteld dat je op een banner moet klikken als je meer wil weten over wat de adverterende partij je te bieden heeft. Toch zorgt het ervoor dat beduidend meer mensen dat ook daadwerkelijk doen als je ze hier uitdrukkelijk voor uitnodigt. “Shop hier”, “Bekijk ons aanbod”, “Profiteer nu!”, “Doe mee en win” of simpelweg; “Klik hier!”; het werkt. Helemaal als die call-to-action verwerkt is in een opvallende knop of tekstlink.
Kleur speelt hierin een belangrijke psychologische rol. Vermijd in de regel de kleur rood. Rood wordt met gevaar geassocieerd. Oranje valt bijna net zoveel op als rood, maar heeft niet dezelfde negatieve associaties en is dus een goede kleur voor een knop. Blauw en groen wekken vertrouwen en zijn daardoor ook uitermate geschikt. Internetgebruikers herkennen een donkerblauw en onderstreept stuk tekst als een tekstlink. Maak hier gebruik van in je ontwerp.

4. Val op in de context en trek de aandacht naar je toe

Het kan van grote waarde zijn om te weten in welke context een banner gaat verschijnen. Je kunt van deze informatie gebruik maken door de banner sterk te laten contrasteren met de site waarop hij wordt getoond. Of door hem juist op slimme wijze te integreren met –let wel: niet op te laten gaan in- die website.
Wees creatief. Prikkelende spelletjesbanners die in feite één grote call-to-action zijn en waarin strafschoppen genomen, monsters verslagen, pakjes door schoorstenen geduwd en beha’s losgeknipt kunnen worden werken vaak wel om clicks te triggeren, maar zorg wel dat het relevant blijft in relatie tot je product. Anders heb je alsnog een enorme bounce-rate (het grootste deel van je publiek haakt alsnog af op het moment dat ze na het klikken op je pagina zijn terechtgekomen).
Tenslotte, geanimeerde banners werken doorgaans beter dan statische, simpelweg omdat bewegende beelden ons oog trekken. Geloof je dit nu niet, denk hier dan nog eens aan als het huis de rest van de avond te klein is omdat je vriendin je betrapte op het dwangmatig kijken naar de TV, terwijl zij net een heel betoog hield over hoe het die dag op haar werk was. “Jaaneemaarliefje, het bewoog!” Precies. Overdrijf echter niet en houd het overzichtelijk. Te veel animatie zorgt bovendien voor grotere bestanden. En hoe kleiner je banner, des te sneller hij laadt en zichtbaar is. In het ideale geval zelfs voordat de rest van de pagina geladen is.

5. Zorg regelmatig voor verse banners

Verandering van spijs doet eten. Dus promoot nieuwe acties die dat waard zijn met nieuwe banners. Maar ook een nieuw jasje voor een vrijwel dezelfde boodschap kan goed werken. Maak gebruik van de seizoenen of haak bijvoorbeeld eens slim in op de actualiteit. Je blijft op die manier relevant en opvallend.

Dit artikel is geschreven door Pieter de Wolf. Pieter is designer bij Daisycon en gespecialiseerd in het ontwerp van banners en geoptimaliseerde landingspagina’s voor onze adverteerders. Lees hier meer over de diensten van de designafdeling van Daisycon.