Abstract
The visual complexity of interface plays a crucial role in user experience. Previous studies have extensively investigated website complexity, while the visual complexity of mobile applications gets seldom attention. This study explored the effect of interface complexity of mobile news apps on user search behaviors and satisfaction by dividing visual complexity into quantity complexity and layout complexity. Thirty-four subjects were invited to take part in the task-oriented eye-tracking experiment. The results revealed that a high level of quantity complexity increased users’ revisit counts, fixation counts, and saccade counts. A high level of layout complexity increased users’ revisit counts and saccade counts while fixation counts decreased first and then increased. Additionally, user satisfaction was negatively correlated with quantity complexity levels, while there was an inverted-U shape between user satisfaction and layout complexity levels. Understanding the effect of visual complexity of mobile news apps on user search behaviors and satisfaction would contribute to providing better guidelines for designers to develop mobile news products with an appropriate complexity layout and improve user satisfaction.
Similar content being viewed by others
References
Bauerly, M., Liu, Y.: Effects of symmetry and number of compositional elements on interface and design aesthetics. Int. J. Hum. Comput. Interact. 24(3), 275–287 (2008). https://doi.org/10.1080/10447310801920508
Berggren, N., Eimer, M.: Electrophysiological correlates of active suppression and attentional selection in preview visual search. Neuropsychologia 120, 75–85 (2018). https://doi.org/10.1016/J.NEUROPSYCHOLOGIA.2018.10.016
Berggren, N., Eimer, M.: Visual working memory load disrupts template-guided attentional selection during visual search. J. Cogn. Neurosci. 30(12), 1902–1915 (2018). https://doi.org/10.1162/JOCN_A_01324
Berlyne, D.E.: Studies in the new experimental aesthetics: steps toward an objective psychology of aesthetic appreciation. In: Berlyne, D.E. (ed.) Hemisphere. Wiley, New York (1974)
BigData-Research: 2018 China Mobile Information Distribution Platform Market Research Report. http://www.bigdata-research.cn/content/201903/925.html (2019). Accessed 20 Mar 2019
Bölte, J., Hösker, T.M., Hirschfeld, G., Thielsch, M.T.: Electrophysiological correlates of aesthetic processing of webpages: a comparison of experts and laypersons. PeerJ 5, e3440 (2017). https://doi.org/10.7717/peerj.3440
Chang, F.Y.: Usability evaluation of eye tracker-based smart phone APP GUI design. Appl. Mech. Mater. (2014). https://doi.org/10.4028/WWW.SCIENTIFIC.NET/AMM.644-650.1400
Chevalier, A., Maury, A.-C., Fouquereau, N.: The influence of the search complexity and the familiarity with the website on the subjective appraisal of aesthetics, mental effort and usability. Behav. Inf. Technol. 33(2), 117–132 (2014). https://doi.org/10.1080/0144929X.2013.819936
Chittaro, L.: Designing visual user interfaces for mobile applications. In Proceedings of the 3rd ACM SIGCHI Symposium on Engineering Interactive Computing Systems, pp. 331–332. ACM (2011). https://doi.org/10.1145/1996461.1996550
Cho, H., Powell, D., Pichon, A., Kuhns, L.M., Garofalo, R., Schnall, R.: Eye-tracking retrospective think-aloud as a novel approach for a usability evaluation. Int. J. Med. Inform. 129, 366–373 (2019). https://doi.org/10.1016/J.IJMEDINF.2019.07.010
Chukoskie, L., Guo, S., Ho, E., Zheng, Y., Chen, Q., Meng, V., Cao, J., Devgan, N., Wu, S., Cosman, P.C.: Quantifying gaze behavior during real-world interactions using automated object, face, and fixation detection. IEEE Trans. Cogn. Dev. Syst. 10(4), 1143–1152 (2018). https://doi.org/10.1109/TCDS.2018.2821566
Cisco Annual Internet Report. http://www.cisco.com/c/en/us/solutions/collateral/service-provider/visual-networking-index-vni/mobile-white-paper-c11-520862.html (2018–2023). Accessed 9 Mar 2020
Clark, R.C., Lyons, C.: Graphics for Learning: Proven Guidelines for Planning, Designing, and Evaluating Visuals in Training Materials. Wiley (2010)
CNNIC: 34th Statistical Report on Internet Development in China. Report. China Internet Network Information Center, Beijing (2014)
Cook, J.R.: Cognitive and social factors in the design of computerized jobs. Doctoral dissertation, Purdue University (1991)
Cornish, L., Hill, A., Horswill, M.S., Becker, S.I., Watson, M.O.: Eye-tracking reveals how observation chart design features affect the detection of patient deterioration: an experimental study. Appl. Ergon. 75, 230–242 (2019). https://doi.org/10.1016/J.APERGO.2018.10.005
Deng, L., Poole, M.S.: Affect in web interfaces: a study of the impacts of web page visual complexity and order. MIS Q. 34(4), 711–730 (2010). https://doi.org/10.2307/25750702
Djamasbi, S., Siegel, M., Tullis, T.: Visual hierarchy and viewing behavior: an eye tracking study. In: HCII’11 Proceedings of the 14th International Conference on Human–Computer Interaction: Design and Development Approaches, pp. 331–340 (2011). https://doi.org/10.1007/978-3-642-21602-2_36
Doherty, S., O’Brien, S., Carl, M.: Eye tracking as an MT evaluation technique. Mach. Transl. 24(1), 1–13 (2010). https://doi.org/10.1007/s10590-010-9070-9
Donderi, D.C.: Visual complexity: a review. Psychol. Bull. 132(1), 73–97 (2006). https://doi.org/10.1037/0033-2909.132.1.73
Dutta, C.B., Das, D.K.: What drives consumers’ online information search behavior? Evidence from England. J. Retail. Consum. Serv. 35, 36–45 (2017). https://doi.org/10.1016/j.jretconser.2016.10.015
Flavián-Blanco, C., Gurrea-Sarasa, R., Orús-Sanclemente, C.: Analyzing the emotional outcomes of the online search behavior with search engines. Comput. Hum. Behav. 27(1), 540–551 (2011). https://doi.org/10.1016/j.chb.2010.10.002
Flavián, C., Guinalíu, M., Gurrea, R.: The role played by perceived usability, satisfaction and consumer trust on website loyalty. Inf. Manag. 43(1), 1–14 (2006). https://doi.org/10.1016/J.IM.2005.01.002
Geissler, G.L., Zinkhan, G.M., Watson, R.T.: The influence of home page complexity on consumer attention, attitudes, and purchase intent. J. Advert. 35(2), 69–80 (2006). https://doi.org/10.1080/00913367.2006.10639232
Gorrell, M.: The 21st century searcher: how the growth of search engines affected the redesign of EBSCOhost. Against Grain 20(3), 22–24 (2008)
Guo, F., Ding, Y., Liu, W., Liu, C., Zhang, X.: Can eye-tracking data be measured to assess product design?: visual attention mechanism should be considered. Int. J. Ind. Ergon. 53, 229–235 (2016). https://doi.org/10.1016/j.ergon.2015.12.001
Gustafsson, A., Johnson, M.D., Roos, I.: The effects of customer satisfaction, relationship commitment dimensions, and triggers on customer retention. J. Mark. 69(4), 210–218 (2005). https://doi.org/10.1509/JMKG.2005.69.4.210
Hacek, J.: The correlation of usability, familiarity, satisfaction and reputation with the loyalty of student users of news websites. Medijske Studije 8(15), 56–71 (2017). https://doi.org/10.20901/MS.8.15.5
Härtel, C.E.J.: Development and test of the two-stage model of performance appraisal. Asia Pac. J. Hum. Resour. 37(2), 76–91 (1999). https://doi.org/10.1177/103841119903700207
Henderson, J.M., Chanceaux, M., Smith, T.J.: The influence of clutter on real-world scene search: evidence from search efficiency and eye movements. J. Vis. 9(1), 32–32 (2009). https://doi.org/10.1167/9.1.32
Huang, M.H.: Designing website attributes to induce experiential encounters. Comput. Hum. Behav. 19(4), 425–442 (2003). https://doi.org/10.1016/S0747-5632(02)00080-8
Hussain, A., Mkpojiogu, E.O.C., Musa, J., et al.: A user experience evaluation of Amazon Kindle mobile application. AIP Conf. Proc. 1891(1), 20060 (2017). https://doi.org/10.1063/1.5005393
Inal, T.C., Serteser, M., Coşkun, A., Özpinar, A., Ünsal, I.: Indirect reference intervals estimated from hospitalized population for thyrotropin and free thyroxine. Croat. Med. J. 51(2), 124–130 (2010). https://doi.org/10.3325/cmj.2010.51.124
Janiszewski, C.: The influence of display characteristics on visual exploratory search behavior. J. Consum. Res. 25(3), 290–301 (1998). https://doi.org/10.1086/209540
Jiang, J.-Y., Guo, F., Chen, J.-H., Tian, X.-H., Lv, W.: Applying eye-tracking technology to measure interactive experience toward the navigation interface of mobile games considering different visual attention mechanisms. Appl. Sci. 9(16), 3242 (2019). https://doi.org/10.3390/APP9163242
Jones, T.: Incidental learning during information retrieval: a hypertext experiment. In: ICCAL’89 Proceedings of the 2nd International Conference on Computer Assisted Learning, pp. 235–253 (1989). https://doi.org/10.1007/3-540-51142-3_63
Khan, K., Locatis, C.: Searching through cyberspace: the effects of link display and link density on information retrieval from hypertext on the World Wide Web. J. Assoc. Inf. Sci. Technol. 49(2), 176–182 (1998). https://doi.org/10.1002/(SICI)1097-4571(1998)49:2%3c176::AID-ASI7%3e3.0.CO;2-W
King, A.J., Lazard, A.J., White, S.R.: The influence of visual complexity on initial user impressions: testing the persuasive model of web design. Behav. Inf. Technol. 39(5), 497–510 (2020). https://doi.org/10.1080/0144929X.2019.1602167
Kuhlthau, C.C.: Inside the search process: information seeking from the user’s perspective. J. Am. Soc. Inf. Sci. 42(5), 361–371 (1991). https://doi.org/10.1002/(SICI)1097-4571(199106)42:5%3c361::AID-ASI6%3e3.0.CO;2-%23
Lazonder, A.W., Biemans, H.J.A., Wopereis, I.G.J.H.: Differences between novice and experienced users in searching information on the World Wide Web. J. Assoc. Inf. Sci. Technol. 51(6), 576–581 (2000). https://doi.org/10.1002/(SICI)1097-4571(2000)51:6%3c576::AID-ASI9%3e3.0.CO;2-7
Lazard, A.J., King, A.J.: Objective Design to subjective evaluations: connecting visual complexity to aesthetic and usability assessments of eHealth. Int. J. Hum. Comput. Interact. 36(1), 95–104 (2020). https://doi.org/10.1080/10447318.2019.1606976
Lim, J.H., Ryu, T., Kim, Y.: Effects of visual stimulus on response behavior of control-on-display interface. Int. J. Hum. Comput. Interact. 30(4), 291–302 (2014). https://doi.org/10.1080/10447318.2013.858459
Lindgaard, G., Fernandes, G., Dudek, C., Brown, J.: Attention web designers: you have 50 milliseconds to make a good first impression! Behav. Inf. Technol. 25(2), 115–126 (2006). https://doi.org/10.1080/01449290500330448
Lindgaard, G.: Aesthetics, visual appeal, usability and user satisfaction: what do the user’s eyes tell the user’s brain? Aust. J. Emerg. Technol. Soc. 5(1), 1–14 (2007)
Lin, H., Hsieh, Y.-C., Wu, F.-G.: A study on the relationships between different presentation modes of graphical icons and users’ attention. Comput. Hum. Behav. 63, 218–228 (2016). https://doi.org/10.1016/J.CHB.2016.05.008
Lin, S.-W., Lo, L. Y.-S., Huang, T.K.: Visual complexity and figure-background color contrast of e-commerce websites: effects on consumers’ emotional responses. In: 2016 49th Hawaii International Conference on System Sciences (HICSS), pp. 3594–3603 (2016). https://doi.org/10.1109/HICSS.2016.449
Mayer, R.E.: Ten research-based principles of multimedia learning. Web-Based Learn. Theory Res. Pract. (2006). https://doi.org/10.4324/9780203759820
Mestre, L.S.: Matching up learning styles with learning objects: What’s effective? J. Libr. Adm. 50(7–8), 808–829 (2010). https://doi.org/10.1080/01930826.2010.488975
Michailidou, E., Harper, S., Bechhofer, S.: Visual complexity and aesthetic perception of web pages. In: Proceedings of the 26th Annual ACM International Conference on Design of Communication, pp. 215–224. ACM (2008). https://doi.org/10.1145/1456536.1456581
Muylle, S., Moenaert, R., Despontin, M.: The conceptualization and empirical validation of web site user satisfaction. Inf. Manag. 41(5), 543–560 (2004). https://doi.org/10.1016/S0378-7206(03)00089-2
Nadkarni, R.G.: A task-based model of perceived website complexity. MIS Q. 31(3), 501–524 (2007). https://doi.org/10.2307/25148805
Neider, M.B., Zelinsky, G.J.: Cutting through the clutter: searching for targets in evolving complex scenes. J. Vis. 11(14), 7–7 (2011). https://doi.org/10.1167/11.14.7
Olivia, A., Mack, M.L., Shrestha, M., et al.: Identifying the perceptual dimensions of visual complexity of scenes. In: Proceedings of the Annual Meeting of the Cognitive Science Society, vol. 26, no. 26 (2004)
Orth, U.R., Wirtz, J.: Consumer processing of interior service environments: the interplay among visual complexity, processing fluency, and attractiveness. J. Serv. Res. 17(3), 296–309 (2014). https://doi.org/10.1177/1094670514529606
Orth, U.R., Wirtz, J., McKinney, A.: Shopping experiences in visually complex environments: a self-regulation account. J. Serv. Manag. 27(2), 194–217 (2016). https://doi.org/10.1108/JOSM-10-2014-0268
Palmer, J.W.: Web Site usability, design, and performance metrics. Inf. Syst. Res. 13(2), 151–167 (2002). https://doi.org/10.1287/ISRE.13.2.151.88
Pan, B., Hembrooke, H.A., Gay, G.K., Granka, L.A., Feusner, M.K., Newman, J. K.: The determinants of web page viewing behavior: an eye-tracking study. In: Proceedings of the Eye Tracking Research & Applications Symposium on Eye Tracking Research & Applications, pp. 147–154. ACM (2004). https://doi.org/10.1145/968363.968391
Pandir, M., Knight, J.: Homepage aesthetics: the search for preference factors and the challenges of subjectivity. Interact. Comput. 18(6), 1351–1370 (2006). https://doi.org/10.1016/j.intcom.2006.03.007
Qu, Q.-X., Zhang, L., Chao, W.-Y., Duffy, V.: User experience design based on eye-tracking technology: a case study on smartphone APPs. AHFE 2016 Appl. Hum. Factors Ergon. Int. (2017). https://doi.org/10.1007/978-3-319-41627-4_27
Vertegaal, R., Ding, Y.: Explaining effects of eye gaze on mediated group conversations: amount or synchronization? In: Proceedings of the 2002 ACM Conference on Computer Supported Cooperative Work, pp. 41–48. ACM (2002). https://doi.org/10.1145/587078.587085
Rosenholtz, R., Li, Y., Nakano, L.: Measuring visual clutter. J. Vis. 7(2), 17–17 (2007). https://doi.org/10.1167/7.2.17
Rotondi, A.J., Spring, M.R., Hanusa, B.H., Eack, S.M., Haas, G.L.: Designing eHealth applications to reduce cognitive effort for persons with severe mental illness: page complexity, navigation simplicity, and comprehensibility. JMIR Hum. Factors 4(1), e1 (2017). https://doi.org/10.2196/humanfactors.6221
Seckler, M., Opwis, K., Tuch, A.N.: Linking objective design factors with subjective aesthetics: an experimental study on how structure and color of websites affect the facets of users’ visual aesthetic perception. Comput. Hum. Behav. 49, 375–389 (2015). https://doi.org/10.1016/j.chb.2015.02.056
Shan, W., Wang, Y., Luan, J., Tang, P.: The influence of physician information on patients’ choice of physician in mHealth services using China’s Chunyu Doctor App: eye-tracking and questionnaire study. JMIR Mhealth Uhealth 7(10), e15544 (2019). https://doi.org/10.2196/15544
Shim, S., Eastlick, M.A., Lotz, S.L., et al.: An online prepurchase intentions model: the role of intention to search. J. Retail. 77(3), 397–416 (2001). https://doi.org/10.1016/S0022-4359(01)00051-3
Snodgrass, J.G., Vanderwart, M.: A standardized set of 260 pictures: norms for name agreement, image agreement, familiarity, and visual complexity. J. Exp. Psychol. Hum. Learn. Mem. 6(2), 174–215 (1980). https://doi.org/10.1037/0278-7393.6.2.174
Solman, G.J., Cheyne, J.A., Smilek, D.: Memory load affects visual search processes without influencing search efficiency. Vis. Res. 51(10), 1185–1191 (2011). https://doi.org/10.1016/j.visres.2011.03.009
Song, Y., Ma, H., Wang, H., Wang, K.: Exploring and exploiting user search behavior on mobile and tablet devices to improve search relevance. In: Proceedings of the 22nd International Conference on World Wide Web, pp. 1201–1212. ACM (2013). https://doi.org/10.1145/2488388.2488493
Soussan Djamasbi, M.S., Tullis, T.: Visual hierarchy and viewing behavior: an eye tracking study. In: International Conference on Human–Computer Interaction, vol. 6761, pp. 331–340. Springer, Berlin (2011). https://doi.org/10.1007/978-3-642-21602-2_36
Stevenson, J.S., Bruner, G.C., Kumar, A.: Webpage background and viewer attitudes. J. Advert. Res. 40(1–2), 29–34 (2000). https://doi.org/10.2501/JAR-40-1-2-29-34
Su, X., Lin, W., Xu, A., Huang, L., Wu, J., Cai, S., Sun, L., Xu, W.: Customer experience and continual usage willingness of fresh products APPs: based on the framework of the cue utilization theory. In: International Conference on Industrial Engineering and Systems Management (2019). https://doi.org/10.1109/IESM45758.2019.8948142
Sweller, J.: Cognitive load during problem solving: effects on learning. Cogn. Sci. 12(2), 257–285 (1988). https://doi.org/10.1016/0364-0213(88)90023-7
Sweller, J.: Cognitive load theory. In: Psychology of Learning and Motivation, vol. 55, pp. 37–76. Academic Press (2011). https://doi.org/10.1016/B978-0-12-387691-1.00002-8
Thuring, M., Hannemann, J., Haake, J.M.: Hypermedia and cognition: designing for comprehension. Commun. ACM 38(8), 57–66 (1995). https://doi.org/10.1145/208344.208348
To, P.L., Liao, C., Lin, T.H.: Shopping motivations on Internet: a study based on utilitarian and hedonic value. Technovation 27(12), 774–787 (2007). https://doi.org/10.1016/j.technovation.2007.01.001
Treisman, A.M., Gelade, G.: A feature-integration theory of attention. Cogn. Psychol. 12(1), 97–136 (1980). https://doi.org/10.1016/0010-0285(80)90005-5
Tuch, A.N., Bargas-Avila, J.A., Opwis, K., Wilhelm, F.H.: Visual complexity of websites: effects on users’ experience, physiology, performance, and memory. Int. J. Hum. Comput. Stud. 67(9), 703–715 (2009). https://doi.org/10.1016/j.ijhcs.2009.04.002
Tuch, A.N., Presslaber, E.E., StöCklin, M., Opwis, K., Bargas-Avila, J.A.: The role of visual complexity and prototypicality regarding first impression of websites: working towards understanding aesthetic judgments. Int. J. Hum. Comput. Stud. 70(11), 794–811 (2012). https://doi.org/10.1016/j.ijhcs.2012.06.003
Tupikovskaja-Omovie, Z., et al.: Mobile app versus website: a comparative eye-tracking case study of topshop. Int. J. Soc. Behav. Educ. Econ. Bus. Ind. Eng. 9(10), 3524–3531 (2015)
Vasilyev, A.Y.: Optimal control of eye-movements during visual search. IEEE Trans. Cogn. Dev. Syst. 11(4), 548–559 (2017). https://doi.org/10.1109/TCDS.2018.2877128
Wang, H.-F., Lin, C.-H.: An investigation into visual complexity and aesthetic preference to facilitate the creation of more appropriate learning analytics systems for children. Comput. Hum. Behav. 92, 706–715 (2019). https://doi.org/10.1016/j.chb.2018.05.032
Wang, H.-F., Wang, P.-Y., Liao, C.-C., Lin, Y.-Y.: The impact of perceived visual complexity, gender, and cognitive style on children’s aesthetic preferences for learning web, pp. 248–265 (2014). https://doi.org/10.4018/978-1-4666-6228-5.CH014
Wang, Q., Yang, S., Liu, M., Cao, Z., Ma, Q.: An eye-tracking study of website complexity from cognitive load perspective. Decis. Support Syst. 62, 1–10 (2014). https://doi.org/10.1016/j.dss.2014.02.007
Wang, X., Liebscher, P., Marchionini, G.: Improving Information-Seeking Performance in Hypertext: Roles of Display Format and Search Strategy (Computer Science Tech. Rep. Series CS-TR-2006 CAR-TR-353). University of Maryland, College Park (1988)
Williams, L.H., Drew, T.: Maintaining rejected distractors in working memory during visual search depends on search stimuli: evidence from contralateral delay activity. Atten. Percept. Psychophys. (2020). https://doi.org/10.3758/S13414-020-02127-7
Wolfe, J.M.: What can 1 million trials tell us about visual search? Psychol. Sci. 9(1), 33–39 (1998). https://doi.org/10.1111/1467-9280.00006
Wu, L., Zhu, Z., Cao, H., Li, B.: Influence of information overload on operator’s user experience of human–machine interface in LED manufacturing systems. Cogn. Technol. Work 18(1), 161–173 (2016). https://doi.org/10.1007/s10111-015-0352-0
Yoon, S.H., Lim, J.H., Ji, Y.G.: Perceived visual complexity and visual search performance of automotive instrument cluster: a quantitative measurement study. Int. J. Hum. Comput. Interact. 31(12), 890–900 (2015). https://doi.org/10.1080/10447318.2015.1069661
Yu, Y., Mann, G.K., Gosine, R.G.: A goal-directed visual perception system using object-based top–down attention. IEEE Trans. Auton. Ment. Dev. 4(1), 87–103 (2011). https://doi.org/10.1080/10.1109/TAMD.2011.2163513
Zhang, D., Adipat, B.: Challenges, methodologies, and issues in the usability testing of mobile applications. Int. J. Hum. Comput. Interact. 18(3), 293–308 (2005). https://doi.org/10.1207/s15327590ijhc1803_3
Zheng, X.S., Chakraborty, I., Lin, J.J.W., Rauschenberger, R.: Correlating low-level image statistics with users-rapid aesthetic and affective judgments of web pages. In: Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, pp. 1–10. ACM (2009). https://doi.org/10.1145/1518701.1518703
Kusumasondjaja, S., Tjiptono, F.: Endorsement and visual complexity in food advertising on Instagram. Internet Research 29(4), 659–687 (2019). https://doi.org/10.1108/IntR-11-2017-0459
Choi, J.H., Lee, H.J.: Facets of simplicity for the smartphone interface: A structural model. International Journal of Human-Computer Studies 70(2), 129–142 (2012)
Acknowledgements
This work was supported by a grant from the National Natural Science Foundation of China (No. 71771045 and No. 72071035) and the 'Double First-Class' Disciplines Construction Project of Northeastern University (No. 02050021940101). No conflict of interest exists in the submission of this manuscript, and the manuscript is approved by all authors for publication. We would like to thank all the participants for their involvement in our research. Moreover, we would like to extend our gratitude to the editor and the reviewers for their valuable comments.
Author information
Authors and Affiliations
Corresponding author
Additional information
Publisher's Note
Springer Nature remains neutral with regard to jurisdictional claims in published maps and institutional affiliations.
Rights and permissions
About this article
Cite this article
Guo, F., Chen, J., Li, M. et al. Effects of visual complexity on user search behavior and satisfaction: an eye-tracking study of mobile news apps. Univ Access Inf Soc 21, 795–808 (2022). https://doi.org/10.1007/s10209-021-00815-1
Accepted:
Published:
Issue Date:
DOI: https://doi.org/10.1007/s10209-021-00815-1