Measuring the Screen Complexity of Web Pages

  • Fongling Fu
  • Shao-Yuan Chiu
  • Chiu Hung Su
Part of the Lecture Notes in Computer Science book series (LNCS, volume 4558)


An increasing, degree of rich and dynamic content and abundant links are making Web pages visually cluttered. This paper presents a numerical tool to evaluate the screen complexity of a Web page using four critical measurements: size complexity, local density, grouping, and alignment. In the empirical study, we first translate the real screens from four first pages on Ebay auction web sites to serve as model screens that contain the structure of complexity without content. We subsequently compare the complexity values calculated from the model screens with the viewers’ judgment from the real screens. The resemblance between the results indicates that the tool is useful.


Screen complexity measurements Web page design Complexity on screen layout GUI design 


Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.


  1. 1.
    Goonetilleke, R.S., Lau, W.C., Shih, H.M.: Visual Search Strategies and Eye Movements When Searching Chinese Character Screens. Int. J. Human-Computer Studies 57, 447–468 (2002)CrossRefGoogle Scholar
  2. 2.
    Miyoshi, T., Murata, A.: A Method to Evaluate Properness of GUI Design Based on Complexity Indexes of Size, Local Density, Aliment, and Grouping. Man and Cybernetics. In: IEEE International Conference on, vol. 1, pp. 221–226 (2001)Google Scholar
  3. 3.
    Ngo, D.C.L, Teo, L.S., Byrne, J.G.: Formalising Guidelines for the Design of Screen Layouts. Display 21, 3–15 (2001)CrossRefGoogle Scholar
  4. 4.
    Ngo, D.C.L, Teo, L.S., Byrne, J.G.: Modeling Interface Aesthetics. Information Science 152, 25–46 (2003)CrossRefGoogle Scholar
  5. 5.
    Pan, B., Hembrooke, H.A., Gay, G.K., Granka, L.A., Feusner, M.K., Newman, J.K.: The Determinants of Web page Viewing Behavior: An Eye-Tracking Study. Access site:
  6. 6.
    Parush, A., Nadir, R., Shtub, A.: Evaluating the Layout of Graphical User Interface Screens: Validation of a Numerical Computerlized Mode. International Journal of Human-Computer Interaction 10(4), 343–360 (1998)CrossRefGoogle Scholar
  7. 7.
    Schneiderman, B., Plaidant, C.: Designing the User Interface: Strategies for Effective Human-Computer Interaction. 4th edn. Pearson Education, Inc (2005)Google Scholar
  8. 8.
    Woodward, R.M.: Proximity and Direction of Arrangement in Numeric Display. Human Factors 14, 337–343 (1972)Google Scholar

Copyright information

© Springer-Verlag Berlin Heidelberg 2007

Authors and Affiliations

  • Fongling Fu
    • 1
  • Shao-Yuan Chiu
    • 2
  • Chiu Hung Su
    • 1
  1. 1.Department of Management Information Systems, National Cheng-chi University, Taipei 11605Taiwan
  2. 2.Department of Industrial and Manufacturing Systems Engineering, University of, Missouri-Columbia, Columbia, MO 65201USA

Personalised recommendations