Abstract
Due to the increasing dependence on mobile devices worldwide, web designers are starting to design websites that are suitable for mobile devices such as smartphones and tablets. The aim of this paper is to find out which structures of interface the mobile commerce websites should implement to meet the user’s viewing visual behaviors. This is achieved through the use of eye tracking technology to record and analyze the content of online booking websites designed by responsive web design rules and to assess whether there was a difference in the location of the attention areas when the webpage presents different object arrangements. The paper finds that there are no significant differences in the number of fixations at the location of the menu icon, and the gaze sequences are also the same. However, participants have significant differences in fixation time on the navigation menu lists with different presentation methods, whereas the gaze sequences are the same; on the other hand, there are no significant differences in the total gaze time when objects are arranged in different positions, but the gaze sequences on the regions of interest are different when the object arrangements are changed.
Similar content being viewed by others
References
Bradley S (2013) Design Fundamentals—Elements, Attributes, & Principles. http://vanseodesign.com/downloads/learn-design-fundamentals/. Accessed 10 May 2016
Boulton J (2014) 100 ideas that changed the web, 1st edn. Laurence King Publishing, London
Chen Y, Xie X, Ma W, Zhang H (2005) Adapting web pages for small screen devices. Internet Comput IEEE 9(50–56):2005
Djamasbi S, Siegel M, Tullis T (2010) Generation Y, web design, and eye tracking. Int J Hum Comput Stud 68(5):307–323
Duchowski AT (2007) Eye tracking methodology: theory and practice, 2nd edn. Springer, New York
Gregory LR (1997) Eye and brain: the psychology of seeing. Princeton University Press, Hillsdale
Guy T (2011) UX Magazine. http://uxmag.com/articles/visual-design-and-usability-yellow-brick.road. Accessed 10 May 2016
Henderson JM, Hollingworth A (1999) High-level scene perception. Annu Rev Psychol 50(1):243–271
Hewig J, Trippe RH, Hecht H, Straube T, Miltner WHR (2008) Gender differences for specific body regions when looking at men and women. J Nonverbal Behav 32(2):67–78
Ho HF (2014) The effects of controlling visual attention to handbags for women in online shops: evidence from eye movements. Comput Hum Behav 30:146–152
Holmqvist K, Nystrom M, Andersson R, Dewhurst R, Jarodzka H, Weijer J (2011) Eye tracking: a comprehensive guide to methods and measures. OUP, Oxford
Hsieh YC, Chen KH (2011) How different information types affect viewer’s attention on internet advertising. Comput Hum Behav 27(2):935–945
Huang YF, Kuo FY (2011) An eye-tracking investigation of internet consumers’ decision deliberateness. Internet Res 21(5):541–561
Huddleston P, Behe BK, Minahan S, Fernandez RT (2015) Seeking attention: an eye tracking study of in-store merchandise displays. Int J Retail Distrib Manag 43(6):561–574
Just MA, Carpenter PA (1976) Eye fixations and cognitive processes. Cogn Psychol 8:441–480
Lindström A, Berg H, Hordfält J, Roggeveen AL, Grewal D (2016) Does the presence of a mannequin head change shopping behavior? J Bus Res 69(2):517–524
Marcotte E (2010) Responsive web design. Retrieved from http://alistapart.com/article/responsive-web-design
Meiβner M, Pfeiffer J, Pfeiffer T, Oppewal H (2017) Combining virtual reality and mobile eye tracking to provide a naturalistic experimental environment for shopper research. J Bus Res 100:445–458
Minahan SM, Huddleston P, Behe B, Fernandez RT (2013) Conducting field research in retail stores: a meandering path to a successful research project. Int Rev Retail Distrib Consum Res 23(2):189–203
Mintel (2015) Online retailing. https://academic.mintel.com/display/716139/. Accessed 10 May 2016
Musti S, Kashyap V (2013) Responsive design: the time is now
Nielsen J (2006) F-shaped pattern for reading web content. https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/. Accessed 10 May 2016
Nielsen J, Budiu R (2013) Mobile usability, 1st edn. New Riders, Berkeley, pp 7–21
Nielsen J, Pernice K (2009) Eyetracking web usability, 1st edn. New Riders Publishing, Thousand Oaks
Poole A, Ball LJ (2005) Eye tracking in human–computer interaction and usability research: current status and future prospects. In: Ghaoui C (ed) Encyclopedia of human computer interaction, pp 211–219
Roth S, Tuch AN, Mekler ED, Bargas-Avila JA, Opwis K (2012) Location matters, especially for non-salient features—an eye-tracking study on the effects of web object placement on different types of websites. Int J Hum Comput Stud 71(3):228–235
Theeuwes J, Kramer AF, Atchley P (1999) Attentional effects on preattentive vision: spatial precues affect the detection of simple features. J Exp Psychol Hum Percept Perform 25(2):341–347
Tzafilkou K, Protogeros N (2017) Diagnosing user perception and acceptance using eye tracking in web-based end-user development. Comput Hum Behav 72:23–37
Tzanidou E (2003) Eye tracking as a complementary usability evaluation technique for e-commerce sites. In: Proceedings of the Workshop on Exploring the Total Customer Experience (TCE): Usability Evaluations of (B2B) e-commerce Environments, Zurich, Switzerland
Wang Q, Yang S, Liu M, Cao Z, Ma Q (2014) An eye-tracking study of website complexity from cognitive load perspective. Decis Support Syst 62:1–10
Wong W, Bartels M, Chrobot N (2014) Practical eye tracking of the Ecommerce website user experience. In: Proceedings of International Conference on Universal Access in Human–Computer Interaction, pp 109–118
Yeh S, Chen I, De Valois KK, De Valois RL (1996) Figural aftereffects and spatial attention. J Exp Psychol Hum Percept Perform 22(2):446–460
Zhang XB, Liu XL, Yuan SM, Lin SF (2017) Eye tracking based control system for natural human–computer interaction. Comput Intell Neurosci 3:1–9
Funding
The funding was provided by Ministry of Science and Technology, Taiwan (Grant no. MOST 108-2637-E-025-002).
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
Hung, J.C., Wang, CC. Exploring the website object layout of responsive web design: results of eye tracking evaluations. J Supercomput 77, 343–365 (2021). https://doi.org/10.1007/s11227-020-03283-1
Published:
Issue Date:
DOI: https://doi.org/10.1007/s11227-020-03283-1