Visual complexity and aesthetic perception of web pages

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.

[1]  Frank M. Shipman,et al.  Hypertext paths and the World-Wide Web: experiences with Walden's Paths , 1997, HYPERTEXT '97.

[2]  Chaomei Chen.  Structuring and visualising the WWW by generalised similarity analysis , 1997, HYPERTEXT '97.

[3]  Kirstin Krauss,et al.  A critical evaluation of literature on visual aesthetics for the web , 2004 .

[4]  Michael L. Bernard,et al.  The effects of font type and size on the legibility and reading time of online text by older adults , 2001, CHI Extended Abstracts.

[5]  H. Zettl.  Sight, Sound, Motion: Applied Media Aesthetics , 1973 .

[6]  Gitte Lindgaard,et al.  Attention web designers: You have 50 milliseconds to make a good first impression! , 2006, Behav. Inf. Technol..

[7]  Robert Stevens,et al.  How people use presentation to search for a link: expanding the understanding of accessibility on the Web , 2006, W4A '06.

[8]  Alistair G. Sutcliffe,et al.  Making contact points between text and images , 1998, MULTIMEDIA '98.

[9]  Michael L. Mack,et al.  Identifying the Perceptual Dimensions of Visual Complexity of Scenes , 2004 .

[10]  Philip Smith,et al.  CD-I Designers Guide , 1992 .

[11]  Melody Y. Ivory,et al.  Evolution of web site design patterns , 2005, TOIS.

[12]  Caroline Jay,et al.  Validating the use and role of visual elements of web pages in navigation with an eye-tracking study , 2008, WWW.

[13]  Noam Tractinsky,et al.  Assessing dimensions of perceived visual aesthetics of web sites , 2004 .

[14]  Keith A. Butler,et al.  Usability engineering turns 10 , 1996, INTR.

[15]  Jodi Forlizzi,et al.  A study of fonts designed for screen display , 1998, CHI.

[16]  Hironobu Takagi,et al.  Annotation-based transcoding for nonvisual web access , 2000, Assets '00.

[17]  Simon Harper,et al.  Metrics of Visual Complexity , 2005 .

[18]  David Carmel,et al.  The connectivity sonar: detecting site functionality by structural patterns , 2003, HYPERTEXT '03.

[19]  K. Rayner.  Eye movements in reading and information processing: 20 years of research. , 1998, Psychological bulletin.

[20]  Kirstin Krauss.  Visual aesthetics and its effect on communication intent: a theoretical study and website evaluation , 2005 .

[21]  Carole A. Goble,et al.  Evaluating DANTE: Semantic transcoding for visually disabled users , 2007, TCHI.

[22]  C. Heaps,et al.  Similarity and Features of Natural Textures , 1999 .

[23]  Ilze Zigurs,et al.  Causal Factors for Web Site Complexity , 2008 .

[24]  Michael Bernard,et al.  A Comparison of Popular Online Fonts: Which Size and Type is Best? , 2002 .

[25]  Richard H. Hall,et al.  The impact of web page text-background colour combinations on readability, retention, aesthetics and behavioural intention , 2004, Behav. Inf. Technol..

[26]  David Robins,et al.  Aesthetics and credibility in web site design , 2008, Inf. Process. Manag..