Abstract
In the past ten years, smartphones have gone far beyond communication tools. The average number of apps per capita reached more than eighty, which brings difficulties to the search and recognition of icons. As the number of apps increased, app folders became widely used, which also brought up new problems, i.e., how to search and recognize the apps by their thumbnails icons. Furthermore, those icons are displayed under all kinds of personalized wallpapers. The present study focused on the recognition of thumbnail icons in the folder on wallpapers of different complexity. According to the literature, the contrast between icon and background, and complexity of the wallpaper are two key factors for icon identification. The contrast is determined by the opacity of folder and the brightness of icons. Thus, we studied the effect of the brightness of icons, the opacity of the folder, and the complexity of the wallpapers on icon selecting. Twenty-three users participated in the experiment. The results show interaction effect of wallpaper complexity and folder opacity on search performance and subjective rating. On the complex wallpaper, with the increase of the opacity of the folder background, the search time and the subjective difficulty decreased significantly, the aesthetic and clarity increased significantly. So we recommend high folder opacity for complex wallpaper. On the simple wallpaper, the search time and subjective difficulty does not change with the opacity of the folder background. The aesthetic increased between low level to medium level but decreased at a high level, which imply the folder opacity for simple wallpaper shouldn’t be too high.
This is a preview of subscription content, log in via an institution to check access.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
References
The China Internet Network Information Center (CNNIC): 46th Statistical Report on the Development of Internet in China (2020). http://www.gov.cn/xinwen/2020-09/29/content_5548176.htm
Think with Google: How people discover, use, and stay engaged with apps (2016). https://www.thinkwithgoogle.com/advertising-channels/apps/app-marketing-trends-mobile-landscape/
Annie, App: 2017 retrospective: a monumental year for the app economy (2018). https://www.appannie.com/cn/insights/market-data/app-annie-2017-retrospective/
Huang, K.-C., Chiu, T.-L.: Visual search performance on an LCD monitor: effects of color combination of figure and icon background, shape of icon, and line width of icon border. Percept. Mot. Skills 104, 562–574 (2007). https://doi.org/10.2466/pms.104.2.562-574
Jylhä, H., Hamari, J.: Development of measurement instrument for visual qualities of graphical user interface elements (VISQUAL): a test in the context of mobile game icons. User Model. User-Adap. Inter. 30(5), 949–982 (2020). https://doi.org/10.1007/s11257-020-09263-7
Luo, S., Zhou, Y.: Effects of smartphone icon background shapes and figure/background area ratios on visual search performance and user preferences. Front. Comp. Sci. 9(5), 751–764 (2014). https://doi.org/10.1007/s11704-014-4155-x
Lin, H., Hsieh, Y.C., Wu, F.G.: A study on the relationships between different presentation modes of graphical icons and users’ attention 63, 218–228 (2016)
Punchoojit, L., Hongwarittorrn, N.: The influence of icon background colors and icon symbols on menu item selection for smartphone (2018)
Smythwood, M., Hadzikadic, M.: The effects of icon characteristics on search time. In: Ahram, T.Z., Falcão, C. (eds.) AHFE 2018. AISC, vol. 794, pp. 57–67. Springer, Cham (2019). https://doi.org/10.1007/978-3-319-94947-5_6
ISO 9241-307:2008(en) Ergonomics of human-system interaction—Part 307: Analysis and compliance test methods for electronic visual displays
Chen, R., Huang, J., Zhou, J.: Skeuomorphic or flat icons for an efficient visual search by younger and older adults? Appl. Ergon. 85, 1–16 (2020). https://doi.org/10.1016/j.apergo.2020.103073
Shen, Z.G., Zhang, L.H., Xiao, X., Li, R., Liang, R.Y.: Icon familiarity affects the performance of complex cognitive tasks. I-Perception 11(2) (2020). https://doi.org/10.1177/2041669520910167
Ho, C.H., Hou, K.C.: Exploring the attractive factors of app icons. KSII Trans. Internet Inf. Syst. 9(6), 2251–2270 (2015). https://doi.org/10.3837/tiis.2015.06.016
Jylha, H., Hamari, J.: An icon that everyone wants to click: how perceived aesthetic qualities predict app icon successfulness. Int. J. Hum Comput Stud. 130, 73–85 (2019). https://doi.org/10.1016/j.ijhcs.2019.04.004
Näsänen, R., Ojanpää, H.: Effect of image contrast and sharpness on visual search for computer icons. Displays 24, 137–144 (2003). https://doi.org/10.1016/j.displa.2003.09.003
Shen, Z., Zhang, L., Li, R., Hou, J., Liu, C., Hu, W.: The effects of color combinations, luminance contrast, and area ratio on icon visual search performance. Displays 67, 1–13 (2021). https://doi.org/10.1016/j.displa.2021.101999
Shen, Z., Xue, C., Li, J., Zhou, X.: Effect of icon density and color contrast on users’ visual perception in human computer interaction. In: Harris, D. (ed.) EPCE 2015. LNCS (LNAI), vol. 9174, pp. 66–76. Springer, Cham (2015). https://doi.org/10.1007/978-3-319-20373-7_7
Huang, S.-M.: The rating consistency of aesthetic preferences for icon-background color combinations. Appl. Ergon. 43(1), 141–150 (2012). https://doi.org/10.1016/j.apergo.2011.04.006
Satcharoen, K.: Effect of entropy in icons and background on selection accuracy. In: 2018 3rd International Conference on Computer and Communication Systems (ICCCS) (2018). https://doi.org/10.1109/ccoms.2018.8463324
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2023 The Author(s), under exclusive license to Springer Nature Switzerland AG
About this paper
Cite this paper
Zhang, H., Li, L., He, M., Liu, Y., Zhang, L. (2023). Effects of the Icon Brightness, App Folder Opacity, and Complexity of Mobile Wallpaper on the Search of Thumbnail Icons. In: Harris, D., Li, WC. (eds) Engineering Psychology and Cognitive Ergonomics. HCII 2023. Lecture Notes in Computer Science(), vol 14017. Springer, Cham. https://doi.org/10.1007/978-3-031-35392-5_29
Download citation
DOI: https://doi.org/10.1007/978-3-031-35392-5_29
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-031-35391-8
Online ISBN: 978-3-031-35392-5
eBook Packages: Computer ScienceComputer Science (R0)