• Skip to content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Skip to footer

ㅍㅍㅅㅅ

필자와 독자의 경계가 없는 이슈 큐레이팅 매거진

  • Home
  • 스타트업
    • 마케팅
    • 투자
  • 시사
    • 경제
    • 국제
    • 군사
    • 사회
    • 언론
    • 역사
    • 정치
    • 종교
  • 문화
    • 게임
    • 교육
    • 덕후
    • 만화
    • 스포츠
    • 애니
    • 연예
    • 영화
    • 인문
    • 음악
    • 책
    • 학문
  • 테크
    • IT
    • SNS
    • 개발
    • 공학
    • 과학
    • 디자인
    • 의학
    • 환경
  • 생활
    • 건강
    • 부모
    • 성인
    • 여행
    • 영어
    • 음식
    • 패션
  • 특집
    • 개드립
    • 인터뷰
  • 전체글

마우스 커서의 정보 이해하기

2017년 8월 25일 by 뷰저블 Beusable

마우스 커서의 정보를 자세히 해석하면 사용자의 콘텐츠 소비를 이해하기 위해 사용하는 아이 트래킹을 대체할 수 있고, 콘텐츠 소비를 더욱 쉽게 이해할 수도 있을 것입니다.

 

아이트래킹의 이해와 대체 수단

유저빌리티 테스트(Usability Test)에서 사용자가 웹페이지에서 응시한 곳을 알아내기 위한 도구로 아이트래킹이 종종 쓰입니다. 아이트래킹은 주시점 또는 눈의 움직임을 측정하는 도구로, 아이트래킹 모니터는 모든 눈의 움직임을 저장하고 사이트에서 가장 활동적인 영역을 시각적으로 강조합니다.

아이트래킹 연구는 웹 사용자들이 탐색하고 있는 사이트를 얼마나 편하게 사용하는지 그리고 웹사이트의 구조와 시스템을 얼마나 빠르게 이해하는지 평가하는 데 도움 됩니다.

아이트래킹(도구, 웹캠). 출처: EyeSee Research

이와 같이 아이트래킹은 사용자의 행동과 콘텐츠의 소모 등을 분석하기에 유용한 도구입니다. 하지만 도구 사용에 따르는 환경적 제한, 비용, 시간 등의 이유로 많은 기업에서 간편하게 사용하지 못합니다. 이것을 마우스 커서 움직임으로 아이트래킹 정보를 대체할 수 있다는 여러 연구 결과가 나왔습니다.

마우스 커서의 움직임을 통해 더욱 쉽게 사용자가 응시한 콘텐츠와 그 시간, 시선 궤적의 거리 등을 예측할 수 있습니다. CHI 2001 학회에 보고된 「마우스 커서는 무엇을 더 말해주나? 웹 검색 시 눈과 마우스 움직임의 상관관계(What can a mouse cursor tell us more? Correlation of eye/mouse movements on web browsing)」에 따르면 웹페이지에서 사용자의 마우스 커서가 위치한 곳의 84%가 실제 아이트래킹에서 측정된 응시 지점에 해당된다는 연구 결과를 알 수 있습니다.

위치 지점뿐 아니라 지점에 머문 시간(dwell time of both gaze and cursor)과 시선과 커서 지점의 거리(distance between gaze and cursor) 간의 연관성이 존재합니다. 이에 따라 마우스가 사용성을 평가하는 아이트래킹의 좋은 대체 수단이 될 수 있다고 합니다.

 

 

히트맵으로 확인한 영역 이해하기

어떤 영역에 마우스가 접근했는지에 관한 정보는 사용자가 어떤 정보를 확인했는지로 이해할 수 있습니다. 아이트래킹으로 확인할 수 있는 히트맵은 마우스 커서가 접근한 위치의 정보에 기반 둔 히트맵으로 대체할 수 있습니다. 마우스 커서의 위치가 시선의 응시지점과 100% 일치하는 것은 아니므로, 해당 영역의 주변 정보도 확인 대상으로 감안해야 합니다.

아이트래킹의 히트맵. 출처: Nielsen Norman Group

 

주목, 관심이 있었던 콘텐츠 확인하기

어떤 영역을 확인했는지 여부를 검토하는 것도 중요하지만 얼마나 오래, 즉 얼마나 관심 있게 확인했는지에 관한 정보를 확인하는 것도 중요합니다. 이러한 정보는 마우스 커서가 특정 위치에 머문 체류 시간으로 확인할 수 있습니다.

주목성이 높은 콘텐츠는 사용자가 흥미 있고 관심 있게 살펴본 콘텐츠로 해석할 수 있을 뿐 아니라 사용자가 이해하기 어렵거나 명도 대비가 낮아 계속 응시한 경우 등 확인하기 어려워 응시한 지점으로 해석할 수도 있습니다. 때문에 해당 콘텐츠의 내용과 디자인을 함께 감안해 주목성을 검토하는 것이 정확할 수 있습니다.

 

이동 궤적

사용자가 응시한 지점의 흐름을 시각적으로 나타내는 인포그래픽을 게이즈 플롯(Gaze Plot)이라고 합니다. 게이즈(Gaze)는 응시, 눈여겨 보는 시선, 눈길 등을 의미하고 플롯(Plot)은 소설·극·영화 등의 구성이나 줄거리를 의미하죠. 게이즈 플롯은 위치 정보로 사용자가 응시한 지점을, 그리고 해당 원 안에 숫자를 표기해 순서를 나타냅니다. 또한 원의 크기로 응시하며 체류한 시간도 나타낼 수 있습니다.

사용자가 웹페이지에서 콘텐츠를 둘러보는 순서를 마우스 커서의 움직임 궤적으로 이해할 수 있으며, 주목 데이터와 함께 보면 사용자의 시선 흐름을 더 정확하게 이해할 수 있습니다.

콘텐츠들을 어떤 흐름으로 확인했는지 이해하는 것은 사용자의 목적이나 관심에 따르는 탐색 과정을 살펴보고 그 과정으로 인한 경험과 정보 습득을 알기 위해 필요합니다. 히트맵 데이터와 마찬가지로 궤적이 시선의 흐름과 100% 일치하지 않는 점을 감안해 확인해야 합니다.

원문: 뷰저블 Beusable의 브런치


참고

  • ACM SIGCHI

Filed Under: IT, 스타트업

필자 뷰저블 Beusable twitter

웹사이트에 방문한 사용자 행태를 시각화된 데이터로 제공하는 뷰저블입니다. 빨리 퍼 나르기보다는 직접 고민한 깊이 있는 글을 담고자 합니다.

Primary Sidebar

SPONSORED

RECOMMENDED

Footer

ㅍㅍㅅㅅ

등록번호: 서울, 아03293
등록일자: 2014년 8월 18일
제호: ㅍㅍㅅㅅ
발행인: 이승환
편집인: 이승환
주소: 서울특별시 서초구 강남대로 369 12층
발행일자: 2014년 8월 18일
전화번호: 010-2494-1884
청소년보호책임자: 이승환
Privacy Policy

Copyright © 2025 · Magazine Pro on Genesis Framework · WordPress · Log in