6:3 Place Important Items at Top Center
Strength of Evidence:
Document Type: Guideline
Page Structure - General
Put the most important items at the top center of the Web page to facilitate users' finding the information
Users generally look at the top center of a page first, scanning from left to right, and then begin systematically moving down the page. All critical content and navigation options should be toward the top of the page. Particularly on navigation pages, most major choices should be visible with no, or a minimum of, scrolling.
Byrne, M.D., John, B.E., Wehrle, N.S., & Crow, D.C. (1999). The tangled web we wove: A taskonomy of WWW use. Proceedings of CHI’99, 544-551.
Detweiler, M.C. & Omanson, R.C. (1996). Ameritech Web Page User Interface Standards and Design Guidelines. Ameritech (now SBC).
Faraday, P. (2000). Visually critiquing web pages. Proceedings of the 6th Conference on Human Factors and the Web. Retrieved November 2005, from http://www.tri.sbc.com/hfweb/faraday/FARADAY.HTM.
Faraday, P. (2001). Attending to web pages. Proceedings of CHI 2001, 159-160.
Lewenstein, M., Edwards, G., Tatar, D., & Devigal, A. (2000). Where do users look first? Stanford Poynter Institute. Research excerpted in http://www.stanford.edu/dept/news/report/news/may10/eyetrack-55.html.
Mahajan, R. & Shneiderman, B. (1997). Visual and textual consistency checking tools for graphical user interfaces. IEEE Transactions on Software Engineering, 23, 722-735.
Nielsen, J. (1996a, May). Top ten mistakes in Web design. Retrieved November 2005, from http://www.useit.com/alertbox/9605.html.
Nielsen, J. (1999b, May). ‘Top ten mistakes’ revisited three years later. Retrieved November 2005, from http://www.useit.com/alertbox/990502.html.
Nielsen, J. (1999c, May). The top ten new mistakes of Web design. Retrieved November 2005, from http://www.useit.com/alertbox/990530.html.
Spyridakis, J.H. (2000). Guidelines for authoring comprehensible web pages and evaluating their success. Technical Communication, 47(3), 359-382.
Title: Alertbox April 17, 2006: F-Shaped Pattern For Reading Web Content
Description: Jakob Nielsen describes the typical pattern of eye movement as users visually scan a web page.
Title: Center Stage
Description: This UI design pattern describes placing the most important information in a section of the page that is given a prominent focus.
Title: Web Style Guide: Document Design
Description: This style guide recommends putting the most important information at the beginning of the page.
Related Usability Guidelines: