10:13 Clarify Clickable Regions of Images


3 out of 5
3 out of 5
Topic: Links
Guideline: If any part of an image is clickable, ensure that the entire image is clickable or that the clickable sections are obvious.
Comments: 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.
Sources:
  • Detweiler, M.C. & Omanson, R.C. (1996). Ameritech Web Page User Interface Standards and Design Guidelines. Ameritech (now SBC).
  • Levine, R. (1996). Guide to Web Style. Sun Microsystems.
  • Lim, R.W. & Wogalter, M.S. (2000). The position of static and on-off banners in WWW displays on subsequent recognition. Human Factors and Ergonomics Society Annual Meeting Proceedings, 1071-1813.

Good Example:
Dramatically different colors delineate clickable regions.

10_13_good_example1

The use of white space between clickable regions in this image map define the boundaries of each individual 'hot' area.

10_13_good_example2

Related Usability Guidelines: