사용자에게 “steps to reproduce”를 요구하지 마세요. 실시간으로 세션 중단을 관찰하세요

Source: Dev.to

The Problem

사용자로부터 “결제 과정이 깨졌다”는 추가 정보 없이 단순히 한 줄만 받는 것이 가장 최악의 메시지입니다—브라우저 정보도, 콘솔 로그도, 아무것도 없습니다. GA4를 들여다보며 어디서 이탈이 발생했는지 파악하려 하지만, 집계된 데이터는 프론트엔드 문제를 디버깅하는 데 전혀 쓸모가 없습니다. API 타임아웃인지, 숨겨진 요소 때문인지, 아니면 사용자가 이상한 행동을 했는지 알 수 없습니다.

몇 주 전에도 바로 이와 같은 골칫거리를 겪었습니다: 가격 페이지에서 사용자가 이탈하고 있었지만, 그 이유를 전혀 알 수 없었습니다.

Our Approach

추측에 의존하지 않고 세션 녹화와 오류 추적을 결합하기 시작했습니다. 사용자가 막히는 순간을 재생해 보니 정확히 어떤 동작이 트리거됐는지 확인할 수 있었습니다. 결과는 특정 모바일 뷰포트에서 발생한 서툰 레이아웃 버그였으며, 이를 놓쳤던 것이었습니다. 10분 만에 수정했으며 전환율이 상승했습니다.

Introducing Zenovay

이 때문에 Zenovay를 만들었습니다. 사이드바에 “Errors”(오류)와 “Sessions”(세션)을 나란히 배치했습니다. 목표는 분석 도구, 히트맵 도구, 오류 모니터링 도구 사이를 왔다갔다 할 필요를 없애는 것입니다.

오류 급증을 확인하고 클릭하면, 해당 오류를 일으킨 사용자의 정확한 세션을 바로 볼 수 있는 간단한 대시보드를 원했습니다.

How You Can Help

우리는 거대한 구글 독점을 대체하려는 작은 부트스트랩 개발팀입니다. 현재 사용자 수는 200명 미만이며, 다른 개발자들의 솔직한 피드백을 찾고 있습니다.

핵심 추적 기능을 제공하는 무료 플랜을 제공하고 있습니다. 사이드 프로젝트에 우리 스크립트를 삽입해 오류 추적 및 세션 재생을 테스트해 주실 수 있다면 알려 주세요. UI와 워크플로에 대한 건설적인 피드백을 주시는 대가로 몇 달 동안 프로 플랜으로 업그레이드해 드리겠습니다.

이는 자기 홍보가 아니라 독점 권력에 맞서 개발자들의 시간을 실제로 절약해 주는 도구를 만들기 위한 것입니다. 어떤 피드백이라도 감사히 받겠습니다.