8. Hou je aan de eigenschappen van Links

• De initiële kleur van een link is bij voorkeur blauw, dit wordt nog steeds het makkelijkst door gebruikers herkend. Andere kleuren werken ook op voorwaarde dat de kleur consistent gebruikt wordt.

Het is je vast al opgevallen dat in deze site geen blauwe links gebruikt worden. De kleur is afhankelijk van de sectie waarin je je bevindt. Tja, wanneer ik de afweging maakt tussen usability en grafisch design is het niet altijd de usability die wint…

• Links zijn altijd onderlijnd

Net zoals ondertussen aanvaard wordt dat links niet altijd blauw moeten zijn, moeten links volgens velen ook niet meer per se onderlijnd zijn. Zolang ze maar herkenbaar zijn door hun andere kleur en ander 'mouse over' gedrag.
Persoonlijk zweer ik nog steeds bij onderlijnde links. Zeker als je, net als ik, kleur ook voor andere doeleinden gebruikt, is onderlijnen essentieel. Toegegeven: onderlijnde tekst staat niet zo mooi, maar meestal moet het toch de usability zijn die wint.

• Voorzie een speciaal mouse-over gedrag
  Je kan b.v. de linkkleur veranderen, maar als de link duidelijk een link is (lees: onderlijnd is) is het veranderen van de cursor in een ‘handje’ voldoende.
  
• Verander de kleur van een link waar reeds op geklikt is (naar een minder felle, niet meer zo actief ogende kleur)
  Het is belangrijk dat de gebruiker weet waar hij al is geweest, anders raakt hij de weg kwijt

Er zijn wel belangrijke uitzonderlingen op deze regel. Als een link leidt naar een taak die de gebruiker vaak uitvoert, werkt het alleen maar verwarrend om de kleur van deze link te veranderen. In applicaties komt dit vaak voor.

• Link labels moeten betekenisvol zijn

Dit geldt trouwens ook voor labels van menus en buttons.
Ik heb wel eens horen zeggen dat de regel is dat 'labels zo kort mogelijk moeten zijn'. Vergeet dat maar. Labels moeten zo duidelijk mogelijk zeggen wat er gaat gebeuren als je erop klikt. Vaak is het nodig meerdere woorden te gebruiken.

Maar: De link mag nooit in twee worden gekapt (over 2 regels heen), want dan is het niet meer duidelijk of het nu 1 of 2 links zijn

Bijvoorbeeld: Meer t.o.v. Meer informatie over product A

• Hetzelfde geldt voor embedded links. Zorg ervoor dat de link op zich duidelijk genoeg is, want mensen negeren de tekst rond een embedded link vaak.

Bijvoorbeeld: Overzicht van de producten t.o.v. Overzicht van de producten

• Plaats de belangrijkste woorden vooraan in het label. Deze worden als eerste gescand door gebruikers en het is ook goed voor SEO (lees meer over dat laatste in mijn blogpost over SEO: Zo win je de liefde van Mr. Google).
• Open niet automatisch een nieuw venster bij het klikken op een link. Dit disabled de “back-button” (en zoals je misschien wel weet zijn gebruikers dol op de back-button).

Als je toch een nieuw venster opent, maak dan duidelijk dat dit zal gebeuren als de gebruiker op de link klikt, bijvoorbeeld op deze manier:

Deze pagina in print formaat (opent een nieuw venster)