Effects of Unity of Form and Symmetry on Visual Aesthetics of Website Interface Design

Unity of form represents the extent to which visual objects on the screen are related in size. High levels of unity of form can be achieved by using objects with similar sizes on the screen and/or by reducing number of objects on the screen. Findings of earlier observational studies suggested that effect of unity of form on perceived visual aesthetics of website design was more evident in case of highly symmetrical webpages. The purpose of this study is to verify these findings. An experiment was conducted to systematically study effects of number of objects and number of different sizes of objects on perceived visual aesthetics of website design at high and low levels of symmetry. Perceived aesthetics was assessed using the classical/expressive dimensions. Results showed that both factors have significant effects on perceived visual aesthetics, only at high levels of symmetry and only on the classical dimension.

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

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

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

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

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

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

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

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

[9]  Amy L. Parsons,et al.  Emotional Design: Why We Love (or Hate) Everyday Things , 2006 .

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

[11]  Ahamed AlTaboli,et al.  Objective and Subjective Measures of Visual Aesthetics of Website Interface Design: The Two Sides of the Coin , 2011, HCI.

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

[13]  Yili Liu,et al.  Effects of Symmetry and Number of Compositional Elements on Chinese Users' Aesthetic Ratings of Interfaces: Experimental and Modeling Investigations , 2011, Int. J. Hum. Comput. Interact..

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

[15]  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..

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

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

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

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

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

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

[22]  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..

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

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

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