아이트래킹을 활용한 인터넷 포털사이트의 시선 흐름에 관한 연구 = A Study on the Gaze Flow of Internet Portal Sites Utilizing Eye Tracking

다국어 초록 (Multilingual 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.

국문 초록 (Abstract)

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

참고문헌 (Reference)

1 남찬우, "포털사이트의 통합검색결과 화면에서 레이아웃 및 그리드가 정보인지에 주는 영향에 관한 연구" 홍익대학교 대학원 2008

2 이강준 ; 김영찬 ; 김문석, "포털 사이트의 뉴스페이지 레이아웃 제안 - 선, 면, 그리드의 조형원리를 중심으로 -" 한국디지털디자인학회 16 (16): 137-146, 2016

3 이병준, "인터넷 포털의 이용계약과 약관" 법학연구소 (27) : 255-276, 2007

4 황미경 ; 권만우 ; 이상호 ; 김치용, "아이트래킹을 활용한 성적소구광고 이미지의 시각적 주의에 관한 연구" 한국융합학회 11 (11): 207-212, 2020

5 최은실 ; 전양덕, "국내 포털 모바일 앱 인터페이스 디자인에 관한 연구 - 레이아웃을 중심으로 -" 한국정보디자인학회 18 (18): 169-178, 2015

6 R. L. Soloso, "Visual Psychology" Cinema Press 81-84, 2000

7 T. K. Kim, "The effects of portal site search Information by characteristics of users for Information satisfaction: focusing on NAVER" Hongik University 2017

8 J. T. Cacioppo, "Principles of psychophysiology: Physical, social, and inferential elements" Cambridge University Press 3-33, 1990

9 D. Lauer, "Design Basics" Hardcourt Brace College Publishers 42-, 1990

10 J. R. Turner, "Cardiovascular reacitivity and stress: Patterns of physiological response" Plenum 1994

11 Doghty, "Average search engine inflow rate in 4Q 2020. Trend Report"

12 G. Lindgaard, "Attention web designers: You have 50 milliseconds to make a good first impression!" 25 (25): 123-125, 2006

13 J. A. Park, "A study of The Effective Layout for Visual Communication in Web Design" 1 (1): 1-9, 2000

14 J. W. Jung, "A Study on Visual Reaction of TV Viewers through the Eye Tracker" Hansung University 2018