히트맵분석 (Heatmap Analysis)

디자인학
한 줄 정의: 사용자의 클릭, 스크롤, 시선 등 행동 데이터를 색상 농도로 시각화하여 화면 내 주목 영역을 분석하는 UX 리서치 기법이다.

쉽게 풀면

사람들이 화면에서 어디를 많이 누르고 보는지 색깔로 표시해서 보여주는 분석 방법이다. 웹페이지에서 사람들이 어디를 많이 클릭하고 어디까지 스크롤했는지를 빨갛고 파란 색으로 겹쳐 보여 주어 한눈에 파악할 수 있게 하는 분석 도구다.

왜 중요한가

히트맵 분석은 클릭, 마우스 이동, 스크롤 깊이, 시선 위치를 화면 위에 색의 농도로 겹쳐 보여 주어 사용자가 실제로 어디를 보고 누르는지를 한눈에 파악하게 하는 방법입니다. 핵심 CTA가 스크롤 아래에 묻혀 있는지, 클릭할 수 없는 요소를 사용자가 누르고 있는지 같은 문제를 대량 데이터로 드러내어 위계와 배치 결정의 근거로 쓰입니다.

논문에서는 이렇게 쓰입니다

이 연구는 히트맵분석을 통해 랜딩 페이지에서 사용자의 클릭이 특정 영역에 집중됨을 확인하였다.

행동 데이터를 시각화해 사용자 주목 영역을 파악한 정량적 UX 분석 사례이다.

"본 연구는 모바일 쇼핑 앱의 결제 화면을 대상으로 히트맵분석과 사용성 테스트를 병행하여, 클릭이 집중된 영역과 실제로 사용자가 이해하지 못한 영역이 다르게 나타남을 확인하였다."

이 문장은 히트맵만으로는 알 수 없는 '왜 그랬는지'를 다른 방법과 함께 써서 보완했다는 점을 보여주는 예문이에요.

조금 더 깊게 보면

마우스 이동 히트맵은 시선과 상관이 있지만 동일하지 않으며(사용자는 읽는 동안 커서를 옆에 두는 경우가 많음), 시선 추적 히트맵은 참가자 수가 적어 집계의 통계적 대표성이 약합니다. 히트맵은 어디를 봤는지는 알려 주지만 왜인지, 그리고 봤는데도 이해하지 못했는지는 알려 주지 않으므로 사용성 테스트와 결합해야 합니다. 반응형 화면에서는 해상도별로 레이아웃이 달라 집계가 뒤섞이는 문제가 있고, 색 농도의 스케일 설정에 따라 같은 데이터가 '뜨겁게'도 '차갑게'도 보인다는 시각화의 함정도 그대로 적용됩니다. 히트맵은 클릭 위치를 집계하는 클릭 히트맵, 마우스 이동 경로를 보는 무브 히트맵, 스크롤 도달 비율을 보는 스크롤 히트맵으로 나뉘며, 마우스 움직임이 실제 시선과 항상 일치하지는 않아 시선추적 결과와 어긋날 수 있다는 한계가 지적된다. 스크롤 히트맵에서는 페이지 하단으로 갈수록 도달한 사용자 비율이 급격히 떨어지는 경향이 일반적이어서, 중요한 정보를 상단에 배치하거나 이탈이 시작되는 지점의 원인을 별도로 분석하는 근거로 활용된다.

주의할 점

히트맵분석은 행동의 결과만 보여줄 뿐 사용자가 왜 그런 행동을 했는지 이유까지 설명하지는 못한다.

관련 용어