Visually Critiquing Web Pages

  • Pete Faraday
Part of the Eurographics book series (EUROGRAPH)


This paper explores how visual information is organized in a web page. A cognitive framework is outlined for how web pages are processed into a visual hierarchy. The guidelines derived are implemented as rules in a critiquing system and embedded in a web editing tool, allowing the user to spot potential design problems. The paper concludes with a critique of two well known web pages.


Entry Point Contact Detail Search Phase Cognitive Framework Document Object Model 
These keywords were added by machine and not by the authors. This process is experimental and the keywords may be updated as the learning algorithm improves.


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Ameritech Web Page User Interface and Design Guidelines.
  2. 2.
    Arnheim, R. Art and Visual Perception. Faber & Faber, 1968.Google Scholar
  3. 3.
    Bernstein, M. Judging Web sites Usability or Criticism?
  4. 4.
    Bertin, J. Semiology of graphics. Madison, University of Wisconsin, 1983.Google Scholar
  5. 5.
    Brandt, H. The Psychology of Seeing. New York: The Philosophical library, 1954Google Scholar
  6. 6.
    Lewis, C. & Walker, P. Typographic Influences on reading. Journal of Psychology, 80, 241–257, 1989Google Scholar
  7. 7.
    Web Graphics-Great tips from CNET designers.
  8. 8.
    Fischer G., Lemke, A. & Morch, A. Using Critics to Empower Users. ACM CHI’90, 1990 p. 337–347Google Scholar
  9. 9.
    Fleming, J. In Defense of Web Graphics: Graphic designers offer more than just flashy graphics. http://webreview.coni/97/07/25/feature/index4.html
  10. 10.
    Glynn. S., Britton, B. & Tillman, M. Typographic cues in text: management of the readers attention. In Technology of Text. Ed Jonassen, D. Educational Technology Publishing, 1985.Google Scholar
  11. 11.
    Hartley, J. Designing Instructional Text. London: Kogan Page, 1978Google Scholar
  12. 12.
    Hillstrom, A.P. & Yantis, S. Visual motion and attentional capture. Perception & Psycho-physics, 55 (4), (1994), 399–411.CrossRefGoogle Scholar
  13. 13.
    Hochberg, J & Brooks, V. The Perception of Motion Pictures. In Handbook of Perception and Human Performance 10, 1978Google Scholar
  14. 14.
    Lynch, J. & Horton, S. Yale Centre for Advanced Media WWW Style Manual.
  15. 15.
    McConkie, G. & Zola, D. Visual Attention During Eye fixations while reading. In Attention and Performance XII, 1982, Ed Colheart, M. LEA.Google Scholar
  16. 16.
    Meads, J. Usability is not Graphic Design.
  17. 17.
    Nielsen, J. (1997) Alertbox. Google Scholar
  18. 18.
    Spool, J. Web site Usability, User Interface Engineering 1997Google Scholar
  19. 19.
    Theios, J. & Amrhein, P.C. Theoretical analysis of the cognitive processing of lexical and pictorial stimuli. Psychological Review, 1989, v96, nl, 5–24.CrossRefGoogle Scholar
  20. 20.
    Triesman, A. Features and Objects: Fourteenth Bartlett memorial lecture. Quarterly Journal of Experimental Psychology, 1988, 40A (2), 201–237.Google Scholar
  21. 21.
    Tufte, E. Visual Explanations. Graphics Press, 1997Google Scholar
  22. 22.
    Wertheimer, M. Principles of Perceptual Organization. Van Norstrand, 1958.Google Scholar
  23. 24.
    Yarbus, A.L. Eye Movements and Vision. Plenum Press, 1967.Google Scholar
  24. 25.
    Stone, D. & Glock, M.D. How do young adults read directions with and without pictures? Journal of Educational Psychology, 1981, v73, n3, 419–426.CrossRefGoogle Scholar

Copyright information

© Springer-Verlag/Wien 2000

Authors and Affiliations

  • Pete Faraday
    • 1
  1. 1.Microsoft CorpRedmondUSA

Personalised recommendations