A Model to Compute Webpage Aesthetics Quality Based on Wireframe Geometry

Abstract

Computational models of web page aesthetics prediction are useful for the designers to determine the usability and to improve it. Positional geometry of webpage objects (wireframe) is an important factor for determining the webpage aesthetics as shown in studies. In this paper, we propose a computational model for predicting webpage aesthetics based on the positional geometry. We have considered 13 features of positional geometry that affect aesthetics, as reported in literature. By varying these 13 features, we have designed 52 interfaces’ wireframes and rated them by 100 users in a 5 point rating scale. Our 1 dimensional ANOVA study on users’ rating shows, 9 out of the 13 features are important for webpage aesthetics. Based on these 9 features, we created a computational model for webpage aesthetics prediction. Our computational model works based on Support Vector Machine (SVM). To judge the efficacy of our model, we considered 10 popular webpages’ wireframes, and got them rated by 80 users. Experimental results show that our computational model can predict webpage aesthetics with an accuracy of 90%.