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

Wahyu Mahardika, Sunu Wibirama, Ridi Ferdiana, Sri Suning Kusumawardani

Abstract


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.

Keywords


eye tracking; parallax scrolling; user experience; web design

Full Text:

PDF

References


D. Ku, “Parallax scrolling: to scroll or not to scrollâ€, Umea University, 2015.

M. Kabak, E.Ozceylan, M. Dagdeviren, T.Genc, “Evaluation of distance education website: a hybrid multicriteria approachâ€, Turkish Journal of Electrical Engineering & Computer Sciences, vol.25, pp. 2809-2819, 2017.

J. Robert and A. Lesage, â€From usability to user experience with interactive systems,†Handbook of Human-Computer Interaction, pp. 303-332, 2010.

L. Giurgiu, G. Barsan, “Web land-design trends for 2016â€, in International Conference Knowledge Based Organization, Vol. 22, No. 3, De Gruyter Open, 2016, pp. 520-523.

K. Knight, â€Responsive web design: what it is and how to use it,†12 January 2011. [Online]. Available: https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/. [Accessed 10 March 2018].

F. Wang and S. S. Sundar, “How does parallax scrolling influence user experience? A test of TIME (theory of interactive media effects)â€, International Journal of Human-Computer Interaction, 2017, pp.1-11 doi: 10.1080/10447318.2017.1373457

J. Fu, "Parallax Scrolling Interface research based on Fitts' law," in 2016 IEEE Advanced Information Management, Communicates, Electronic and Automation Control Conference (IMCEC), Xi'an, China, 2016, pp. 1370-1374.

D. Frederick, J. Mohler, M. Vorvoreanu, R. Glotzbach, “The effects of parallax scrolling on user experience in web designâ€, Journal of Usability Studies, Vol. 10, No. 2 , pp. 87-95, 2015.

M. S. A. Yamin, E. A. Jaafar, “Web design for science museum towards engaging user experienceâ€, in IFIP Conference on Human-Computer Interaction, Cape Town, South Africa, 2013, pp. 745-754.

J. Branch, “Snow fall: the avalanche at tunnel creekâ€, 19 February 2012, The New York Times. [Online]. Available: http://www.nytimes.com/projects/2012/snow-fall/index.html#/?part=tunnel-creek. [Accessed 10 March 2018].

E. Jaffe, â€Snow fail: do readers really prefer parallax web design?â€, 19 December 2013. [Online]. Available: http://www.fastcodesign.com/3023690/evidence/snow-fail-do-readers-really-prefer-parallax-web-design. [Accessed 10 March 2018].

M. Ohkura, S. Goto, A. Higo, T. Aoto, “Relationship between kawaii feeling and biological signalsâ€, Transactions of Japan Society of Kansei Engineering, Vol. 10, No. 2, pp. 109-114, 2011.

S. Wibirama, K. Hamamoto, “Investigation of visually induced motion sickness in dynamic 3D contents based on subjective judgment, heart rate variability, and depth gaze behaviorâ€, in 2014 36th Annual International Conference of the IEEE Engineering in Medicine and Biology Society (EMBC 2014), Chicago, US, 2014, pp. 4803-4806.

S. Wibirama, H. A. Nugroho, K. Hamamoto, “3D gaze tracking on stereoscopic display using optimized geometric methodâ€, IEEJ Transactions on Electronics, Information, and Systems, Vol. 134, No. 3, pp. 345-352, 2014.

S. Wibirama, H. A. Nugroho, K. Hamamoto, “Evaluating 3D gaze tracking in virtual space: A computer graphics approachâ€, Entertainment Computing, Vol. 21, pp. 11-17, 2017.

S. Wibirama, H. A. Nugroho, K. Hamamoto, “Depth gaze and ECG based frequency dynamics during motion sickness in stereoscopic 3D movieâ€, Entertainment Computing, Vol. 28, pp. 117-127, 2018.

S. Wibirama, H. A. Nugroho, “Towards understanding addiction factors of mobile devices: an eye tracking study on effect of screen size,†in 2017 39th Annual International Conference of The IEEE Engineering in Medicine and Biology Society, Jeju Island, South Korea, 2017, pp.2454-2457.

T. Wijayanto, S. Wibirama, Z. Z. Maryoto, M. N. Winadi, M. Bahit, “Effects of morning-night difference and sleep deprivation on situation awareness and driving performance,†in 2016 IEEE International Conference on Industrial Engineering and Engineering Management, Bali, Indonesia, 2016, pp. 267 – 271.

M. Bahit, S. Wibirama, H. A. Nugroho, T. Wijayanto, M. N.Winadi, “Investigation of visual attention in day-night driving simulator during cybersickness occurrence,†in 2016 8th International Conference on Information Technology and Electrical Engineering (ICITEE 2016), Yogyakarta, Indonesia, 2016, pp. 213-216.

C. W. VanVoorhis, B. L. Morgan, “Understanding power and rules of thumb for determining sample sizesâ€, Tutorials in Quantitative Methods for Psychology, Vol. 3, No. 2, pp. 43-50, 2007.

B. Laugwitz, T. Held, M. Schrepp, “Construction and evaluation of a user experience questionnaireâ€, in Proceedings of the 4th Symposium of the Workgroup Human-Computer Interaction and Usability Engineering of the Austrian Computer Society on HCI and Usability for Education and Work, Berlin, Heidelberg, 2008.

UNESCO, “Indonesian Batik: Inscribed in 2009 on the representative list of the intangible cultural heritage of humanityâ€, 2009. [Online]. Available: https://ich.unesco.org/en/RL/indonesian-batik-00170. [Accessed 26 March 2018].

K. Holmqvist, M. Nystrom, R. Andersson, R. Dewhurst, H. Jarodzka, J. Van De Weijer, “Eye tracking: A comprehensive guide to methods and measuresâ€, New York: Oxford University Press, 2011.

H. B. Santoso, M. Schrepp, R. Y. K. Isal, A. Y. Utomo and B. Priyogi, "Measuring user experience of the student-centered e-learning environment," Journal of Educators Online, vol. 13, no. 1, pp. 58-79, 2016.




DOI: http://dx.doi.org/10.18517/ijaseit.8.4.6500

Refbacks

  • There are currently no refbacks.



Published by INSIGHT - Indonesian Society for Knowledge and Human Development