Links en de regels van aanklikbaarheid
Over welke links gaat het?
Eender welke tekstlink. Dus niet over knoppen, prentjes, banners etc.
De 5 basisregels van aanklikbaarheid
Maak duidelijk wat aanklikbaar is. Surfers willen niet zelf uitzoeken wat een link is en wat niet.
Veel websites gaan hier de mist in. Daarom nog even de basisregels van de aanklikbaarheid op een rijtje.
1. Onderlijn tekstlinks
Onderlijnde woorden vallen meteen op. Zo speel je meteen ook in op het vluchtige leesgedrag op het web.
2. Zet links in een goed leesbare, felle kleur
Door je link in een andere kleur te zetten dan je tekst, valt hij nog meer op.
De standaardkleur voor links is blauw en dat blijft de beste keuze. Kies gerust een andere kleur, maar zorg er dan wel voor dat het een goed leesbare kleur is die duidelijk verschilt van je normale tekstkleur.
Een andere kleur alleen is niet voldoende. Onderlijnen moet ook. Vooral voor surfers met een visuele beperking is dat belangrijk.
3. Gebruik verschillende kleuren voor bezochte en niet-bezochte links
Dat links naar bezochte pagina’s een andere kleur hebben dan niet-bezochte, is een webstandaard. Als je je bezoekers niet wil ergeren, volg je die regel best. Het is geen toeval dat websites als Google, eBay, … deze regel volgen.
Mensen weten graag welke pagina’s ze al bezocht hebben en welke niet. Het is erg vervelend om tijdens een zoektocht op een website op een link te klikken, om dan vast te stellen dat je die pagina al bekeken hebt.
De standaardkleur voor bezochte links is paars. Opnieuw: kies gerust een andere kleur. Maar zorg er dan wel voor dat het een goed leesbare kleur is die doffer is dan je kleur voor links. Bezochte links mogen iets minder opvallen dan niet-bezochte links.
4. Wees consistent in je kleurgebruik
Om de gebruiker niet te verwarren, gebruik je op heel je site best één kleur voor bezochte links en één kleur voor niet-bezochte links.
Gebruik deze kleur alleen voor links. Zet dus geen titels of subtitels in je linkkleur.
5. Onderlijn alleen tekstlinks
Omdat mensen gewend zijn dat links onderlijnd zijn, verwachten ze ook dat alles wat onderlijnd is een link is.
Verwar je bezoekers niet en onderlijn geen tekst die geen link is.
Toon interactie en geef instant feedback.
Dat is een fundamenteel UX principe. En het is ook erg belangrijk bij links. Je gebruikers willen meteen zien of hun klik geregistreerd is. In dit artikel leggen we uit hoe je interactie toont en instant feedback geeft.
Uitzonderingen
Er zijn een aantal uitzonderingen op deze regels.
Navigatie
Links in de navigatie moeten niet in kleur staan of onderlijnd worden. De plaats en vormgeving moet duidelijk maken dat het om de navigatie gaat.
Bij navigatie-items dient het kleurverschil om aan te geven wat de rubriek is waar de bezoeker zich bevindt, niet om te laten zien waar hij al op geklikt heeft.
Links in lijstjes
Bij lijstjes, waar je allemaal links onder elkaar zet, zet je de links best wel in de linkkleur maar onderlijn je ze beter niet. De opeenstapeling van lijntjes zorgt voor een soort tralie-effect dat de leesbaarheid niet echt bevordert.
Wil je extra duidelijk maken dat het een lijstje links is? Gebruik dan geen bolletjes of streepjes als opsommingstekens maar pijltjes of zelfs groter-dan-tekens. Geen grotere klikmagneet dan iets wat op een pijltje lijkt.
Een link in een lijstje onderlijnen wanneer de gebruiker er met zijn muis overkomt, mag wel.
Call-to-action links
Heb je een aantal links op een pagina staan, maar is er eentje de call-to-action en wil je dat die eruit springt?
Zet die link dan in een andere kleur dan je gewone linkkleur.
Of maak er gewoon een knop van in plaats van een tekstlink. Dat kan natuurlijk ook.
Krijg exclusieve tips die je niet vindt op onze site
- Al 8.147 abonnees
- 2 keer per maand
- Mis geen enkele tip of promo
Of volg ons op LinkedIn