An Appraisal Method for Web Interfaces Based on Aesthetic Measurement

Abstract

In order to better guide the design of web interfaces, this study improved existing calculation formulas based on the research findings of aesthetic measures and proposed a set of interface aesthetic measures that can be used for web interfaces, including measures of balance, proportion, element overlap, and density. MATLAB 2020a was used to measure the aesthetic measures of 16 web interfaces, and a questionnaire was used to obtain participants’ subjective aesthetic perception of the web interfaces. The experimental results showed that measure of grayscale balance and measure of horizontal color balance were positively significantly correlated with subjective balance. Measure of proportion of layer objects to interface frame was significantly positively correlated with subjective proportionality, while measure of proportion of layer objects to interface layout was negatively correlated. There was a significant positive correlation between measure of grayscale balance, measure of horizontal color balance, measure of density and subjective overall aesthetics. Additionally, measure of element overlap was significantly negatively correlated with subjective harmony.