Effects of app icon border form and interface background color saturation on user visual experience and search performance (Preprint)

Li Deng,Zhirui Zhang,Fangyuan Zhou

DOI: https://doi.org/10.2196/preprints.37185

2022-02-10

Abstract:BACKGROUND Icon border form and interface background color saturation were two important factors affecting user visual experience and search performance, but they have been studied individually before. OBJECTIVE The purpose of this study was to investigate their individual and connected impacts on interface interaction. METHODS An experiment using eye-tracking, behavior measurement, and subjective evaluation was carried out to make sense of the influence of app icon border form and interface background color saturation on user visual experience and search performance. RESULTS The statistical results showed that, during the human-computer interaction process, compared with the circle and rounded square border form conditions, the square icons had the longest search completion time and first fixation time, and the lowest subjective evaluation score. Rounded square icons had the best user visual experience. Compared with high saturation background color, less time was required to complete search tasks in low saturation background color condition. Low saturation background color obtained higher perceptual usability and aesthetic scores than the high saturation background color. CONCLUSIONS This study confirmed that the two factors of icon border form and interface background color saturation had the basic properties of the interaction effect. The combination of rounded square icons and low saturation background color can be beneficial to improve user search performance and a good user visual experience.