Relationship Between Visual Complexity and Aesthetics of Webpages

Substantial HCI research investigated the relationship between webpage complexity and aesthetics, but without a definitive conclusion. Some research showed an inverse linear correlation, some other showed an inverted u-shaped curve, while the rest showed no relationship at all. Such a lack of clarity complicates hypothesis formulation and result interpretation for future research, and lowers the reliability and generalizability of potential advice for Web design practice. We re-collected complexity and aesthetics ratings for five datasets previously used in webpage aesthetics and complexity research. The results were mixed, but suggested an inverse linear relationship with a weaker u-shaped sub-component. A subsequent visual inspection of revealed several confounding factors that may have led to the mixed results, including some webpages looking broken or archaic. The second data collection showed that accounting for these factors generally eliminates the u-shaped tendency of the complexity-aesthetics relationship, at least, for a relatively homogeneous sample of English-speaking participants.

[1]  Rolf Reber,et al.  Processing fluency, aesthetic pleasure, and culturally shared taste. , 2012 .

[2]  Aniket Kittur,et al.  Crowdsourcing user studies with Mechanical Turk , 2008, CHI.

[3]  Antonella De Angeli,et al.  Quantification of interface visual complexity , 2014, AVI.

[4]  Allison J. Lazard,et al.  The influence of visual complexity on initial user impressions: testing the persuasive model of web design , 2019, Behav. Inf. Technol..

[5]  Yunfei Chen,et al.  Evaluating the visual quality of web pages using a computational aesthetic approach , 2011, WSDM '11.

[6]  Sean Bechhofer,et al.  Visual complexity and aesthetic perception of web pages , 2008, SIGDOC '08.

[7]  Pheng-Ann Heng,et al.  Webthetics: Quantifying webpage aesthetics with deep learning , 2019, Int. J. Hum. Comput. Stud..

[8]  Marti A. Hearst,et al.  Improving Web Site Design , 2002, IEEE Internet Comput..

[9]  John Hamer,et al.  Investigating Objective Measures of Web Page Aesthetics and Usability , 2011, AUIC.

[10]  T. Whitfield,et al.  Predicting preference for familiar, everyday objects: An experimental confrontation between two theories of aesthetic behaviour , 1983 .

[11]  Katharina Reinecke,et al.  Quantifying visual preferences around the world , 2014, CHI.

[12]  D. Berlyne,et al.  Aesthetics and Psychobiology , 1975 .

[13]  Antonella De Angeli,et al.  Computation of Interface Aesthetics , 2015, CHI.

[14]  Rafael Jaron,et al.  Effects of Different Website Designs on First Impressions, Aesthetic Judgements and Memory Performance after Short Presentation , 2016, Interact. Comput..

[15]  P. Winkielman,et al.  PSYCHOLOGICAL SCIENCE Research Article Prototypes Are Attractive Because They Are Easy on the Mind , 2022 .

[16]  P. Silvia.  Cognitive Appraisals and Interest in Visual Art: Exploring an Appraisal Theory of Aesthetic Emotions , 2005 .

[17]  Gitte Lindgaard,et al.  An exploration of relations between visual appeal, trustworthiness and perceived usability of homepages , 2011, TCHI.

[18]  Paul Hekkert,et al.  Unity in Variety in website aesthetics: A systematic inquiry , 2017, Int. J. Hum. Comput. Stud..

[19]  Dianne Cyr,et al.  Colour appeal in website design within and across cultures: A multi-method evaluation , 2010, Int. J. Hum. Comput. Stud..

[20]  Antonella De Angeli,et al.  Visual complexity of graphical user interfaces , 2018, AVI.

[21]  Morten Moshagen,et al.  Facets of visual aesthetics , 2010, Int. J. Hum. Comput. Stud..

[22]  N. Schwarz,et al.  Processing Fluency and Aesthetic Pleasure: Is Beauty in the Perceiver's Processing Experience? , 2004, Personality and social psychology review : an official journal of the Society for Personality and Social Psychology, Inc.

[23]  Klaus Opwis,et al.  Mental models for web objects: Where do users expect to find the most frequent objects in online shops, news portals, and company web pages? , 2010, Interact. Comput..

[24]  Brian Detweiler-Bedell,et al.  Beauty as an Emotion: The Exhilarating Prospect of Mastering a Challenging World , 2008 .

[25]  Antonella De Angeli,et al.  Visual impressions of mobile app interfaces , 2014, NordiCHI.

[26]  Olivier Rioul,et al.  The Perils of Confounding Factors: How Fitts' Law Experiments can Lead to False Conclusions , 2018, CHI.

[27]  Morten Moshagen,et al.  A short version of the visual aesthetics of websites inventory , 2013 .

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

[29]  Martin Pielot,et al.  Make It Big!: The Effect of Font Size and Line Spacing on Online Readability , 2016, CHI.

[30]  Noam Tractinsky,et al.  Aesthetics and apparent usability: empirically assessing cultural and methodological issues , 1997, CHI.

[31]  Katharina Reinecke,et al.  Predicting users' first impressions of website aesthetics with a quantification of perceived visual complexity and colorfulness , 2013, CHI.

[32]  Antonella De Angeli,et al.  Webpage Aesthetics: One Size Doesn't Fit All , 2016, NordiCHI.

[33]  Marc Hassenzahl,et al.  The Interplay of Beauty, Goodness, and Usability in Interactive Products , 2004, Hum. Comput. Interact..

[34]  Marti A. Hearst,et al.  Statistical profiles of highly-rated web sites , 2002, CHI.

[35]  Maxim Bakaev,et al.  Entropy and Compression Based Analysis of Web User Interfaces , 2019, ICWE.

[36]  Richard H. A. H. Jacobs,et al.  Liking versus Complexity: Decomposing the Inverted U-curve , 2016, Front. Hum. Neurosci..

[37]  Ranjan Maity,et al.  Is My Interface Beautiful?—A Computational Model-Based Approach , 2019, IEEE Transactions on Computational Social Systems.

[38]  Alexandre N. Tuch,et al.  Location matters, especially for non-salient features-An eye-tracking study on the effects of web object placement on different types of websites , 2013, Int. J. Hum. Comput. Stud..

[39]  Paul J. Silvia,et al.  Do People Prefer Curved Objects? Angularity, Expertise, and Aesthetic Preference , 2009 .

[40]  N. Tractinsky,et al.  What is beautiful is usable , 2000, Interact. Comput..

[41]  Antonella De Angeli,et al.  Visual diversity and user interface quality , 2015, BCS HCI.

[42]  Gerrit Hirschfeld,et al.  Electrophysiological correlates of aesthetic processing of webpages: a comparison of experts and laypersons , 2017, PeerJ.

[43]  Alexandre N. Tuch,et al.  The role of visual complexity and prototypicality regarding first impression of websites: Working towards understanding aesthetic judgments , 2012, Int. J. Hum. Comput. Stud..

[44]  Paul J. Silvia,et al.  Human Emotions and Aesthetic ExperienceAn overview of empirical aesthetics , 2011 .

[45]  Masaaki Kurosu,et al.  Apparent usability vs. inherent usability: experimental analysis on the determinants of the apparent usability , 1995, CHI 95 Conference Companion.

[46]  C. Martindale,et al.  Aesthetic preference: Anomalous findings for Berlyne's psychobiological theory. , 1990 .

[47]  T. Whitfield,et al.  The effects of categorization and prototypicality on aesthetic choice in a furniture selection task. , 1979 .

[48]  Helmut Leder,et al.  Just how stable are stable aesthetic features? Symmetry, complexity, and the jaws of massive familiarization. , 2009, Acta psychologica.