8 Tips For Better Link Design
Links are the most common thing on the internet, that’s what the whole web is about. Although we use them every single day there are a lot of implementation techniques to keep in mind to improve usability.
1. Avoid general links. Instead of "click here" use something like "more information about San Francisco hotels". A link should give clear hints about what it’s gonna be found on the next page. Generic terms confuse users.
2. Include introductory information for related links. Give context to users making the first link in a group fully understandable. For example:
Read this report in English
This report in German
This report in Spanish
3. If the link is an image, provide a text equivalent that describes the message the image transmits. For example, for a link picture include the following "alt" attribute:
<A href="uk_cities.html">
<IMG src="uk.png"
alt="See UK cities on the map">
</A>
It is even better if the link works as an image description (example taken from News.com):
|
|
4. Providing keyboard shortcuts to important links will help users with problems to use a pointing device like a mouse. Remember that helping the impaired ones is helping everyone, in this case this feature could also help advanced users to save time. Use the accesskey attribute for this.
<A accesskey="E" href="edit.html"
title="Edit">
Edit</A>
|
|
5. Create a logical tab order through links.
6. Use language familiar to the user for links. For example some countries use "Shopping Cart" instead of "Shopping Basket".
7. Same links across a website should point to the same document. The "Support" link should take to the same page website-wide.
8. Differentiate links with similar names or meaning. For example, you might find "About Us" and "Company Info". In that case leave only one of those.
Popularity: 15% [?]
.png)


