Internetgebruikers willen snel weten: waar moet ik klikken?
Vergeet niet: ze hebben altijd hun vinger op de muisknop.

Een banaan is een groot ding om op te klikken. Lekker duidelijk.

Hou bezoekers zo kort mogelijk op je website

Websitebezoekers willen tempo maken. Ze komen met een concreet doel naar je site. Op je homepage zien ze graag snel waar ze moeten beginnen. Hun grootste wens is om zo gauw mogelijk klaar te zijn met de taak die ze in hun hoofd hebben.

Streef er dus niet naar om mensen zo lang mogelijk op je site te houden. Hou ze juist zo kort mogelijk op je website!
Maak transacties makkelijker en sneller. Bananen helpen daarbij.

Wat is een banaan?

De banaan op een webpagina is een opvallende knop, button of link die erom schreeuwt om aangeklikt te worden. De banaan moet er zó uitspringen, dat je meteen snapt: hier moet ik blijkbaar op klikken.

De metafoor van de banaan is bedacht door marketingexpert Seth Godin, die erover schrijft in zijn boek The Big Red Fez. Talloze usability-onderzoeken wijzen uit dat een banaan op een webpagina de gebruikersvriendelijkheid verbetert.

Op de webpagina over browser Firefox springt één visueel element er duidelijk uit: de knop ‘Firefox – Gratis download’. Visueel wijkt hij sterk af van alle andere klikbare dingen.

Banaan op de homepage van Firefox.

Zet een banaan op de homepage…

Slimme webdesigners zorgen voor visuele hiërarchie. Met op iedere pagina één banaan: een duidelijk startpunt. Iets waar de blik van de bezoeker automatisch naartoe wordt getrokken. Bijvoorbeeld een enorme knop in een afwijkende kleur. Zo’n banaan zorgt voor rust en focus.

Usabilla heeft ook een banaan op de homepage. Je ziet verschillende buttons en links. Maar je ziet meteen welke het belangrijkst is. Het is duidelijk de bedoeling dat je klikt op ‘Sign up for an account’’: de banaan.

Banaan op de homepage van Usabilla.

Een banaan vergroot de kans dat bezoekers van de homepage doorklikken, en doorgaan naar de volgende stap op je website.

Een banaan helpt bezoekers om weer van je pagina af te komen.

… en op iedere andere webpagina

Ook op dieper liggende pagina’s is banaan prettig. Bezoekers kunnen daardoor snel hun weg vinden en transacties verlopen soepel.

Op de meeste websites zijn allerlei transacties mogelijk. Als een transactie in verschillende stappen wordt uitgevoerd, is het handig als je steeds de volgende stap markeert met een opvallende button.

Bekijk  pagina’s op je site maar als stappen in het uitvoeren van een taak. Bij welke taak van je bezoekers wordt de pagina gebruikt? Weet je het antwoord niet, vraag je dan serieus af of die pagina nog wel moet blijven bestaan.

De meeste websites worden beter door een banaan toe te voegen aan iedere pagina. Het dwingt je namelijk om bij iedere pagina na te denken over de volgende stap. Wat is voor de bezoeker een logische vervolgstap na het bekijken van deze informatie? Zonder een banaan is een pagina een doodlopend straatje.

Op de homepage van de stad Gent staat geen banaan. Waar moet je klikken? Op deze site zijn heel wat taken uit te voeren, bijvoorbeeld evenementen opzoeken, bibliotheekboeken verlengen en online solliciteren. Een banaan om de populairste taak te starten zou handig zijn. Bijvoorbeeld een grote knop ‘Bibliotheekboek verlengen’.

Geen banaan op de homepage van de stad Gent.

Pas op: word niet overenthousiast. Meer dan één banaan per pagina geeft keuzestress. Er is niets tegen meerdere calls to action op een pagina, hoor. Sterker nog, daar ontkom je vaak niet aan. Want bezoekers voeren verschillende taken uit op je site. Maar: zorg wel dat op elke pagina maar één banaan visueel dominant is. Je oog moet ernaartoe worden getrokken.

TypeTopia heeft verschillende opvallende buttons op de homepage, maar geen visuele hiërarchie. Je ziet niet in één oogopslag wat de belangrijkste button is. Dat geeft keuzestress. Waar moet je klikken?

Een hele trós bananen op de homepage van TypeTopia.

Ontdek de banaan

Twijfel je of een banaan genoeg opvalt? Kijk dan door je oogharen. Knijp je ogen bijna dicht, totdat je de teksten niet meer kunt lezen. Alleen kleuren en vormen zijn nog zichtbaar. Welk vlak trekt de meeste aandacht?

Print anders de pagina eens in kleur en hang hem aan de muur. Is de banaan op 4 meter afstand nog steeds zichtbaar? Dan is hij groot genoeg. Amerikanen noemen de banaan daarom ook wel Big-Ass Button.

Zet een call to action op de banaan

Op een banaan zet je altijd een opschrift. Een korte, duidelijke tekst op de knop die zegt wat de gebruiker gaat doen als hij erop klikt. Bijvoorbeeld:

• Gratis downloaden
• Kijk hoe het werkt
• Stap 1: vul uw adres in
• Verzeker uw auto
• Bekijk de video
• Zoek in de catalogus

Een goed opschrift op een knop doet een oproep tot actie. Tips voor het schrijven van een concrete call to action die zorgt voor doorklikken:

• Benoem de handeling. Gebruik bijvoorbeeld woorden als bestellen, aanvragen, inschrijven, inloggen, stemmen, verzenden, reserveren, downloaden, openen, bekijken, printen of opslaan.
• Prikkel een behoefte. Internetgebruikers zijn vooral uit op gemak, tijdsbesparing en prijsvoordeel.
• Gebruik klassieke klikmagneten. Bijvoorbeeld: nu, direct, gratis, korting, bespaar, voordeel, eenvoudig, geheim, succes, tips.

Op iedere pagina kan de call to action anders zijn. Wat kies je als call to action? Een goede richtlijn is: kies op iedere pagina wat de allerbelangrijkste actie is waar je de bezoeker toe wilt oproepen.

Een duidelijke banaan en een goede call to action kunnen voor extra doorkliks, conversie en verkoop zorgen.

De BankGiro Loterij merkte dat in een experiment met een e-mailing. Door het opschrift op de button te veranderen van ‘Ga verder’ in Check uw bedrag” , klikte 33% meer door naar de bijbehorende landingspagina. Dat zorgde uiteindelijk voor 8% meer aanmeldingen voor de loterij.

Twee varianten van een e-mailing.
De rechter kreeg 33% meer doorkliks,
dankzij een ander button-opschrift.

Sites om snel je eigen buttons te maken

Mocht je op jouw website eens wat buttons willen uitproberen, dan zijn er genoeg online tools waar je ze eenvoudig kunt ontwerpen. Ik ben zelf enthousiast over:

• Da button factory (gratis)
• My Cool Button (kost een paar dollar per jaar)

Gratis proefhoofdstuk uit Verleiden op internet

Dit artikel is een ingekort hoofdstuk uit mijn boek Verleiden op internet.
Volledige tekst lezen? Download het proefhoofdstuk Waar is de banaan? (PDF van 2,6 Mb) of bestel het boek.

Lees meer artikelen over verleiden op internet:

• Doe niet zo deftig
• Klanten zijn gek op een happy end
• Breekt jouw website ongeschreven sociale regels?

Mis geen artikelen meer. Abonneer je gratis via RSS of e-mail.

Lees hoe de Nederlandse spoorwegen, Bing en de FIFA in de fout gaan.
En: hoe zorg je dat jouw website de blinddoektest wél doorstaat?

Dit is artikel 2 in de serie: Hoe wordt je homepage onweerstaanbaar?

Bezoekers die voor het eerst op een website komen, proberen zich te oriënteren. Ze vragen zich af:

• Wat is dit voor een website?
• Welke organisatie zit erachter?
• Is dit commercieel, overheid of non-profit?

Als dat niet direct duidelijk is, haken ze af.

Doe de blinddoektest

Stel dat jij voor het eerst op je eigen website komt. Je hebt nog nooit van je organisatie gehoord en bent zonder voorkennis op de website aangekomen! Is direct duidelijk waar je terechtgekomen bent?

Organisaties – vooral grote – denken vaak dat ze zó bekend zijn, dat toelichting overbodig is. Oei.

Verrassende missers

Toen de Nederlandse Spoorwegen haar huidige website maakte, besloot men om de woorden ‘Nederlandse Spoorwegen’ weg te laten op de homepage. De vergadering daarover met de webdesigners (met hippe bril en heftig haar) ging waarschijnlijk ongeveer zo:

“Jullie logo kent iedereen. Laten we daarom de website rustig houden en witruimte creëren. Er hoeft echt geen Nederlandse Spoorwegen bij te staan, duh! Less is more.”

Waarna iedereen knikte, en een slokje nam van zijn latte macchiato.

Resultaat is dat op de website van het Nederlandse spoorwegbedrijf:

• De woorden ‘Nederlandse spoorwegen’ ontbreken
• Het woord ‘trein’ maar één keer voorkomt (als je heel goed kijkt, en niet in de vaste navigatie)
• Geen foto’s van treinen staan

Je ziet hier 1 van de 4 beelden die elkaar afwisselen op ns.nl. De andere zijn nauwelijks duidelijker.

Ns.nl zakt voor de blinddoektest.
Wat is dit voor site? Niet meteen duidelijk.

Oók verrassend: bij zoekmachine Bing staat nergens het woord ‘zoeken’ of ‘zoekmachine’. (Bedankt voor de tip Reinout.)

Bing is de zoekmachine van Microsoft.
Nergens staat ‘zoeken’ of ‘zoekmachine’.
Gezakt voor de blinddoektest!

Zo slaagt jouw homepage wél voor de blinddoektest

Simpele ingrepen die je homepage onweerstaanbaar duidelijk maken:

• Zet een tagline bij je logo (je kernactiviteit in 2 of 3 woorden)
• Zet je kernactiviteit óf het doel van de website in de paginakop op je homepage.
  Schrijf dus nooit welkom.
• Simpele functionele foto’s

Schouten & Nelissen slaagt voor de blinddoektest, want de kernactiviteit staat in de paginakop op de homepage:

“Versterk jezelf met de beste trainingen, opleidingen, masters en coaching”

Aha, het gaat hier dus om trainingen, opleidingen, masters en coaching. Duidelijk.

Schouten & Nelissen slaagt voor de blinddoektest.
De kernactiviteit staat in de paginakop op de homepage.

Wat je precies doet kun je soms heel makkelijk verduidelijken met functionele foto’s of andere beelden:

• Ben je een geotechnisch bedrijf dat de bodem onderzoekt met groot materieel? Zet op je homepage foto’s van vliegtuigen, schepen en boorinstallaties.
• Verkoop je autoverzekeringen? Laat een auto zien.
• Ben je een onderwijsinstelling? Toon een docent voor de klas.

De FIFA is de internationale voetbalorganisatie die onder andere het WK voetbal organiseert. Dat weet iedereen. Denken ze blijkbaar op het hoofdkantoor van de FIFA. Want als je op de homepage komt, vertellen ze niet even wie ze zijn. Sterker nog: het is nauwelijks te zien dat het over voetbal gaat. Geen foto van een voetbal of van een wedstrijdmoment, de afkorting FIFA wordt niet uitgelegd, het woord “football” komt alleen voor in combinatie met andere woorden (“world football” en “classic football”, wat betekent dat?)

Gezakt voor de blinddoektest: FIFA.com
Wat is de FIFA?
Over welke sport gaat het?

Mis het volgende artikel niet: abonneer je via e-mail

Daarom een nieuwe serie artikelen: hoe wordt je homepage onweerstaanbaar? Vandaag schrijftip 1: lees hoe je voorkomt dat klanten wegrennen van je website.

Een van de eerste dingen die nieuwe bezoekers van je homepage zich afvragen is: Waarom moet ik hier zijn, en niet ergens anders?

De meeste websites falen jammerlijk in het snel beantwoorden van die vraag. Bekijk maar eens de sites van een paar concurrerende bedrijven. Vaak maken ze allemaal onvoldoende duidelijk wat ze uniek maakt.

Kijk bijvoorbeeld eens naar de homepages van energiebedrijven Essent en Nuon. Kun jij ontdekken wat de een onderscheidt van de ander?
Ik ook niet

Met zo’n homepage jaag je klanten dus weg!

Homepage Essent: waarom moet ik hier zijn en niet bij Nuon?
Nou?

Homepage Nuon: waarom moet ik hier zijn en niet bij Essent?
In een paar seconden duidelijk? Nee!

Handig: er is een speciale button in je browser voor gebruik op homepages die deze vraag niet beantwoorden: de Back-knop.

Zo maak je duidelijk wat jouw website uniek maakt

1. Vertel niet waar je bedrijf goed in is.

Maar vertel welke opbrengsten de klant krijgt als hij koopt bij jouw bedrijf. Hoe ga jij het leven van de klant beter maken?

Opbrengsten die je kunt noemen:

• Besparing (liefst: objectief meetbaar de goedkoopste)
• Kwaliteit (liefst: objectief meetbaar de beste)
• Nergens aan vast zitten
• Geen kosten of addertjes onder het gras
• Exclusiviteit
• Gemak
• Fatsoen (niet flauw doen over kleine lettertjes, geen uitbuiting in lagelonenlanden)
• Duurzaamheid (bijvoorbeeld geen chemische stoffen, CO2-neutraal)

Meer ideeën opdoen voor opbrengsten? Lees mijn artikel over Hot buttons: 10 tips voor verkoopgericht schrijven.

Gelijk maar even checken of je dit al goed doet?
Lees de tekst op je homepage. Heb je het vaker over wij, ons, [je bedrijfsnaam], of vaker over u of jij?
Jouw bedrijf interesseert de klant geen bal! (Jij bent zelf precies zo als je websites bezoekt
Probeer het dus waar mogelijk over het leven van de klant te hebben, en niet over jullie bedrijf.

2. Vertel wat anderen goed vinden aan jouw bedrijf

Vermeld op je homepage alle relevante erkenning die je van anderen hebt gekregen:

• Keurmerken
• Lidmaatschappen van beroepsverenigingen
• Reacties van klanten (testimonials, bijvoorbeeld LinkedIn-recommendations als je ZZP’er bent)
• Nominaties
• Awards
• Artikelen in bladen
• TV- of radio-uitzendingen
• Testresultaten: Consumentenbond, vakbladen

3. Stel potentiële kopers gerust

Jij bent te vertrouwen. Dat weet jij, maar is het direct zichtbaar op je homepage?

Vermeld zéér kort en duidelijk:

• Garantie (liefst levenslang)
• Retourzendingenbeleid (liefst gratis)
• Verzendkosten (liefst gratis verzending)
• Administratiekosten (liefst geen)
• Bedenktijd
• Niet goed, geld terug
• Levertijd (liefst morgen bezorgd)
• Klantenservice goed bereikbaar (liefst ook ‘s avonds en in het weekend)

Veel bezoekers komen nooit voorbij je homepage als je dit niet zéér expliciet maakt.

Verstop dit dus niet in je voorwaarden, of onderaan de productpagina’s.

Een paar voorbeelden van onweerstaanbare homepages

Een van mijn favoriete webshops is 123inkt.nl.

Onweerstaanbare homepage: printertoner- en inkt-webshop 123inkt

Zij hebben er alles aan gedaan om hun homepage onweerstaanbaar te maken:

• Betalen met acceptgiro (vinden mensen héél fijn)
• Veilig betalen via iDEAL
• 4 verschillende keurmerken
• 2 awards
• 2 verzendmethoden
• Alle kosten expliciet vermeld
• Levering binnen 1 dag (ze maken het waar, zelf geprobeerd

Mijn favoriete tekstblokje: 10 redenen om bij ons te bestellen.
Minpuntje: weinig concreet door al de bijvoeglijke naamwoorden (scherp, supersnel, zeer ruim?)

Erg goed vind ik ook de homepage van Boerderijcamping de Helenahoeve, die zelfs een eervolle vermelding kreeg tijdens de uitreiking van de Usability Award.

Onweerstaanbare homepage: boerderijcamping de Helenahoeve

Dit maakt de homepage van de Helenahoeve zo goed:

• Met het woord “boerderijcamping” mikken ze op een nichemarkt: exclusief=verleidelijk
• Simpel lijstje van 7 onderscheidende punten, samen maken die er een unieke camping van
• Geruststellende tagline voor ouders van jonge kinderen: Gemoedelijk, Overzichtelijk, Kindvriendelijk, Rustig gelegen, Goed sanitair
• Schaarsheid en loss aversion ingezet: “Wilt u deze zomer zeker zijn van een plaatsje, wacht niet langer met reserveren. Zie onze beschikbaarheid.”

Ontvang gratis mijn artikelen per e-mail