7:2 Differentiate and Group Navigation Elements
Strength of Evidence:
Document Type: Guideline
Clearly differentiate navigation elements from one another, but group and place them in a consistent and easy to find place on each page.
Group and place navigational elements (e.g., group of links) consistently throughout the website. Maintain expected conventions, such as left or right hand navigations. Use vertical lists to help users move from link to link with a single eye movement.
Bailey, R.W. (2000b, October). Link affordance. Retrieved November 2005, from http://www.webusability.com.
Detweiler, M.C. & Omanson, R.C. (1996). Ameritech Web Page User Interface Standards and Design Guidelines. Ameritech (now SBC).
Evans, M. (1998). Web Design: An Empiricist’s Guide. Unpublished master’s thesis. Seattle: University of Washington. Retrieved May 2003, from http://response.restoration.noaa.gov/webmastr/webdesgn.pdf.
Farkas, D.K. & Farkas, J.B. (2000). Guidelines for designing web navigation. Technical Communication, 47(3), 341-358.
Hornof, A.J. & Halverson, T. (2003). Cognitive strategies and eye movements for searching hierarchical computer displays. CHI 2003 Conference Proceedings, 249-256.
Koyani, S.J. & Nall, J. (1999, November). Web site design and usability guidelines. National Cancer Institute, Communication Technologies Branch Technical Report. Bethesda, MD.
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. & Tahir, M. (2002). Homepage Usability: 50 Sites Deconstructed. Indianapolis, IN: New Riders Publishing.
Niemela, M. & Saarinen, J. (2000). Visual search for grouped versus ungrouped icons in a computer interface. Human Factors, 42(4), 630-635.
Title: Web Style Guide: Page Structure and Site Design
Description: This style guide illustrates the consistent placement of key elements in a web page template.
Title: Welie.com Main Navigation pattern
Description: This page in a UI pattern collection illustrates typical options for placement of primary navigation menus.
Related Usability Guidelines: