Objective and Subjective Measures of Visual Aesthetics of Website Interface Design: The Two Sides of the Coin

The main purpose of this study is to compare objective layout-based measures of visual aesthetics with subjective questionnaire-based measures. Correlation analysis was used to carry out the comparison. Values for the tested objective measures were calculated for forty-two web pages already used in a previous study, for which subjective questionnaire scores (classical/expressive and VisA WI) were already available. Results showed significant correlations between many of the tested objective screen layout-based measures and subjective questionnaire-based measures related to order and layout of the screen. These findings suggest that the objective layout-based measures tested in this study can be used for overall assessments of visual aesthetics of websites and particularly for assessing aesthetic aspects related to the classical and the simplicity dimensions of website aesthetics.

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

[2]  Yili Liu,et al.  Effects of Symmetry and Number of Compositional Elements on Interface and Design Aesthetics , 2006, Int. J. Hum. Comput. Interact..

[3]  Alexandre N. Tuch,et al.  Symmetry and aesthetics in website design: It's a man's business , 2010, Comput. Hum. Behav..

[4]  Yoram Reich,et al.  A model of aesthetic judgment in design , 1993, Artif. Intell. Eng..

[5]  Yili Liu,et al.  Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics , 2006, Int. J. Hum. Comput. Stud..

[6]  Yili Liu,et al.  Engineering aesthetics and aesthetic ergonomics: Theoretical foundations and a dual-process research methodology , 2003, Ergonomics.

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

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

[9]  Ahamed AlTaboli,et al.  Investigating Effects of Screen Layout Elements on Interface and Screen Design Aesthetics , 2011, Adv. Hum. Comput. Interact..

[10]  Morten Moshagen,et al.  A blessing, not a curse: Experimental evidence for beneficial effects of visual aesthetics on performance , 2009, Ergonomics.

[11]  Antonella De Angeli,et al.  Towards a theory of user judgment of aesthetics and user interface quality , 2008, TCHI.

[12]  David Chek Ling Ngo,et al.  Application of an aesthetic evaluation model to data entry screens , 2001, Comput. Hum. Behav..

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

[14]  Stephen A. Brewster,et al.  Preference ranking of screen layout principles , 2010, BCS HCI.

[15]  Jasni Mohamad Zain,et al.  Using Aesthetic Measurement Application (AMA) to Measure Aesthetics of Web Page Interfaces , 2008, 2008 Fourth International Conference on Natural Computation.

[16]  David Chek Ling Ngo,et al.  Modelling interface aesthetics , 2003, Inf. Sci..

[17]  Jasni Mohamad Zain,et al.  Probing a Self-Developed Aesthetics Measurement Application (SDA) in Measuring Aesthetics of Mandarin Learning Web Page Interfaces , 2011, ArXiv.

[18]  Laurence S. Dooley,et al.  Gestalt theory in visual screen design: a new look at an old subject , 2002 .

[19]  Yili Liu,et al.  The aesthetic and the ethic dimensions of human factors and design , 2003, Ergonomics.

[20]  D. Norman.  Emotional design : why we love (or hate) everyday things , 2004 .

[21]  T S Tullis,et al.  The Formatting of Alphanumeric Displays: A Review and Analysis , 1983, Human factors.

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

[23]  Xiaohui Liu,et al.  An Integrated Approach for Modeling Learning Patterns of Students in Web-Based Instruction: A Cognitive Style Perspective , 2008, TCHI.

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

[25]  Noam Tractinsky,et al.  Evaluating the consistency of immediate aesthetic perceptions of web pages , 2006, Int. J. Hum. Comput. Stud..

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

[27]  Andreas Sonderegger,et al.  The influence of design aesthetics in usability testing: effects on user performance and perceived usability. , 2010, Applied ergonomics.

[28]  Yili Liu,et al.  Computational models and experimental investigations of effects of balance and symmetry on the aesthetics of text-overlaid images , 2010, Int. J. Hum. Comput. Stud..

[29]  Alexandre N. Tuch,et al.  Visual complexity of websites: Effects on users' experience, physiology, performance, and memory , 2009, Int. J. Hum. Comput. Stud..

[30]  Thomas S. Tullis,et al.  Generation Y, web design, and eye tracking , 2010, Int. J. Hum. Comput. Stud..

[31]  David Chek Ling Ngo,et al.  Evaluating Interface Esthetics , 2002, Knowledge and Information Systems.

[32]  Barbara S. Chaparro,et al.  Visual Appeal vs. Usability: Which One Influences User Perceptions of a Website More? , 2009 .