Visual complexity and aesthetic perception of web pages

ABSTRACT

The visual appearance of a Web page influences the way a user will interact with the page. Web page structural elements (such as text, tables, links, and images) and their characteristics (such as colour and size) are used to determine the visual presentation and complexity level of a Web page. We theorise that by understanding a user's visual and aesthetic perception of a Web page we can understand the cognitive effort required for interaction with that page. This paper describes an investigation into user perception of the visual complexity and aesthetic appearance of Web pages. Results show a strong and high correlation between users' perception of visual complexity, structural elements (links, images, words and sections) and aesthetic appearance (organisation, clearness, cleanliness, interestingness and beautifulness) of a Web page. We argue that the results should be used as a further understanding for keeping the balance between aesthetic appearance of a Web page and its visual complexity. Web pages will then be designed that can still be aesthetically attractive but also usable and not overloaded with information for the users.

REFERENCES

• 1: Einat Amitay , David Carmel , Adam Darlow , Ronny Lempel , Aya Soffer, The connectivity sonar: detecting site functionality by structural patterns, Proceedings of the fourteenth ACM conference on Hypertext and hypermedia, August 26-30, 2003, Nottingham, UK [doi>10.1145/900051.900060]
• 2: Chieko Asakawa , Hironobu Takagi, Annotation-based transcoding for nonvisual web access, Proceedings of the fourth international ACM conference on Assistive technologies, p.172-179, November 13-15, 2000, Arlington, Virginia, United States [doi>10.1145/354324.354588]
• 3: Michael Bernard , Chia Hui Liao , Melissa Mills, The effects of font type and size on the legibility and reading time of online text by older adults, CHI '01 extended abstracts on Human factors in computing systems, March 31-April 05, 2001, Seattle, Washington [doi>10.1145/634067.634173]
• 4: M. Bernard, B. Lida, S. Riley, T. Hackler, and K. Janzen. A comparison of popular online fonts: Which size and type is best? Usability News, January 2002.
• 5: Dan Boyarski , Christine Neuwirth , Jodi Forlizzi , Susan Harkness Regli, A study of fonts designed for screen display, Proceedings of the SIGCHI conference on Human factors in computing systems, p.87-94, April 18-23, 1998, Los Angeles, California, United States [doi>10.1145/274644.274658]
• 6: Keith A. Butler, Usability engineering turns 10, interactions, v.3 n.1, p.58-75, Jan. 1996 [doi>10.1145/223500.223513]
• 7: Chaomei Chen, Structuring and visualising the WWW by generalised similarity analysis, Proceedings of the eighth ACM conference on Hypertext, p.177-186, April 06-11, 1997, Southampton, United Kingdom [doi>10.1145/267437.267456]
• 8: Pete Faraday , Alistair Sutcliffe, Making contact points between text and images, Proceedings of the sixth ACM international conference on Multimedia, p.29-37, September 13-16, 1998, Bristol, United Kingdom [doi>10.1145/290747.290752]
• 9: Richard Furuta , Frank M. Shipman, III , Catherine C. Marshall , Donald Brenner , Hao-wei Hsieh, Hypertext paths and the World-Wide Web: experiences with Walden's Paths, Proceedings of the eighth ACM conference on Hypertext, p.167-176, April 06-11, 1997, Southampton, United Kingdom [doi>10.1145/267437.267455]
• 10: M. Germonprez and I. Zigurs. Causal factors for web site complexity. Working Papers on Information Environments, Systems and Organizations, 2003.
• 11: H. R. H. and H. Patrick. The impact of web page text-background colour combinations on readability, retention, Aesthetics and behavioural intention. Behaviour & Information Technology, 23(3):183--195, 2004.
• 12: C. Heaps and C. H. Handel. Similarity and features of natural textures. Journal of Experimental Psychology: Human Perception and Performance, 25, 1999.
• 13: Ralf Hoffmann , Kirstin Krauss, A critical evaluation of literature on visual aesthetics for the web, Proceedings of the 2004 annual research conference of the South African institute of computer scientists and information technologists on IT research in developing countries, p.205-209, October 04-06, 2004, Stellenbosch, Western Cape, South Africa
• 14: Signe Hoffos , Philip Smith , Graham Sharpless , Nicholas Lewis, CD-I Designers Guide, McGraw-Hill, Inc., New York, NY, 1992
• 15: Melody Y. Ivory , Rodrick Megraw, Evolution of web site design patterns, ACM Transactions on Information Systems (TOIS), v.23 n.4, p.463-497, October 2005 [doi>10.1145/1095872.1095876]
• 16: Caroline Jay , Robert Stevens , Mashhuda Glencross , Alan Chalmers, How people use presentation to search for a link: expanding the understanding of accessibility on the web, Proceedings of the 2006 international cross-disciplinary workshop on Web accessibility (W4A): Building the mobile web: rediscovering accessibility?, May 22-22, 2006, Edinburgh, U.K. [doi>10.1145/1133219.1133241]
• 17: K. Krauss. Visual aesthetics and its effect on communication intent: a theoretical study and website evaluation. In Proceedings of the Southern African Computer Lecturers Association (SACLA), 2004.
• 18: Talia Lavie , Noam Tractinsky, Assessing dimensions of perceived visual aesthetics of web sites, International Journal of Human-Computer Studies, v.60 n.3, p.269-298, March 2004 [doi>10.1016/j.ijhcs.2003.09.002]
• 19: G. Lindgaard, G. Fernandes, C. Dudek, and J. Browntilde. Attention web designers: You have 50 milliseconds to make a good first impression! Behaviour & Information Technology, 25:115--126, 2006.
• 20: E. Michailidou. Metrics of visual complexity. Master's Thesis, Computer Science, 2005.
• 21: E. Michailidou. Determining users' perception of web page visual complexity and aesthetic characteristics. Technical report, May 2008. http://hcw-eprints.cs.manchester.ac.uk/44/.
• 22: E. Michailidou. Investigating users' visual perception based on web page chunks. Technical report, April 2008. http://hcweprints.cs.manchester.ac.uk/43/.
• 23: A. Oliva, M. L. Mack, M. Shrestha, and A. Peeper. Identifying the perceptual dimensions of visual complexity of scenes. In Proceedings of the 26th Annual Meeting of the Cognitive Science Society, 2004.
• 24: K. Rayner. Eye movements in reading and information processing: 20 years of research. 124(3):372--422, 1998.
• 25: David Robins , Jason Holmes, Aesthetics and credibility in web site design, Information Processing and Management: an International Journal, v.44 n.1, p.386-399, January, 2008 [doi>10.1016/j.ipm.2007.02.003]
• 26: Yeliz Yesilada , Caroline Jay , Robert Stevens , Simon Harper, Validating the use and role of visual elements of web pages in navigation with an eye-tracking study, Proceeding of the 17th international conference on World Wide Web, April 21-25, 2008, Beijing, China [doi>10.1145/1367497.1367500]
• 27: Yeliz Yesilada , Robert Stevens , Simon Harper , Carole Goble, Evaluating DANTE: Semantic transcoding for visually disabled users, ACM Transactions on Computer-Human Interaction (TOCHI), v.14 n.3, p.14-es, September 2007 [doi>10.1145/1279700.1279704]
• 28: H. Zettl. Sight, Sound, Motion: Applied Media Aesthetics. Wadsworth Publishing Company, 1999

INDEX TERMS

Primary Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.2 User Interfaces (D.2.2, H.1.2, I.3.6)

Additional Classification:
  H. Information Systems
  H.5 INFORMATION INTERFACES AND PRESENTATION (I.7)
      H.5.4 Hypertext/Hypermedia

  I. Computing Methodologies
  I.7 DOCUMENT AND TEXT PROCESSING
      I.7.2 Document Preparation

General Terms:
Design, Experimentation, Human Factors

Keywords:
ViCRAM, aesthetics, visual complexity, visual perception, web design