• Text Resize A A A
  • Print Print
  • Share Share Share Share

View all available chapters

8:1 Eliminate Horizontal Scrolling

Relative Importance:

Relative Importance rating of 5 out of 5

Strength of Evidence:

Strength of Evidence rating of 4 out of 5

Document Type: Guideline


Topic:

Scrolling and Paging


Guideline:

Use an appropriate page layout to eliminate the need for users to scroll horizontally.


Comments:

Horizontal scrolling is a slow and tedious way to view an entire screen. Common page layouts including fluid and left-justified may require some users to scroll horizontally if their monitor resolution or size is smaller than that used by designers.


Sources:

  • Bernard, M. & Larsen, L. (2001). What is the best layout for multiple-column Web pages? Usability News, 3.2. Retrieved November 2005, from http://psychology.wichita.edu/surl/usabilitynews/3S/layout.htm.
  • 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.
  • Spyridakis, J.H. (2000). Guidelines for authoring comprehensible web pages and evaluating their success. Technical Communication, 47(3), 359-382.
  • Williams, T.R. (2000). Guidelines for designing and evaluating the display of information on the Web. Technical Communication, 47(3), 383-396.

Poor Example:

These Web pages require users to scroll horizontally.

640 x 480. Note the scroll bar


 

800 x 600. Note the scroll bar

08_01_bad_example