Links

Linking means that users will select and click on a hypertext link on a starting page (usually the homepage), which then causes a new page to load. Users continue toward their goal by finding and clicking on subsequent links.

To ensure that links are effectively used, designers should use meaningful link labels (making sure that link names are consistent with their targets), provide consistent clickability cues (avoiding misleading cues), and designate when links have been clicked.

Whenever possible, designers should use text for links rather than graphics. Text links usually provide much better information about the target than do graphics.


Use Meaningful Link Labels:

• Use link labels and concepts that are meaningful, understandable, and easily differentiated by users rather than designers.
• To avoid user confusion, use link labels that clearly differentiate one link from another. Users should be able to look at each link and learn something about the link’s destination. Using terms like 'Click Here' can be counterproductive.
• Clear labeling is especially important as users navigate down through the available links. The more decisions that users are required to make concerning links, the more opportunities they have to make a wrong decision.

Link to Related Content:

• Provide links to other pages in the Web site with related content.
• Users expect designers to know their Web sites well enough to provide a full list of options to related content.

Match Link Names with Their Destination Pages:

• Make the link text consistent with the title or headings on the destination (i.e., target) page.
• Closely matched links and destination targets help provide the necessary feedback to users that they have reached the intended page.
• If users will have to click more than once to get to a specific target destination, avoid repeating the exact same link wording over and over because users can be confused if the links at each level are identical or even very similar. In one study, after users clicked on a link entitled 'First Aid,' the next page had three options. One of them was again titled 'First Aid.' The two 'First Aid' links went to different places. Users tended to click on another option on the second page because they thought that they had already reached 'First Aid.'

Avoid Misleading Cues to Click:

• Ensure that items that are not clickable do not have characteristics that suggest that they are clickable.
• Symbols usually must be combined with at least one other cue that suggests clickability. In one study, users were observed to click on a major heading with some link characteristics, but the heading was not actually a link.
• However, to some users bullets and arrows may suggest clickability, even when they contain no other clickability cues (underlining, blue coloration, etc.). This slows users as they debate whether the items are links.

Repeat Important Links:

• Ensure that important content can be accessed from more than one link.
• Establishing more than one way to access the same information can help some users find what they need. When certain information is critical to the success of the Web site, provide more than one link to the information. Different users may try different ways to find information, depending on their own interpretations of a problem and the layout of a page. Some users find important links easily when they have a certain label, while others may recognize the link best with an alternative name.

Use Text for Links:

• Use text links rather than image links.
• In general, text links are more easily recognized as clickable. Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
• In one study, users showed considerable confusion regarding whether or not certain images were clickable. This was true even for images that contained words. Users could not tell if the images were clickable without placing their cursor over them ('minesweeping'). Requiring users to 'minesweep' to determine what is clickable slows them down.
• Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.

Designate Used Links:

• Use color changes to indicate to users when a link has been visited.
• Generally, it is best to use the default text link colors (blue as an unvisited location/link and purple as a visited location/link). Link colors help users understand which parts of a Web site they have visited. In one study, providing this type of feedback was the only variable found to improve the user's speed of finding information. If a user selects one link, and there are other links to the same target, make sure all links to that target change color.
• One 2003 study indicated a compliance rate of only thirty-three percent for this guideline; a 2002 study showed a compliance rate of thirty-five percent.

Provide Consistent Clickability Cues:

• Provide sufficient cues to clearly indicate to users that an item is clickable.
• Users should not be expected to move the cursor around a Web site ('minesweeping') to determine what is clickable. Using the eyes to quickly survey the options is much faster than 'minesweeping.' Similarly, relying on mouseovers to designate links can confuse newer users, and slow all users as they are uncertain about which items are links.
• Be consistent in your use of underlining, bullets, arrows, and other symbols such that they always indicate clickability or never suggest clickability. For example, using images as both links and as decoration slows users as it forces them to study the image to discern its clickability.
• Items that are in the top center of the page, or left and right panels have a high probability of being considered links. This is particularly true if the linked element looks like a real-world tab or push button.

Ensure that Embedded Links are Descriptive:

• When using embedded links, the link text should accurately describe the link's destination.
• Users tend to ignore the text that surrounds each embedded link; therefore, do not create embedded links that use the surrounding text to add clues about the link's destination.

Use 'Pointing-and-Clicking':

• 'Pointing-and-clicking,' rather than mousing over, is preferred when selecting menu items from a cascading menu structure.
• One study found that when compared with the mouseover method, the 'point-and-click' method takes eighteen percent less time, elicits fewer errors, and is preferred by users.

Use Appropriate Text Link Lengths:

• Make text links long enough to be understood, but short enough to minimize wrapping.
• A single word text link may not give enough information about the link's destination. A link that is several words may be difficult to read quickly, particularly if it wraps to another line. Generally, it is best if text links do not extend more than one line. However, one study found that when users scan prose text, links of nine to ten words elicit better performance than shorter or longer links. Keep in mind that it is not always possible to control how links will look to all users because browser settings and screen resolutions can vary.

Indicate Internal vs. External Links:

• Indicate to users when a link will move them to a different location on the same page or to a new page on a different Web site.
• One study showed that users tend to assume that links will take them to another page within the same Web site. When this assumption is not true, users can become confused. Designers should try to notify users when they are simply moving down a page, or leaving the site altogether.

Clarify Clickable Regions of Images:

• If any part of an image is clickable, ensure that the entire image is clickable or that the clickable sections are obvious.
• Users should not be required to use the mouse pointer to discover clickable areas of images. For example, in a map of the United States, if individual states are clickable, sufficient cues should be given to indicate the clickable states.

Link To Supportive Information:

• Provide links to supportive information.
• Use links to provide definitions and descriptions to clarify technical concepts or jargon, so that less knowledgeable users can successfully use the Web site. For example, provide links to a dictionary, glossary definitions, and sections dedicated to providing more information.

Source:[usability.gov]