Webdesign tip: links
Het basiselement van het internet is de link. Besteed dus extra veel aandacht aan die links in je webdesign.
Hier zijn een aantal webdesign tips in verband met links :
Links zijn onderlijnd.
Bij uitbreiding : links moeten er 'klikbaar' uitzien - en dat klikbaar zijn wordt per conventie aangeduid door onderlijning. Zorg er dus voor dat in de hoofdtekst van je webpagina de links onderlijnd zijn, en dat woorden die niet klikbaar zijn (geen links zijn) niet onderlijnd zijn.
(De uitzondering : in menu opsommingen hoef je niet per se de links te onderlijnen. Zolang ze maar herkenbaar zijn als 'klikbaar'; de vorm van een knop bijvoorbeeld.)
Betrouw niet enkel op een andere kleur om links aan te duiden : 8 procent van alle mannen lijdt aan kleurenblindheid.
Denk na over de woorden van een link.
Gebruik woorden die betekenis hebben. Dus niet 'click here' als link gebruiken...
Maak je links niet te kort (anders zijn ze moeilijk zichtbaar of aanklikbaar), en ook niet te lang. Drie-vier woorden voor een link is ok.
Zeg in je link wat de bezoeker zal krijgen.
Zeg niet wat jij krijgt, maar wat de bezoeker krijgt als hij op de link klikt.
Dus niet 'Hier registreren', maar wel 'Download gratis whitepaper'.
Laat de titel van de gelinkte pagina overeenkomen met de woorden uit de link.
Dus niet een link die zegt : 'geschiedenis van het bedrijf', om dan uit te komen op een pagina met titel 'Over ons'.
Open links niet in een ander venster.
Onervaren gebruikers (en die zijn in de meerderheid) weten niet wat er gebeurt als je links opent in een ander venster. Ze verwachten naar de vorige pagina terug te kunnen gaan via de 'back' toets; door een link te openen in een ander venster lukt dat dus niet.
Als je toch een link in een ander venster opent, waarschuw de gebruiker dan (bv. met een klein icoontje).
Meer lezen hierover kan op Usabilityweb.
Waarschuw als een link iets anders bevat dan een webpagina.
Er is niets zo irritant als onverwachts een pdf of mpg te openen - je hele computer blokkeert voor een tijdje tot het programma opgestart is of het bestand gedownload is.
Duidt bij de link aan dat het om een aparte toepassing gaat, en geef een indicatie van de bestandsgrootte.
Maak ook de opsommingstekens klikbaar.
Als je links in een lijst zet, maak dan ook de scheidingstekens (bolletjes, pijltjes, icoontjes) die bij de link horen aanklikbaar. Bezoekers verwachten dat deze dingen zich gedragen als knoppen.
Gebruik 'revolving door'-links en 'call to action' links.
Ga ervan uit dat een bezoeker - hoe dan ook - de pagina verlaat. Meestal is dat via een link. Deze links kan je controleren - dus kan je tot op zekere hoogte controleren waar je bezoeker naar toe gaat.
De meeste bezoekers zijn onder te verdelen in één van deze twee categorieën : op zoek naar verdiepende informatie, of van plan een actie uit te voeren.
Plaats dus slechts twee links per pagina : een 'revolving door' link voor de info-zoekers, en een 'call to action' link voor diegenen die al beslist hebben.
Revolving door : deze link verwijst naar een pagina met meer info. Gebruik hiervoor liefst naamwoorden die beschrijvend zijn ('meer info over dienst x', 'alle eigenschappen van product y').
Call to action : deze link is bedoeld voor de bezoeker die genoeg info heeft, en klaar is om te bestellen/offerte te vragen/contact op te nemen. Plaats op elke pagina een call to action : als je de bezoeker niet expliciet vraagt om iets te doen, zal hij het ook niet doen. (Het typische voorbeeld is een 'meer info' pagina. Je geeft bladzijden en bladzijden uitleg over je product - maar die pagina ook eindigen met een link naar de bestelpagina verdubbelt je conversie-ratio.) Gebruik voor deze call to action bij voorkeur werkwoorden ('Contacteer ons voor een afspraak', 'Bestel product x').
Gebruik het 'title' attribuut.
Je kan aan een link een 'title' meegeven. Dit zorgt voor wat extra uitleg als je met je muis over de link gaat.
Geef bezochte links een andere kleur.
Om je bezoeker makkelijker zijn weg te laten vinden in je website, geef je de bezochte links een andere kleur. Pas ook hier weer op met rood/groen en kleurenblindheid.
Lees ook de vorige webdesign tip : Gebruik Verdana.
Webdesign tip: links werd geschreven door Bart op 24-05-2005 (1085 dagen geleden) - Share!
Reacties:
Re: Webdesign tip: links
fun fun fun, dagelijkse blog
fre , 08-08-2006 (643 dagen geleden)
Re: Webdesign tip: links
Als docent online marketing en usability moet ik zeggen dat dit een waardevolle lijst is. Het mist nog wat belangrijke punten anders dan deze accessibility punten. Maar zeker 'úsable'
Patrick Petersen , 23-05-2007 (355 dagen geleden)
