Journal of the Korea Convergence Society (한국융합학회논문지)

Korea Convergence Society (한국융합학회)
권호 표지
DOI QR코드

DOI QR Code

A Study on the Gaze Flow of Internet Portal Sites Utilizing Eye Tracking

아이트래킹을 활용한 인터넷 포털사이트의 시선 흐름에 관한 연구

  • Hwang, Mi-Kyung (Department of Media Content, Kyungsung University) ;
  • Kwon, Mahn-Woo (Department of Media Content, Kyungsung University) ;
  • Lee, Sang-Ho (Department of Media Content, Kyungsung University) ;
  • Kim, Chee-Yong (Division of Digital Contents & Game Animation, Dong-Eui University)
  • 황미경 (경성대학교 미디어콘텐츠학과) ;
  • 권만우 (경성대학교 미디어콘텐츠학과) ;
  • 이상호 (경성대학교 미디어콘텐츠학과) ;
  • 김치용 (동의대학교 게임애니메이션공학전공)
  • Received : 2021.12.27
  • Accepted : 2022.02.20
  • Published : 2022.02.28
Download PDF
⟨ Previous Next ⟩

Abstract

This study investigated through eye tracking what gaze path the audience searches through portal sites (Naver, Daum, Zoom, and Nate). As a result of the layout analysis according to the gaze path of the search engine, the four main pages, which can be called to be the gateway to information search, appeared in the form of a Z-shaped layout. The news and search pages of each site use an F-shape, which means that when people's eyes move from top to right in an F-shape, they read while moving their eyes from left to right(LTR), which sequentially moves to the bottom. As a result of analyzing through the heat map, gaze plot, and cluster, which are the visual analysis indicators of eye tracking, the concentration of eyes on the photo and head copy was found the most in the heat map, and it can be said to be of high interest in the information. The flow of gaze flows downward from the top left to the right, and it can be seen that the cluster is most concentrated at the top of the portal site. The website designer should focus on improving the accessibility and readability of the information desired by the user in the layout design, and periodic interface changes are required by investigating and analyzing the tendencies and behavioral patterns of the main users.

본 연구는 수용자가 포털 사이트(네이버, 다음, 줌, 네이트)를 통해 검색할 때 어떤 시선경로로 탐색하는지 아이트래킹을 통해 알아보았다. 검색엔진의 시선경로에 따른 레이아웃 분석결과, 정보검색의 관문(Porta)이라고 할 수 있는 4개의 메인 페이지는 Z자형 레이아웃 형태로 나타났다. 각 사이트의 뉴스와 검색페이지는 F자형 형태를 활용하고 있는데 이것은 사람의 시선이 F자형으로 상단에서 우측으로 이동하면 순차적으로 하단으로 이동하는 좌측에서 우측(LTR)으로 시선이 이동하면서 읽는 것을 의미한다. 아이트래킹의 시각적 분석지표인 히트맵, 게이즈 폴랏, 클러스터를 통해 분석한 결과, 히트맵에서는 사진과 헤드카피에 시선의 집중도가 가장 많이 나타났으며 이것은 그 정보에 대한 흥미도와 관심도가 높다고 말할 수 있다. 시선의 흐름은 왼쪽 상단에서 우측으로 오면서 아래로 흐르는 것 알 수 있었으며 클러스터는 검색사이트의 상단에 집중되어 있었다. 웹사이트 디자이너는 레이아웃 디자인에 있어 사용자가 원하는 정보에 대한 접근성과 가독성을 높이는데 주력해야 할 것이며, 주 사용자의 성향과 행동 패턴 등을 조사하고 분석하여 이에 맞는 주기적 인터페이스의 변화가 요구되어진다.

Keywords

Acknowledgement

This research was supported by Basic Science Research Program through the National Research Foundation of Korea(NRF) funded by the Ministry of Education(2019R1A6A3A01097378).

References

  1. K. J. Lee, Y. C. Kim & M. S. Kim. (2016). The proposed layout of the portal site news page - focused on the lines, planes, formative principles of grid. Journal of Digital Design, 16(3), 137-146.
  2. B. J. Lee.(2007), Die Internet-Portalservice und deren AGB, HUFS Law Review 27, 255.
  3. T. K. Kim.(2017), The effects of portal site search Information by characteristics of users for Information satisfaction: focusing on NAVER. Master's Thesis of Hongik University.
  4. E. S. Cho.(2015), A Research on Portal Mobile App Interface Design in Korea -Mainly on Layout-. Journal of Korean Society of Communication Design 24, 169-178.
  5. J. A. Park & Y. Cho. (2000), A study of The Effective Layout for Visual Communication in Web Design. Korean Society of Basic Design & Art, 1(2), 1-9.
  6. C. W. Nam. (2008). The Effect of Layout and Grid in the Unified Search Result Page of the Portal Site on Information Cognition. Master's Thesis of Hongik University.
  7. R. L. Soloso. (2000). Visual Psychology, Cinema Press, 81-84.
  8. D. Lauer & P. K. Stephen. (1990). Design Basics, 4th Edition, Hardcourt Brace College Publishers, 42.
  9. J. W. Jung. (2018), A Study on Visual Reaction of TV Viewers through the Eye Tracker. Doctoral Thesis of Hansung University.
  10. M. K. Hwang, M. W. Kwon, S. H. Lee & C. Y. Kim. (2020). A Study on the Visual Attention of Sexual Appeal Advertising Image Utilizing Eye Tracking, Journal of the Korea Convergence Society 11(10), 207-212. https://doi.org/10.15207/JKCS.2020.11.10.207
  11. Doghty. (2021). Average search engine inflow rate in 4Q 2020. Trend Report. http://www.acecounter.com
  12. J. R. Turner. (1994). Cardiovascular reacitivity and stress: Patterns of physiological response. New York: Plenum.
  13. J. T. Cacioppo & L. G. Tassinary. (1990). Psychophysiology and psychophysiological inference. In J. T. Cacioppo & L. G. Tassinary (Eds.), Principles of psychophysiology: Physical, social, and inferential elements, New York: Cambridge University Press, 3-33.
  14. G. Lindgaard, G. Fernandes, C. Dudek & J. Brown. (2006). Attention web designers: You have 50 milliseconds to make a good first impression!, Behavior & Information Technology, 25(2), 123-125.