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.

Klik op deze afbeelding om verder te gaan naar het archief van deze website

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.

 
Vond je dit een interessant artikel?
Wil je op de hoogte gehouden worden als er weer een nieuw artikel verschijnt?
Meld je dan aan »

Deze bijdrage was gepubliceerd in Algemeen.

Een gedachte over “Klikbare afbeelding als link

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *