Abstract

The purpose of this study was to find the effective way of composition in terms of UX(user experience) when configuring UI(user interface) of educational game by utilizing ET(eye-tracking). Experimental material was a game related to the middle school 'force and motion'. SMI (SensoMotoric Instruments)' iView X TM RED was used in order to collect eye movement data. The results of this study was as follows. First, the lead element for fast visual attention should be placed in the center when the educational game UI is configured. Second, burton that changes character's features and the information about them should be placed close to each other. Third, learning quiz caught visual attention faster when it was placed on the left side of UI. Fourth, when one UI was overlapped by another, parts that were not overlapped was fixated, too.

본 연구의 목적은 ET(eye-tracking)를 활용하여 교육용 게임의 UI(user interface)를 구성할 때, UX(user experience)관점에서 효과적 구성 방안을 찾는데 있다. 실험 자료는 중학교 힘과 운동에 관련된 게임이었고 안구운동 데이터를 수집하기 위해 SMI(SensoMotoric Instruments)사의 iView X TM RED 120Hz를 사용하였다. 연구 결과는 다음과 같다. 첫째, 교육용 게임에서 빠른 시각적 주의를 이끌기 위한 요소는 UI의 가운데에 배치해야 한다. 둘째, 캐릭터의 속성을 변경하는 버튼과 그 속성에 대한 정보는 서로 근접한 위치에 배치해야 한다. 셋째, 학습 퀴즈는 UI의 위쪽에 위치할 때 더 빠른 시각적 주의를 이끌었다. 넷째, 처음 UI에 다른 UI를 겹쳐서 제시하였을 때 완전히 겹쳐지지 않은 부분의 처음 UI에서도 응시가 발생하였다.

Keywords

• Eye-tracker;
• UX(user experience);
• UI(user interface);
• Educational game;
• Eye movement

• 안구운동추적기;
• 교육용 게임;
• 안구운동;