A Non-Linear Regression Model to Predict Aesthetic Ratings of On-Screen Images

It has been found that the perceived appeal (or aesthetic) of an interface plays important role in determining its usability. Predictive model of interface aesthetics can thus be useful for designer to determine and improve usability. Images being an integral part of most of the interfaces contribute significantly to the overall interface aesthetics. In this paper, we propose a computational model to predict the aesthetic quality of on-screen images. We have identified a total of twenty features, divided into two broad categories, to capture image aesthetics. In order to relate the features to aesthetics, we performed a controlled user study with eighty images and hundred participants. The images were created by us and the participants were asked to rate those on a 5-point scale as per their judgment of appeal (or beauty or aesthetics) of the images. The data were used to train and test a non-linear regression model based on a SVM classifier, as the predictor of image aesthetics, with a mean square error of 0.03. The model basically predicts the likely aesthetic rating (on a 5-point scale) for a given image, given the feature values. The proposed model along with the details of the empirical data collection and analysis are discussed in this paper.

[1]  James Ze Wang,et al.  Studying Aesthetics in Photographic Images Using a Computational Approach , 2006, ECCV.

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

[3]  Samit Bhattacharya,et al.  Semi-supervised Learning Based Aesthetic Classifier for Short Animations Embedded in Web Pages , 2013, INTERACT.

[4]  Wilbert O. Galitz,et al.  The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques , 1996 .

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

[6]  Donald A. Norman,et al.  Introduction to This Special Section on Beauty, Goodness, and Usability , 2004, Hum. Comput. Interact..

[7]  Victor Ciesielski,et al.  Finding Image Features Associated with High Aesthetic Value by Machine Learning , 2013, EvoMUSART.

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

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

[10]  Ingrid Daubechies,et al.  Ten Lectures on Wavelets , 1992 .

[11]  John Knight,et al.  Homepage aesthetics: The search for preference factors and the challenges of subjectivity , 2006, Interact. Comput..

[12]  Paul van Schaik,et al.  Five Psychometric Scales for Online Measurement of the Quality of Human-Computer Interaction in Web Sites , 2005, Int. J. Hum. Comput. Interact..

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

[14]  Marc Hassenzahl,et al.  Arguing for Aesthetics in Human-Computer Interaction , 2005, i-com.

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

[16]  Jinwoo Kim,et al.  Critical factors for the aesthetic fidelity of web pages: empirical studies with professional web designers and users , 2004, Interact. Comput..

[17]  O. Bertelsen,et al.  Aesthetic Approaches to Human-Computer Interaction , 2004 .

[18]  Yili Liu,et al.  Webpage aesthetics, performance and usability: Design variables and their effects , 2009, Ergonomics.

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

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

[21]  John F. Canny,et al.  A Computational Approach to Edge Detection , 1986, IEEE Transactions on Pattern Analysis and Machine Intelligence.

[22]  Samit Bhattacharya,et al.  A GA-based approach to improve web page aesthetics , 2010, IITM '10.

[23]  Susan S. Reilly,et al.  Improved Visual Design for Graphics Display , 1984, IEEE Computer Graphics and Applications.

[24]  Thomas S. Tullis Chapter 18 – Screen Design , 1988 .

[25]  Noam Tractinsky,et al.  Does Aesthestics Matter in Human-Computer Interaction? , 2005, MuC.

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

[27]  Macarena Aspillaga Screen Design: Location of Information and Its Effects on Learning. , 1991 .

[28]  Robert J. K. Jacob,et al.  Introduction to special issue on the aesthetics of interaction , 2008, TCHI.

[29]  Jesse M. Heines,et al.  Screen design strategies for computer-assisted instruction , 1984 .