Session replay, 사용자의 화면을 그대로 재생

한 줄로

사용자가 본인 사이트에서 무엇을 했는지 비디오처럼 재생할 수 있는 도구입니다. 2010년대 중반 등장해 사용성 분석의 게임체인저가 됐습니다.

어디서 왔나

기존 분석 도구 (Google Analytics 등)는 숫자를 보여줬습니다. "100명이 가입 페이지에 왔고, 그중 30명이 가입 완료"같은 식입니다. 어디서 떠났는지는 페이지 단위로만 알 수 있었습니다.

Session replay는 다릅니다. 각 사용자의 마우스 움직임, 클릭, 스크롤, 폼 입력을 그대로 기록하고, 비디오처럼 재생합니다. 어디서 헷갈렸는지, 어떤 버튼을 못 찾았는지, 어떤 에러를 봤는지가 직접 보입니다.

대표 도구는 다음과 같습니다.

FullStory (2014): 첫 본격 session replay 도구.

Hotjar (2014): heatmap + session replay 결합.

Mouseflow: 폼 분석 특화.

Microsoft Clarity (2020): 완전 무료이고 한국어를 지원합니다. 1인 랩이 가장 빨리 시도해볼 도구입니다.

어떻게 작동하나

자바스크립트 스크립트가 사용자 브라우저에서 DOM 변화, 마우스 좌표, 키 입력을 기록합니다. 단, 실제 영상이 아니라 DOM 상태와 이벤트 시퀀스를 저장하므로 데이터 크기가 작습니다.

재생할 때는 그 이벤트를 다시 실행해 화면을 재구성합니다. 사실상 "시간 역행" 디버깅입니다.

분석 가치

이탈 지점: 사용자가 어디서 멈췄는지 정확히 봅니다.

분노 클릭(Rage Click): 같은 버튼을 연속 5번 클릭하면 안 눌린 것으로 사용자가 인식합니다.

죽은 클릭(Dead Click): 클릭 가능해 보이는데 실제 안 되는 영역입니다.

폼 어디서 막힘: 어느 필드에서 작성을 포기하는지.

프라이버시

session replay는 사용자 정보를 기록하므로 GDPR/CCPA 대상입니다. 권장 사항입니다.

민감 정보 마스킹: 비밀번호, 신용카드, 주민번호는 점(•••)으로.

명시적 동의: 쿠키 배너에 "분석 도구 사용" 별도 옵션.

데이터 보관 기간 제한: 30~90일 후 자동 삭제.

대부분의 도구가 이런 기능을 기본 제공합니다.

바이브 메이커가 챙길 한 가지

Microsoft Clarity를 본인 사이트에 1시간만 설치해 봅시다. 첫 10명의 세션을 보면 본인이 디자인한 것과 사용자가 실제 쓰는 모습 사이의 차이가 드러납니다. 그 차이가 다음 우선순위가 됩니다.

관련

Heatmap · A/B Testing · Hallway testing