dodaNote
posts
🔩 기술
Hotjar가 뭘까?
Hotjar를 처음 써 보고, 적는 노트.

Hotjar는 히트맵을 중점으로 내세우고 있는, 사용자 행동 분석 서비스다.

Hotjar의 분석 서비스는 2가지가 있는데, 히트맵과 Recording (행동 저장)이 있다.

Analytics

Heatmaps

"히트맵"이 무엇인지 알아봐야겠지만, 히트맵은 Hotjar에서만 제공하는 기술이 아니다.

영문 위키백과에 따르면:

Heat map은 현상의 크기를 2차원적인 색상으로 보여주는 데이터 시각화 기법이다. 색의 변화는 색이나 강도에 의해 나타날 수 있으며, 어떻게 현상이 군집화되거나 변화하는지에 대한 시각적 단서를 제공한다.

(오역이 존재할 수 있지만)

히트맵에 대해 이렇게 정의하고 있다. 실제 웹 사이트에 히트맵을 적용한 예시를 살펴보자.

 
이미지
Hotjar에서 제공하는 "클릭 히트맵" 예시 이미지

Hotjar에서 제공하는 히트맵은 사이트의 스크린샷 위에 색깔 별로 어느 위치에 어느 이벤트가 이루어졌는지 시각적으로 표시해준다.

히트맵 포맷은 2가지가 있는데, 1000건의 데이터를 수집할 수 있는 Manual과 Hotjar가 알아서 데이터를 수집하고 보여주는 Continuous가 있다. 사용할 수 있는 포맷은 플랜(요금제)에 따라 달라진다.

 

내가 생각하는 Hotjar의 장점이라면, 디바이스 (데스크탑, 태블릿, 모바일)와 이벤트 타입(클릭, 터치, 커서 이동, 스크롤)로 구분하여 데이터를 확인할 수 있어 환경에 맞는 사용자의 행동을 분석하여 UX나 UI 개선 사항을 확인하기에 효과적이라고 생각된다.

하지만 아쉬운 점이 존재하는데... 나는 서비스 분석에 Hotjar를 무료 플랜으로 사용하고 있어, Continuous 타입을 사용할 수 없다는 점.

Recording

Hotjar가 제공하는 기능 중에 하나인 Recording은 사용자가 한 행동을 추적하고, 마치 영상처럼 보여준다!

이 기능이 신기한 점은 사용자의 클라이언트에서 영상 녹화를 하는게 아님에도 불구하고, 영상 녹화보다 더 자세한 정보를 표시한다.

이미지

이는 내가 팀 프로젝트로 운영 중인 myWallets 분석 화면인데, 사용자가 어느 부분을 클릭하고 마우스를 어디로 이동하였는지에 대한 상세한 정보를 시각화하여 표시한다.

또한 이 행동들을 마치 영상처럼 되감기, 빨리감기 할 수 있고. 일시정지 물론 가능하다.

 
이미지

시각화를 해 줄 뿐만 아니라, 실제로 어느 오브젝트에 어느 이벤트가 발생하였는지 세션 시간에 따라 구분하여 볼 수도 있다.

 
이미지

실제 영상이나 스크린샷이 아니기 때문에 가끔씩은 요소가 깨지기는 하지만, 분석하는데에는 큰 문제가 없다고 생각한다.

 

여담이지만, 나는 이 쯤에서 약간 무서워지기 시작했다. Hotjar를 사용하는 서비스 내에서는 내 행동이 모두 녹화되고 있다는 것이 아니겠는가... ㅋㅋㅋㅋ

Feedback

Hotjar에는 사용자의 의견을 수렴할 수 있는 간단한 설문 툴도 제공한다.

Feedback 기능도 Incoming과 Surveys 2가지가 있는데, Feedback 기능은 사용해보지 않았다. 대체재가 많은 뿐더러, 아직까지는 서비스가 그렇게 거대하지 않기 때문이다.

 

마치며

Hotjar에서 제공하는 분석 기능을 중점적으로 글을 적어나갔지만, 굳이 Hotjar일 필요는 없다. 히트맵 분석 서비스는 여러 대체재도 많고, Recording 같은 강력한 이벤트 분석 툴(??)에 대한 대안을 찾지는 못하였기 때문에 여전히 나에겐 Hotjar는 서비스 개선을 위한 분석 툴로써는 상당히 강력하고 매력 있는 기능들을 제공해주고 있다.

부족하고 긴 글이지만 끝까지 읽어준 분들께 감사하며, 글을 마치겠다. 🙇

hotjar
프로필 이미지
Dohyun Jung (도다)

즐거운 개발을 추구하는 개발자 🧑‍💻


댓글 컴포넌트 로딩 중...