EFFECTIVENESS EXAMINATION OF CINEMAGRAPHS AND VIDEO SEQUENCES ON AN INTERACTIVE WEBSITE PROTOTYPE USING EYE TRACKING TECHNOLOGY
DOI:
https://doi.org/10.24867/23EF04KovacevicKeywords:
UI/UX design prototype, website, cinemagraph, eye tracking methodology, Gaze PointAbstract
The research topic is the application of cinemagraphs as a website element that contributes both to the practicality of providing the necessary information and to the website's aesthetics, i.e., testing the effectiveness of cinemagraphs using eye-tracking technology. The research investigates whether website users stay longer on moving elements compared to static images of identical content, whether they return to moving content again, and whether the respondents' attention is diverted from other important content if the page contains content with an element of movement.
References
[1] D. A. Norman, “The Design of everyday things”, Cambridge, New York, New York, 2002.
[2] J. Duckett, „HTML & CSS – design and build websites“, John Wiley & Sons, Indianapolis, Indiana, 2011.
[3] N. Milić Keresteš, Web dizajn – interna skripta, Fakultet tehničkih nauka, Novi Sad, 2022.
[4] https://blog.hubspot.com/marketing/hero-image (pristupljeno: 23.12.2022.)
[5] http://cinemagraphs.com/what-is-a-cinemagraph (pristupljeno: 02.01.2023.)
[6] https://www.yellowhead.com/blog/what-is-a-cinemagraph/ (pristupljeno: 02.01.2023.)
[7] https://bdtechtalks.com/2017/01/05/what-is-eye-tracking-technology/ (pristupljeno: 04.01.2023.)
[8] N. Milić Keresteš, Dizajn korisničkog iskustva– interna skripta, Fakultet tehničkih nauka, Novi Sad, 2022.
[9] https://eyeware.tech/blog/what-is-eye-tracking/ (pristupljeno: 16.01.2023.)
[10] https://imotions.com/products/hardware/gazepoint-gp3/ (pristupljeno: 07.02.2023.)
[2] J. Duckett, „HTML & CSS – design and build websites“, John Wiley & Sons, Indianapolis, Indiana, 2011.
[3] N. Milić Keresteš, Web dizajn – interna skripta, Fakultet tehničkih nauka, Novi Sad, 2022.
[4] https://blog.hubspot.com/marketing/hero-image (pristupljeno: 23.12.2022.)
[5] http://cinemagraphs.com/what-is-a-cinemagraph (pristupljeno: 02.01.2023.)
[6] https://www.yellowhead.com/blog/what-is-a-cinemagraph/ (pristupljeno: 02.01.2023.)
[7] https://bdtechtalks.com/2017/01/05/what-is-eye-tracking-technology/ (pristupljeno: 04.01.2023.)
[8] N. Milić Keresteš, Dizajn korisničkog iskustva– interna skripta, Fakultet tehničkih nauka, Novi Sad, 2022.
[9] https://eyeware.tech/blog/what-is-eye-tracking/ (pristupljeno: 16.01.2023.)
[10] https://imotions.com/products/hardware/gazepoint-gp3/ (pristupljeno: 07.02.2023.)
Downloads
Published
2023-06-08
Issue
Section
Gaphic Engineering and Design
