녹음 세션 및 행동 분석

1) 소개

녹음 세션은 화면 및 이벤트 콘솔의 비디오 트랙과 동기화 된 인터페이스 (클릭, 이동, 스크롤, 입력, 오류, UI 상태) 와의 사용자 상호 작용의 재구성입니다. 행동 분석은 일련의 사건을 통찰력으로 바꿉니다. 사람들이 길을 잃고 화를 내고 도전하는 이유와 이유.

목표: 마찰 지점을 더 빨리 찾고 Time to Value를 줄이고 주요 행동 (등록, 예금, 게임 시작, 토너먼트 참여) 의 전환을 늘리십시오.

2) 특히 유용 할 때 (iGaming 시나리오)

온 보딩 및 KYC: 사용자가 확인 단계에 갇히는 위치를 이해합니다.
현금 (예금/인출): 검증 오류, 이해할 수없는 수수료/제한, 마지막 단계에서의 취소.
게임 카탈로그/검색: 명백하지 않은 필터, 카드의 "잘못된 클릭", 데모 및 실제 출시 간의 혼동.
토너먼트 및 프로모션: 규칙 읽기, 상품 클릭, 조건 오해.
모바일 시나리오: 히트 영역, 플로팅 요소 겹침, 나쁜 네트워크 동작.

3) 정확히 고쳐야 할 것

UI 이벤트: 클릭, 탭, 스크롤, 포인팅 (데스크톱), 초점/흐림.
구성 요소 상태는 '비활성화', '로딩', '오류', '성공', 끈적 끈적한 및 플로팅 블록입니다.
오류 및 예외: 프론트 유효성 검사기, API 응답, 타임 아웃, 네트워크 오류.
전환 및 실패: 경로 변경, 모델 폐쇄, 이전 단계로의 롤백.
기술적 맥락: 장치, OS, 브라우저, 포트 크기, 지연 (CLS/LCP/INP).

4) 행동 분석 지표

작업 별 성공률 (사용자가 대상 동작에 도달했는지 여부).
작업/TTV 시간-가치/단계 완료 시간.
FMC (First Meaningful Click) -목표에 대한 첫 번째 중요한 클릭.
분노 클릭 속도-한 지점에서 1-2 초 안에 3 클릭 이상.
데드 클릭 쉐어-결과없이 클릭합니다 (전환/이벤트 없음).
오류율 - 오류율 (유효성 검사/상태/예외).
역 추적 속도-이전 흐름 단계로의 수익률 비율.
Forandonment @ Step-특정 단계 (결제, KYC, 온 보딩) 에서 관리하십시오.

깊이 p50/p90 스크롤-STA/규칙/양식까지 깊이보기

등록/예금 변환, 보존, LTV 프록시 등 비즈니스 지표와 연계하십시오.

5) 샘플링과 표현

기본 샘플: 주요 화면에서 트래픽의 10-30%; 100% - 중요한 오류 및 드문 시나리오.
세그먼트: 신규/반환, VIP, 지오, 채널 (유기/유료/추천), 장치.
노이즈 필터: 봇, 익스트림 스크롤 속도, 배경 탭, 상호 작용없이 재생.
기간: 출시 전/후 7/28 일 이상 지속됩니다.

6) 주석과 워크 플로

• 문제: "게임 카드의" Megaways "배지에서 Dead Clicks 22%".
• 원인 가설: "배지는 필터 버튼과 시각적으로 유사합니다".
• 솔루션: "배지를 클릭 할 수없는 스타일로 만들거나 필터링 동작을 추가하십시오".
• 예상 효과: "-50% 데드 클릭, + 8-12% FMC 게임 출시".
• 우선 순위: P1 (키 경로를 차단 )/P2/P3.
• 수락 기준: 명확한 메트릭 임계 값.

7) 개인 정보 보호 및 준수

입력 마스킹: 이메일 필드, 지도, 문서, 채팅-문자 및 선택자를 완전히 숨깁니다.
PII/금융: 가치를 기록하지 마십시오. 토큰 화 식별자; 익명화 IP.
쿠키/동의: 'DNT' 존중, 동의 배너 표시 (옵트 인/옵트 아웃), 레코드/히트 카드에 대한 별도의 정책.
액세스 및 감사: 누가 녹음을 시청하고 왜; 로그 탐색; 유효 기간 (예: 30-90 일).
삭제할 권리: 주문형 사용자 세션 (DSAR) 을 지우십시오.
보안: 저장 및 전송 중 암호화; 수출 제한.

8) 기술 구현 (권장 사항)

(데이터 계층): 'ui _ click', 'ui _ orm', 'ui _ state _ change', 'route _ change', 'network _ orr', 'execution _ 변형'.
안정적인 선택기: '데이터 세션 영역', '데이터 구성 요소-id'; "깨지기 쉬운" CSS 체인을 피하십시오.
A/B로 글루잉: 가지별로 비교하기 위해 'setion _ id' 및 'variant' (PII 제외) 를 유지하십시오.
성능: 배치 이벤트, FPS 기록 제한, 성능이 저하 될 때 적응 형 샘플링 사용.
모바일 기능: 가상 키보드 회계, 다운로드 재활용, 제스처 (스 와이프, 새로 고침).
네트워크 진단: 로그 RTT, 타임 아웃, 취소-종종 UX를 "파괴" 하는 네트워크입니다.

9) 분석 패턴 (찾아야 할 것)

소개/배너 후 조기 치료-P1이 보이지 않거나 명확하지 않습니다.
순환은 콘텐츠/유효성이 불분명 한 두 단계 사이에서 반환됩니다.
일련의 형태 오류-약한 마이크로 카피, 나쁜 예, 엄격한 마스크.
대상이 아닌 영역 (긴 커서 동결 프레임) 에 중점을 둡니다. 계층 구조 및 대비가 깨졌습니다.
히트 영역 누락-너무 작은 목표, 겹침 (끈적 끈적한/부유).
릴리스 전후 실패-오류 속도/Abandonment @ Step 서지.

10) 행동 분석 대시 보드 (최소)

세션 개요: 샘플 볼륨, 모바일/데스크톱 공유, 채널별로 나뉩니다.
깔때기 재생: Flowe는 매 휴식 시간마다 "시계 샘플 세션" 을 클릭하여 단계를 밟습니다.
분노/죽은 동향: 페이지 유형 및 세그먼트별로 역학.
오류 열: 기록 참조가있는 최고 오류 맵 (검증/API).
가치 시간: 주요 작업을위한 중간/정량.
릴리스 비교 (전/후): 델타 메트릭 및 대표 레코드에 대한 점프 링크.

11) 열지도 및 품질 방법과의 통합

삼각 측량: 기록 세션 (이유) + 열 맵 (여기) + 깔때기 메트릭 (수).
인터뷰/설문 조사: "왜 그렇게 했습니까? ».
지원/티켓: 빠른 진단을위한 티켓으로 세션 ID를 준수하십시오.

12) A/B 및 인과 분석

각 가설에 대해 대상 UX 메트릭 (Rage/Dead/Backtra) 및 비즈니스 메트릭 (변환, TTV) 을 수정하십시오.
A/B 브랜치의 레코드 비교: 주의 경로가 변경되는 경우 오류 및 오류 수가 감소합니다.
"두 개의 클립을 보지 말고 결론을 내리십시오": 대표 샘플과 신뢰 구간을 사용하십시오.

13) 역할 및 프로세스

UX 연구원: 질문을 공식화하고 샘플을 계획하며 패턴에 주석을 달았습니다.
제품/분석가: 비즈니스 KPI와 연결하여 작업의 우선 순위를 정합니다.

디자이너/프론트 엔드: 편집을 구현하고 구성 요소 상태를 모니터링합니다

QA/지원: 회귀에 사례를 추가하고 사용자 불만을 백 로그로 전송하십시오.
주간 분석: 30-60 분, 5-10 클립, P1 우선 순위의 3-5 작업.

14) 반 패턴

"밝은" 단일 사례에 대한 결론을 도출하십시오

개인 정보 보호 및 마스킹을 무시하

모바일/데스크톱을 하나의 출력으로 혼합하십시오

목표없이 기록을보고 → 번 아웃, 결과 부족.
A/B 전후에 확인하지 않고 진단하십시오.
"Cult of Clip": 가설의 증거가 아닌 프리젠 테이션 장식으로 클립.

15) "검토 후 기록" 작업에 대한 수락 기준

업데이트 된 계층 구조 안내서 (이유가 우선 순위/대비 인 경우

문제, 가설, 해결책, 예상 효과 및 지표가 설명됩니다.
임계 값이 설정됩니다 (예: 최대 <1까지 분노를 클릭하십시오. 5%).
출시 전/후에 체크인 기능 + 선택적 레코드 수정.
완료된 접근성 점검표 (포커스 스타일, 적중 영역, 대비).

16) 시작하기 전에 짧은 체크리스트

1. 목표와 주요 시나리오 목록이 있습니까?
2. 마스킹, 사용자 동의 및 스토리지가 구성되어 있습니까?

3. 샘플과 세그먼트가 정의 되었습니

4. 영역 라벨링 및 일관성 선택기가 준비 되었습니까?
5. A/B 및 깔때기가있는 번들 포함?
6. 정의 된 의미 및 우선 순위 형식?
7. Rage/Dead/Error/TTV 트렌드가 포함 된 준비된 대시 보드?

17) TL; DR

UX의 녹음 세션- "현미경" 은 실제 마찰과 행동 패턴을 보여줍니다. 안전하게 (마스킹, 동의), 체계적으로 (샘플, 세그먼트, 주석), 인과 관계 (A/B, 전/후) 및 생산적으로 (메트릭 → 작업 → 효과) 수행하십시오. 결과적으로 소음이 적고 가치가 빠르며 변환이 높아집니다.