디자인 샘플

디코랩이 제작한 대학 연구실 홈페이지 디자인 샘플입니다. GLANCE Lab은 가상의 연구실이며 대학·구성원·논문·과제·게시물은 실제가 아닙니다. 이 디자인의 저작권은 디코랩에 있으며, 무단으로 복제하거나 사용하면 민·형사상 책임을 물을 수 있습니다. 다른 디자인 샘플 보기

공동연구 문의

Research연구

시선 히트맵 체험

가상 화면 위에서 마우스를 움직이면 히트맵과 처음 본 곳 순서가 그려집니다.

갱신일 2026. 10. 26.

연구 안의 쪽 5지금 보는 쪽 · 시선 히트맵 체험
news.example (가상 뉴스)다온일보도시 숲 한 그루가여름 골목 기온을 낮췄다광고(가상 배너)

지금 보는 것: 참가자 12명 예시(가상 자료). 「내 시선으로 그리기」를 누른 뒤 화면 위에서 마우스를 천천히 움직이거나, 휴대폰은 본 곳을 차례로 누르세요.

처음 본 곳 순서

  1. 1머리기사 제목0.20초
  2. 2머리기사 사진0.68초
  3. 3머리기사 요약1.04초
  4. 4기사 목록1.58초
  5. 5로고·메뉴2.00초
  6. 6오른쪽 광고2.36초

큰 제목과 사진이 먼저, 왼쪽 위에서 F자로 읽습니다.

영역별 머문 시간

영역별 처음 본 순서와 머문 시간 비율
영역순서머문 시간
머리기사 제목1
머리기사 사진2
머리기사 요약3
기사 목록4
로고·메뉴5
오른쪽 광고6

그림 읽는 법

  • 뜨거운 색

    오래, 여러 번 머문 곳일수록 파랑 → 노랑 → 토마토색으로 짙어집니다.

  • 번호 원

    처음 본 순서입니다. 원이 클수록 그 자리에 오래 머물렀습니다. 선은 시선이 건너뛴 길입니다.

  • 머문 시간 표

    영역마다 머문 시간이 전체의 몇 퍼센트인지 셉니다. 「광고」「배송 안내」처럼 잘 안 보는 영역이 드러납니다.

주소 끝의 ?screen=shop&view=order 처럼 화면과 보기 방식을 골라 둔 채로 공유할 수 있습니다. 실험실의 시선 추적기는 눈동자를 재지만, 이 체험은 마우스 위치를 시선 대신 씁니다. 참가자 자료는 가상입니다.

우리 연구에서는

  • 뉴스 화면

    시선·주의 연구에서 첫 시선이 닿는 곳을 예측합니다.

  • 상품 화면

    가격과 구매 단추 사이를 오가는 시선으로 망설임을 찾습니다.

  • 입력 폼

    접근성 연구에서 오류 문구를 놓치는 자리를 고칩니다.