Effects of smartphone icon background shapes and figure/background area ratios on visual search performance and user preferences  

作　　者：Shijian LUO Yuxiao ZHOU 

机构地区：[1]College of Computer Science and Technology, Zhejiang University, Hangzhou 310027, China

出　　处：《Frontiers of Computer Science》2015年第5期751-764,共14页中国计算机科学前沿（英文版）

基　　金：Acknowledgements This research was supported by the National Natural Science Foundation of China （Grant No. 51175458）.

摘　　要：Smartphones are becoming increasingly popular, users are provided with various interface styles with different designed icons. Icon, as an important competent of user interface, is regarded to be more efficient and pleasurable. However, compared with desktop computers, fewer design principles on smartphone icon were proposed. This paper investigated the effects of icon background shape and the figure/background area ratio on visual search performance and user preference. Icon figures combined with six different geometric background shapes and five different figure/ background area ratios were studied on three different screens in experiments with 40 subjects. The results of an analysis of variance （ANOVA） showed that these two inde- pendent variables （background shape and figure/background area ratio） significantly affected the visual search performance and user preference. On 3.5-in （1 in=0.025 4 m） and 4.0-in displays, unified backgroundwould be optimal, shapes such as square, circle and transitions between them （e.g., rounded square, squircle, etc.） are recommended because backgrounds in these shapes yield a better search time performance and subjective satisfaction for ease of use, search and visual preference. A 60% figure/background area ratio is the most appropriate for smartphone icon design on the 3.5-in screen, while a 50% area ratio could be a suggestion for both relatively optimized search performance and user preference on 4.0-in. In terms of the 4.7-in, icon figure is used di- rectly for its better performance and preference compared with icons with background.Smartphones are becoming increasingly popular, users are provided with various interface styles with different designed icons. Icon, as an important competent of user interface, is regarded to be more efficient and pleasurable. However, compared with desktop computers, fewer design principles on smartphone icon were proposed. This paper investigated the effects of icon background shape and the figure/background area ratio on visual search performance and user preference. Icon figures combined with six different geometric background shapes and five different figure/ background area ratios were studied on three different screens in experiments with 40 subjects. The results of an analysis of variance （ANOVA） showed that these two inde- pendent variables （background shape and figure/background area ratio） significantly affected the visual search performance and user preference. On 3.5-in （1 in=0.025 4 m） and 4.0-in displays, unified backgroundwould be optimal, shapes such as square, circle and transitions between them （e.g., rounded square, squircle, etc.） are recommended because backgrounds in these shapes yield a better search time performance and subjective satisfaction for ease of use, search and visual preference. A 60% figure/background area ratio is the most appropriate for smartphone icon design on the 3.5-in screen, while a 50% area ratio could be a suggestion for both relatively optimized search performance and user preference on 4.0-in. In terms of the 4.7-in, icon figure is used di- rectly for its better performance and preference compared with icons with background.

关 键 词：icon design background shape figure/background area ratio visual search performance user preference 

分 类 号：TP302.4[自动化与计算机技术—计算机系统结构] O242.23[自动化与计算机技术—计算机科学与技术]