usability.gov

Bookmark and Share     Text Size Reduce Text Size Enlarge Text Size     Print Print     Download Reader PDF


View all available chapters

10:8 Provide Consistent Clickability Cues

Relative Importance:

Relative Importance rating of 3 out of 5

Strength of Evidence:

Strength of Evidence rating of 2 out of 5
More about the Rating Scales
Document Type: Guideline
Topic: Links
Guideline: Provide sufficient cues to clearly indicate to users that an item is clickable.
Comments:

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.


Sources:
  • Bailey, R.W. (2000b, October). Link affordance. Retrieved November 2005, from http://www.webusability.com.
  • Bailey, R.W., Koyani, S., & Nall, J. (2000, September 7). Usability testing of several health information Web sites, National Cancer Institute Technical Report. Bethesda, MD.
  • Farkas, D.K. & Farkas, J.B. (2000). Guidelines for designing web navigation. Technical Communication, 47(3), 341-358.
  • Lynch, P.J. & Horton, S. (2002). Web Style Guide (2nd Edition). New Haven, CO: Yale University Press. Retrieved November 2005, from http://www.webstyleguide.com/index.html?/contents.html.
  • Nielsen, J. (1990, March). The art of navigating through hypertext. Communications of the ACM, 33(3), 296-310.
  • Tullis, T.S. (2001). Web usability lessons learned. Fidelity Center for Applied Technology Technical Report. Fidelity Investments.

Poor Example:
With at least seven non-traditional colors for links, the clickability cues for users might lead to confusion as to which links have been visited or not.

10_08_bad_example

Good Example:
A bulleted list of blue, underlined text. These are very strong clickability cues for users.

10_08_good_example

Related Usability Guidelines: