Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics

This article describes computational modeling and two corresponding experimental investigations of the effects of symmetry, balance and quantity of construction elements on interface aesthetic judgments. In the first experiment, 30 black and white geometric images were developed by systematically varying these three attributes in order to validate computational aesthetic quantification algorithms with subject ratings. The second experiment employed the same image layout as Experiment 1 but with realistic looking web pages as stimuli. The images were rated by 16 subjects in each experiment using the ratio-scale magnitude estimation method against a benchmark image with average balance and symmetry values and a standard number of elements. Subjects also established an ordered list of the images according to their aesthetic appeal using the Balanced-Incomplete-Block (BIB) ranking method. Results from both experiments show that subjects are adept at judging symmetry and balance in both the horizontal and vertical directions and thus the quantification of those attributes is justified. The first experiment establishes a relationship between a higher symmetry value and aesthetic appeal for the basic imagery showing that subjects preferred symmetric over non-symmetric images. The second experiment illustrates that increasing the number of groups in a web page causes a decrease in the aesthetic appeal rating.

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

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

[3]  Paul J. Locher,et al.  The Contribution of Eye-Movement Research to an Understanding of the Nature of Pictorial Balance Perception: A Review of the Literature , 1996 .

[4]  P. Jordan Human factors for pleasure in product use. , 1998, Applied ergonomics.

[5]  James T. Enns,et al.  Perception and Painting: A Search for Effective, Engaging Visualizations , 2002, IEEE Computer Graphics and Applications.

[6]  Andrew Sears,et al.  Layout Appropriateness: A Metric for Evaluating User Interface Widget Layout , 1993, IEEE Trans. Software Eng..

[7]  Anne C. Lear Exploring Synthetic Possibilities of Virtual Space , 1996, IEEE Computer Graphics and Applications.

[8]  KimJinwoo,et al.  Designing emotionally evocative homepages , 2003 .

[9]  Pieter Jan Stappers,et al.  The role of balance as an organizing design principle underlying adults' compositional strategies for creating visual displays , 1998 .

[10]  E. S. Robinson A History of Experimental Psychology , 1930 .

[11]  Yili Liu,et al.  Use of Computer Graphics and Cluster Analysis in Aiding Relational Judgment , 1989 .

[12]  Jinwoo Kim,et al.  Designing emotionally evocative homepages: an empirical study of the quantitative relations between design factors and emotional dimensions , 2003, Int. J. Hum. Comput. Stud..

[13]  Patric D. Prince Computer Art in the New Millennium , 2000, IEEE Computer Graphics and Applications.

[14]  J. Langlois,et al.  Attractive Faces Are Only Average , 1990 .

[15]  David Chek Ling Ngo,et al.  Measuring the aesthetic elements of screen designs , 2001 .

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

[17]  Paul J. Locher,et al.  Vision Spontaneously Establishes the Percept of Pictorial Balance , 1996 .

[18]  Beverly Reiser,et al.  Aesthetic considerations unique to interactive multimedia , 1995, IEEE Computer Graphics and Applications.

[19]  D. Buss,et al.  Preferences in human mate selection. , 1986 .

[20]  Thomas S. Tullis,et al.  A system for evaluating screen formats: Research and application , 1988 .

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

[22]  Yili Liu,et al.  Use of Computer Graphics and Cluster Analysis in Aiding Relational Judgment , 1992 .

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

[24]  A. Chatterjee,et al.  The Assessment of Preference for Balance: Introducing a New Test , 2005 .

[25]  Johan Redström,et al.  From use to presence: on the expressions and aesthetics of everyday computational things , 2002, TCHI.

[26]  Linda World,et al.  Aesthetic Selection: The Evolutionary Art of Steven Rooke [About the Cover] , 1996, IEEE Computer Graphics and Applications.

[27]  T. Landauer,et al.  Handbook of Human-Computer Interaction , 1997 .

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

[29]  P. Ognjenović,et al.  Processing of Aesthetic Information , 1991 .