Tufte's theories also apply to web design. His principle of creating a micro/macro structure relates to web design because viewers see the whole page before they consider the details. (1.9) Viewers will not focus on the details until they understand the purpose of the site. Layering is also extremely relevant when developing the structure of a web site. Information must be separated and layered into meaningful categories. Layering also helps to establish the hierarchy of the web site--the order in which information is presented. Presenting all information at once will confuse and frustrate the viewer.

There are various ways of separating the content so it does not overwhelm the reader, such as altering the typeface, size, position, and color. The use of color is particularly important in web design. Color can be used to signify categories of information and can be used to distinguish one section from another. (1.10) Integrating text and image is also relevant to web design. For instance, a successful navigational structure often combines text with graphical buttons.

 

 

 
 




1.10
Use of Color

Buy.com's web site is an excellent example on how to use color correctly. As seen above and below, color is used to distinguish one section from another (the software section uses gold, while the video section uses green). Thus, users can easily identify the section they are in based on its color scheme. Also, if the background color changes, users know that they have entered a different part of the site.