Klikbare afbeelding als link

Op heel veel webpagina’s staan buttons. Dat zijn speciaal vormgegeven links, die voor de
bezoeker makkelijk herkenbaar moeten zijn om de weg door een website heen te vinden. Zo heb je het
huisje voor de homepage en het envelopje voor de contactpagina. Het blijkt toch een kunst te zijn
om de juiste buttons of iconen te maken waarin de bezoeker de weg naar de juiste bestemming vind.

Zo heb je natuurlijk de tekstbuttons, waarin de link geschreven staat. “Homepage”, “Nieuws” en
“Producten” zijn duidelijk herkenbare aanwijzingen voor de bezoeker. Daarentegen blijkt dat “Informatie”
of “Service” al wat meer onduidelijkheid oplevert. Ook moet het wel duidelijk zijn dat het om een link
gaat. In de ideale situatie veranderd de button van kleur, of lijkt het alsof de button wordt ingedrukt.
Dat levert voor de bezoeker het signaal op dat hij naar een andere pagina gaat.

Iconen zijn grafische afbeeldingen van links. De grootste denfout die wordt gemaakt is dat de
iconen helemaal in de plaats van tekstlinks komen. Maar bedenk je dan goed dat wat voor jou als
webdesigner een vanzelfsprekende link is, dat niet geldt voor een willekeurige bezoeker.
Voeg daarom altijd een tekstoelichting toe. De meest eenvoudige manier is natuurlijk de alt toevoegen
bij het plaatje in de html-code. Dus <img src=”plaatje.gif” /> wordt altijd:
<img src=”plaatje.gif” alt=”Afdeling printers” />. Nadeel van deze methode is dat de bezoeker
wel even moet wachten. En hij wil juist direct weten waar hij aan toe is. En dat wilde je toch ook
duidelijk maken met je icoon….? Kijk maar eens naar het voorbeeld hieronder.



Zoals dit artikel aan aangeeft, wees dus voorzichtig met het gebruik van iconen. Let op dat
je de juiste teksten toevoegt en laat deze vooral niet te lang zijn. Wanneer een bezoeker weet waar hij
of zij op moet klikken dan is de kans groter dat hij blijft hangen en verder gaat op de site.