Links zijn een essentieel element van iedere site, maar krijgen vaak niet genoeg liefde van webdesigners. In deze blogpost: enkele tips en technieken om links bruikbaar en toch esthetisch verantwoord te houden.
1. Duidelijk maken wat klikbaar en niet klikbaar is
Eén van de grootste usabilityfouten die je kan maken ligt in de stijling van links. Standaard worden links blauw en onderlijnd getoond in een browser. In een lopende tekst vallen links zo erg hard op en kan dit als storend worden ervaren. Daarom vinden veel ontwerpers er niet beter op dan de onderlijning onder links weg te halen.
Dit kan, op voorwaarde dat het duidelijk blijft wat klikbaar is en wat niet. Links hebben sowieso een andere kleur nodig dan normale tekst. Er zijn een aantal technieken om links “mooier” te maken en de bruikbaarheid toch te behouden. Ikzelf prefereer om in plaats van text-decoration: underline; borders te gebruiken. Dit zorgt voor subtielere underlines. Daarnaast zet ik deze borders vaak een tik lichter dan de eigenlijke linkkleur; met name 33% van de originele linkkleur. Vergelijk het met opacity in Photoshop: de borders onder links hebben bij mij 33% opacity.
Een andere techniek is “swap underlines”. Dit houdt in dat je de border of underline pas toont bij het hoveren over een link. Deze techniek gaat usabilitygewijs al eerder de gevaarlijke kant uit, maar kan vlot toegepast worden in menu’s en doormats als het duidelijk is dat het een menu betreft, en de linkkleur consistent is met de rest van de website.
Lees het hele artikel hier: http://www.netlash.com/blog/detail/usability-van-links
