A Novel User Experience Study of Parallax Scrolling using Eye Tracking and User Experience Questionnaire

Parallax scrolling technique is being devoted as a unique and an innovative trend in the web design. Parallax scrolling provides 3D perception on a web page. Previous works observed user experience issues of parallax scrolling merely based on subjective questionnaires. Their findings leave a research question whether the results are valid as a written questionnaire may be perceived differently by participants. Additionally, bias and ambiguity in the questionnaire can affect the research results significantly. To solve this research problem, we present a novel user experience study of parallax scrolling in storytelling and online shop website using eye tracking and User Experience Questionnaire (UEQ). Forty ( N =40) participant joined the experiment on a voluntary basis. Each participant only interacted with one out of two websites (storytelling or online shop) and only one effect (with or without parallax scrolling). We found that parallax scrolling affected UEQ score of Attractiveness of the storytelling website ( p < 0.05). Our findings suggest that parallax scrolling improves user engagement in storytelling website. We also observed that the participants spent time almost two times faster to find an object of interest in an online shop with parallax scrolling compared with the similar task in an online shop without parallax scrolling ( p < 0.05). We thus argue that parallax scrolling is useful during interacting with particular websites that require visual object localization. In future, web designers should consider the appropriate usage of parallax scrolling to optimize user experience while avoiding additional distraction caused by this technique.

[1]  Dennis Ku,et al.  Parallax Scrolling To scroll or not to scroll , 2015 .

[2]  Harry Budi Santoso,et al.  Measuring User Experience of the Student-Centered e-Learning Environment , 2016 .

[3]  G. G. Stokes.  "J." , 1890, The New Yale Book of Quotations.

[4]  Tsuyoshi Murata,et al.  {m , 1934, ACML.

[5]  S. Wibirama,et al.  Effects of morning-night differences and sleep deprivation on situation awareness and driving performance , 2016, 2016 IEEE International Conference on Industrial Engineering and Engineering Management (IEEM).

[6]  Sunu Wibirama,et al.  Investigation of visual attention in day-night driving simulator during cybersickness occurrence , 2016, 2016 8th International Conference on Information Technology and Electrical Engineering (ICITEE).

[7]  Eren Özceylan,et al.  Evaluation of distance education websites: a hybrid multicriteria approach , 2017, Turkish J. Electr. Eng. Comput. Sci..

[8]  Michiko Ohkura,et al.  Relationship between Kawaii Feeling and Biological Signals , 2011 .

[9]  Martin Schrepp,et al.  Construction and Evaluation of a User Experience Questionnaire , 2008, USAB.

[10]  Kazuhiko Hamamoto,et al.  3D Gaze Tracking on Stereoscopic Display Using Optimized Geometric Method (特集 情報環境と人間の調和に向けた工学技術) , 2014 .

[11]  Annemarie Lesage,et al.  From Usability to User Experience with Interactive Systems , 2017 .

[12]  Mohd Syaheezam Asyraq Yamin,et al.  Web Design for Science Museum towards Engaging User Experience , 2013, INTERACT.

[13]  Kazuhiko Hamamoto,et al.  Evaluating 3D gaze tracking in virtual space: A computer graphics approach , 2017, Entertain. Comput..

[14]  James L. Mohler,et al.  The effects of parallax scrolling on user experience in web design , 2015 .

[15]  Jiuqiang Fu.  Parallax Scrolling Interface research based on Fitts' law , 2016, 2016 IEEE Advanced Information Management, Communicates, Electronic and Automation Control Conference (IMCEC).

[16]  Alan Kennedy,et al.  Book Review: Eye Tracking: A Comprehensive Guide to Methods and Measures , 2016, Quarterly journal of experimental psychology.

[17]  S. Shyam Sundar,et al.  How does Parallax Scrolling Influence User Experience? A Test of TIME (Theory of Interactive Media Effects) , 2018, Int. J. Hum. Comput. Interact..

[18]  Kazuhiko Hamamoto,et al.  Depth gaze and ECG based frequency dynamics during motion sickness in stereoscopic 3D movie , 2018, Entertain. Comput..

[19]  Carmen R. Wilson VanVoorhis,et al.  Understanding Power and Rules of Thumb for Determining Sample Sizes , 2007 .

[20]  Hanung Adi Nugroho,et al.  Towards understanding addiction factors of mobile devices: An eye tracking study on effect of screen size , 2017, 2017 39th Annual International Conference of the IEEE Engineering in Medicine and Biology Society (EMBC).

[21]  Ghiţă Bârsan,et al.  Web Land - Design Trends for 2016 , 2016 .

[22]  Kazuhiko Hamamoto,et al.  Investigation of visually induced motion sickness in dynamic 3D contents based on subjective judgment, heart rate variability, and depth gaze behavior , 2014, 2014 36th Annual International Conference of the IEEE Engineering in Medicine and Biology Society.