구매고객의 전환 과정
본적이 있으세요?
전환율 개선의 비밀!

“전환 고객 여정”을 통해 구매 페이지에
다다르는 과정을 자세히 볼 수 있습니다.

무료로 시작하기

봐도봐도
모르겠는 데이터,
맨날 똑같은 데이터만
보고 계시진 않나요?

완전히 새로운 UX Heatmap으로 남다른 이야기를
시작해 보세요.
데이터 전문가 처럼 보일겁니다!

무료로 시작하기

데이터 하나 얻으려고
얼마나 많은 요청을
하셔야 했나요?

말도 안되게 쉽고, 진짜 코드 하나만으로
끝나는
데이터 수집, 뷰저블이 제공합니다.
데이터 분석에만 집중하게 해드릴게요!

무료로 시작하기

뷰저블의 Journey Map, UX Heatmap과
함께하는 Data-Driven UX는
다릅니다!

서비스를 한눈에
모니터링하세요.

시각화된 고객 여정으로 서비스 내 개선이 필요한 구간을 한눈에 점검할 수 있습니다.

실패 원인을 파악하고
개선안 도출까지 원스탑으로!

고객의 자세한 행태와 동선을 파악하고 자세한 실패 원인을 분석하여 개선안을 도출할 수 있습니다.

공부하지 마세요!
분석을 바로 시작하세요.

데이터 전문가가 아니어도,
단지 보는 것만으로도 충분합니다.

한줄의 코드 설치로
모든 준비가 완료됩니다.

서비스 점검부터 개선까지
한줄의 코드 설치만으로 시작할 수 있습니다.

서비스를 한눈에
모니터링하세요.

시각화된 고객 여정으로 서비스 내 개선이 필요한 구간을 한눈에 점검할 수 있습니다.

실패 원인을 파악하고
개선안 도출까지 원스탑으로!

고객의 자세한 행태와 동선을 파악하고 자세한 실패 원인을 분석하여 개선안을 도출할 수 있습니다.

공부하지 마세요!
분석을 바로 시작하세요.

데이터 전문가가 아니어도,
단지 보는 것만으로도 충분합니다.

한줄의 코드 설치로
모든 준비가 완료됩니다.

서비스 점검부터 개선까지
한줄의 코드 설치만으로 시작할 수 있습니다.

지금 뷰저블로
고객 경험 개선 을 시작하세요!

다양한 업종에서 고객 경험 개선에
뷰저블을 활용합니다.

전체보기

뷰저블과 함께 실무자들이
노하우를 공유하는 공간,
인사이트를 함께 나눠보세요.

전체보기

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

안녕하세요, 뷰저블 입니다. 😀 분석리포트 작성 가이드 마지막편! 이번 시간에는 UX Heatmap으로 분석하는 방법에 대해 몇가지 소개해드리려고 합니다.[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석 UX Heatmap은 페이지별/콘텐츠별 행동 분석을 하는 도구로 As-is/To-be 확인이 필요한 경우, Painpoint 분석 등을 위해 활용됩니다. '결과에 대한 원인 파악, 개편 전/후 UX개선 성과 분석' 를 확인하실 때, 활용하시면 더 좋아요. ☺️  1. 페이지 탐색 1-1. 소비 현황 분석: 스크롤  1-1-1. 목적페이지 내 탐색 의지 확인실제 콘텐츠 도달 여부 확인 1-1-2. 위치UX Heatmap > Reporting Heatmaps > Scroll 1-1-3. 확인 내용Scroll 히트맵의 높이별 사용자 도달 비율(%) 1-1-4. 인사이트특정 높이에 위치한 콘텐츠 별로 화면에 노출된 고객 규모를 파악하여 소비 여부 판단높이별 도달 비율의 차를 통해서 고객의 탐색 중단율(%)을 확인함1-2. 소비 현황 분석: 노출  1-2-1. 목적동적인 인터랙션이 필요한 콘텐츠, 가변 콘텐츠 등의 실제 콘텐츠 도달 여부 1-2-2. 위치UX Heatmap > Reporting Heatmaps > Live Heatmap > 노출(Exposure) 1-2-3. 확인 내용노출(Exposure)의 노출도(브라우저 화면에 CTA가 노출된 확률) 확인노출도 계산 방법: 해당 콘텐츠가 노출된 PV / 전체 PV (%) 1-1-4. 인사이트콘텐츠 종류인사이트Depth가 있는 UI진입 전/후 콘텐츠의 노출을 비교하여 콘텐츠 소비 효율 확인 (ex. 하위 메뉴 소비는 GNB 노출 대비 91.7% 감소)캐러셀/자동갱신 콘텐츠콘텐츠의 소비 여부를 확인하여 효과적인 콘텐츠 제공 갯수 확인인터랙션에 의해 변경되는 UI콘텐츠의 노출률을 통해 인터랙션을 수행한 사용자 비율 확인 1-3. 소비 현황 분석: 스와이프 [1-3 그림 1] Vertical: 페이지 내에 발생한 상/하 Swipe[1-3 그림 2] Horizontal: 페이지 내에 발생한 좌/우 Swipe 1-3-1. 목적스와이프 인터랙션이 필요한 영역/콘텐츠 소비 여부 확인 1-3-2. 위치UX Heatmap > Reporting Heatmaps > Swipe (Phone) 1-3-3. 확인 내용Vertical: 상(▲) 하단으로 스와이프한 경우, 하(▼) 상단으로 스와이프한 경우Horizontal: 좌(◀︎) 좌측으로 스와이프한 경우, 우(▶︎) 우측으로 스와이프한 경우 1-3-4. 인사이트스와이프인사이트Vertical스와이프가 끊긴 구간: 사용자가 빠르게 스와이프하며 훑고 지나간 구간으로 해석 가능 (소비 효율 낮음)Horizontal스와이프 캐러셀/메뉴 영역: 콘텐츠 탐색을 위한 사용자의 인터랙션이 발생하는지 여부 판단스와이프 콘텐츠가 없으나 스와이프가 높게 나타나는 경우: 추가 콘텐츠를 기대하고 탐색한 영역이거나 인앱 영역/모바일 디바이스 환경에 따른 인터랙션일 수 있음1-4. 탐색 흐름 분석: Path  1-4-1. 목적사용자를 대표하는 탐색 흐름과 체류 시간 정보 파악 1-4-2. 위치UX Heatmap > Reporting Heatmaps > Path (PC) 1-4-3. 확인 내용 지표확인 내용사용자 탐색 흐름사용자의 탐색 흐름 순서 확인사용자 행동사용자가 탐색한 콘텐츠에서 발생한 이벤트 종류 확인체류 시간사용자가 탐색한 콘텐츠에서의 체류 시간 확인 1-4-4. 인사이트Engagement 그룹: 서비스를 적극적으로 탐색하는 사용자가 주목한 콘텐츠가 무엇인지 확인하여 주요 전환 CTA로 활용하거나 관련 콘텐츠를 강화할 수 있음Conversion/Non-Conversion 사용자 간의 탐색 흐름에 차이가 있는지 확인하여, 이탈 원인 파악이 가능함2. 콘텐츠 전환 2-1. CTA 전환 효율 확인  2-1-1. 목적사용자의 요구사항, 목적지 우선순위, 관심 분포 이해 2-1-2. 위치UX Heatmap > Reporting Heatmaps > Click/TapUX Heatmap > Reporting Heatmaps > Live Heatmap > Click/Tap 2-1-3. 확인 내용Click/Tap PV Rate(%): 클릭을 일으킨 방문자 비중Click/Tap PV Rate 계산 방법: 전체 PV 중 클릭/탭한 PV(%) = Unique Click/Tap = 순 클릭/탭무효 클릭 확인: 클릭 영역이 아님에도 히트맵이 표시되어 있거나, 모바일의 경우 더블탭 아이콘이 표시된 영역 포함 2-1-4. 인사이트Click/Tap PV Rate도달률/노출률 대비 Click/Tap PV Rate 을 확인하면 위치/노출 등의 변수가 제외되어, 실제 해당 콘텐츠의 전환 성과로 해석할 수 있음무효 클릭사용자가 버튼으로 오인하거나 추가 정보를 기대하는 영역으로 UI 개선 필요2-2. CTA 세그먼트 탐색 비교  2-2-1. 목적회원가입, 결제 버튼 등 중요 요소를 선택한 사용자의 특성 파악 2-2-2. 위치UX Heatmap > Segmenting CTA 2-2-3. 확인 내용Segmenting CTA에서 특정 CTA를 클릭한 사용자/클릭하지 않은 사용자로 세그멘팅하여 행동 패턴 비교 (이벤트, 유입경로, 방문 비율, 체류시간 비교) 2-2-4. 인사이트유입경로 분석을 통해 마케팅 성과 또는 의존도 파악전체 UV 대비 CTA의 UV를 비교하여 페이지 내에서의 버튼 영향력 파악체류시간을 비교하여 페이지 탐색 정도 파악3. 콘텐츠 인지 3-1. 관심 영역 확인 [3-1 그림1] Reporting Heatmaps > Move[3-1 그림2] Live Heatmap > Move3-1-1. 목적사용자에게 전달된 콘텐츠, 페이지 내 응시 지점 분포 이해 (클릭 히트맵과 교차 분석을 통해 사용자의 요구사항 일치도 파악) 3-1-2. 위치UX Heatmap > Reporting Heatmaps > Move (PC)UX Heatmap > Reporting Heatmaps > Live Heatmap > 무브(Move) (PC) 3-1-3. 확인 내용지표확인 내용Move Heatmap마우스 무브가 밀집되어 있는 영역 확인Hover to Click(%)호버 대비 클릭한 비율계산 방법: Hover 횟수 / 클릭 횟수 (%)Hover → Click호버하여 클릭하기까지 걸린 평균 지체 시간계산 방법: Avg(클릭한 시각 - 클릭 이전 Hover한 시각) 3-1-4. 인사이트지표인사이트Move Heatmap밀집되어 있는 경우: 고객의 관심이 높은 영역, 개선할 경우 큰 효과를 얻을 것으로 기대무브가 없는 경우: 고객의 관심이 떨어지는 영역, 중요 콘텐츠일 경우 UI 개선 필요Hover to Click(%)지표가 비교적 높은 경우: 고객의 니즈에 부합한 콘텐츠로 해석지표가 비교적 낮은 경우: 관심이 선택으로 이어지지 않았으므로 원인에 대해 검토 필요 (레이블, 인터랙션을 방해하는 요소가 있는 지 등)Hover → Click소요시간이 긴 경우: 사용자가 망설였거나 이해하지 못했을 가능성 존재소요시간이 짧은 경우: 결정까지 어려움이 없다고 해석3-2. 콘텐츠 사이즈 적합성 확인  3-2-1. 목적적절한 콘텐츠/텍스트 제공 사이즈 확인 3-2-2. 위치UX Heatmap > Reproting Heatmaps > Zoom (Phone) 3-2-3. 확인 내용Zoom in, Zoom out 위치 및 비율 확인 3-2-4. 인사이트Zoom 인터랙션이 발생하는 콘텐츠가 너무 작거나 혹은 큰지 판단할 수 있으며, 텍스트의 경우 가독성이 떨어지는지 검토하여 UI 개선 가능지금까지 뷰저블을 활용하여 분석 보고서 작성하는 방법에 대해 소개해드렸습니다. 소개드린 분석 방법은 기본적인 이벤트 분석 방법으로 이외에도  2개 이상의 이벤트를 교차분석하거나, 유입경로, UTM, 방문 여부 등 세그먼트를 변경해 구체적인 퍼소나를 분석하는 방법들도 있습니다. 분석 목적, 원하는 분석 대상에 따라 다양한 리포트를 활용하여 리포트를 작성해 보세요!  소개드린 가이드가 실무에 많은 도움이 되었으면 좋겠습니다. ☺️그럼 다음에도 실무에 유용한 꿀팁들을 알려드리러 다시 돌아올게요! (가이드의 이전 편들은 아래에서 퀵링크로 빠르게 확인하실 수 있어요.)시리즈 이어서 보기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석▷데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석

안녕하세요. 뷰저블입니다 :) 데이터 분석 4번째 시간으로 본격적인 분석에 들어가볼텐데요, 뷰저블의 2가지 서비스 중 Journey Map을 활용한 분석 예시를 먼저 소개해드릴게요![목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석 Journey Map은 페이지 간 고객 여정을 확인하는 도구로 서비스 모니터링을 위해 활용됩니다. '예상 외의 성과 구간 확인, 고객 탐색 흐름 파악, 목표 도달 이전 이탈 과정 확인'을 하실 때, 활용하시면 좋습니다.  1. 주요 지표 1-1. 기간별 트래픽 추이 확인[1-1 그림 1] Journey Map > 대시보드 > Weekly[1-1 그림 2] Journey Map > 시계열 그래프1-1-1. 목적사용자의 방문 패턴 확인마케팅 효율이 높은 기간 확인 1-1-2. 위치Journey Map > 대시보드 > WeeklyJourney Map > 시계열 그래프 1-1-3. 확인 내용지표확인 내용M , W , D , H기간별(월,주,일), 시간별 패턴 확인Session고객이 페이지에 진입 후 종료한 하나의 고객 여정PV페이지 방문 수 1-1-4. 인사이트기간별, 시간별 트래픽 패턴을 확인하여 효과적인 마케팅 활용 가능세션이 많은 시간 = 세션이 시작된 시간을 집계하므로 서비스 최초 유입이 많은 시간으로 해석 가능PV가 많은 시간 = 페이지 방문이 가장 많은 시간이므로 사용자 탐색이 가장 활발한 시간으로 해석 가능 1-2. 서비스 개요 확인1-2-1. 목적서비스 현황 파악기간별 세션 탐색 패턴 확인평균(대표)값을 통한 다른 지표 긍정/부정 판단 1-2-2. 위치Journey Map > Ranking 1-1-3. 확인 내용지표확인 내용Session Summary1세션 당 페이지 수, 세션당 평균 체류시간PV Top 20 Summary지표별 평균 값 확인 1-1-4. 인사이트지표확인 내용Session Summary1세션당 페이지 수사용자가 서비스에 진입해서 평균적으로 살펴보는 페이지 수로 해석 가능사용자가 소비하는 페이지 수를 확인하여 퍼널 설계 필요세션당 평균 체류시간사용자가 서비스 진입 후, 평균적으로 서비스에 머무르는 시간 확인을 통해 콘텐츠 설계 필요PV Top 20 Summary지표 평균 값여정 내 지표의 높고 낮음을 판단할 수 있는 기준으로 활용하여 긍정적/부정적 변화를 판단기간별 평균값 등락을 비교하여 활동 추이 확인1-3. 대표 페이지 확인1-3-1. 목적개선 효율이 좋은 페이지 확인사용자의 방문 목적 및 관심 파악 1-2-2. 위치Journey Map > Ranking 1-1-3. 확인 내용Ranking > 전체 PV, 상위 20위 페이지 PV 1-1-4. 인사이트페이지 PV / 전체 PV = 서비스 전체 트래픽에서 해당 페이지 트래픽이 차지하는 비중문제점 개선 효과가 가장 좋은 페이지 확인고객의 관심이 높은 주요 페이지 확인2. 여정 분석 2-1. 랜딩 페이지 분석2-1-1. 목적서비스 주요 랜딩 페이지 확인여정의 시작 확인 2-1-2. 위치Journey Map > Journey  2-1-3. 확인 내용여정의 1번째 순서 & 1~6순위까지 조회 2-1-4. 인사이트지표인사이트이탈률이 낮은 랜딩 페이지 확인전환 효율이 좋은 페이지로 유입이 증가할 수 있도록 마케팅 진행해당 페이지에서 시작하는 주요 여정을 개선하여 퍼널 개선랜딩 페이지의 체류시간 확인랜딩 페이지에서의 체류시간이 긴 경우, 콘텐츠를 이해하기 어려워하거나 다음 탐색 여정을 발견하기 어려울 수 있으므로 개선 필요랜딩 페이지의 체류시간이 짧은 경우, 브릿지 역할로써 다음 페이지로의 빠른 전환을 유도하는 긍정적 신호일 수 있으나, 이탈이 높다면 고객의 주목을 끌만한 콘텐츠가 제공되지 않는 것으로 해석되어 개선이 필요2-2. 과업별 패턴 분석 2-2-1. 목적여정의 패턴 분석목적별 여정 분석 2-2-2. 위치Journey Map > Journey  2-2-3. 확인 내용Journey > Group : 여정에 그룹 별로 컬러/태그가 입력되어 목적에 따라 빠르게 여정을 식별할 수 있음 2-2-4. 인사이트과업별로 그룹을 구분하여 조회하는 경우, 고객의 인입 목적 ,주요 관심사를 확인하여 해당 여정 강화 및 콘텐츠 개선이 가능함과업의 최종 목표를 고객이 도달/수행하는 지 확인하여 KPI 측정 가능함 (예시: 검색을 통해 특정 페이지에 도달하는지, 구매 완료 페이지까지 도달하는지, 콘텐츠 페이지를 의도한 N개 이상 조회하는지 등)2-3. 도달 전/후 여정 분석[2-3 그림 1] Target > 도달 이전 여정[2-3 그림 2] Target > 도달 이후 여정2-3-1. 목적목표 페이지 도달 전/후 여정에서 목표 달성을 방해하는 구간 점검 2-3-2. 위치Journey Map > Journey > Targets 2-3-3. 확인 내용도달 이전 여정: 어떤 경로를 통해 페이지에 도달하는 지 과정을 확인함도달 이후 여정: 타겟을 거쳐간 사용자가 어떤 콘텐츠에 관심을 갖고 여정을 진행하는 지 확인함 2-3-4. 인사이트기대한 여정과 다르다면, 실제 사용자가 거쳐가는 여정과 비교하여 사용자의 실제 관심사를 확인하고 여정 내 페이지를 개선할 수 있음 (예시: CTA, 레이아웃, 콘텐츠 내용 등)타겟으로 전환을 증가시키고 싶다면, 이전 여정 중 트래픽이 높은 페이지에서 타겟으로 전환하는 CTA 개선을 통해 효과적인 전환 상승을 기대해볼 수 있음타겟에서 다음 페이지로의 전환을 증가시키고 싶다면, 실제 사용자의 관심이 높은 +1 단계 페이지들로 향하는 CTA를 강화하여 전환 상승을 기대해볼 수 있음Journey Map을 활용한 데이터 분석, 어떠셨나요?이번 시간에는 세그먼트를 활용한 심화분석이나 교차분석은 제외하고, 비교적 쉽게 적용해볼 수 있는 분석방법을 선정해서 소개해드렸어요. 위 예시를 활용해보시다가 여정 분석에 익숙해지시면 차근차근 뷰저블의 다양한 기능들을 활용해보시면 더 좋을 것 같습니다. ☺️ 위 예시를 적용해보시는 것도 중요하지만, 무엇보다도 고객의 전체 여정 속 유의미한 인사이트를 발견하기 위해서는 명확한 분석 목표와 기준이 있어야 해요! 앞선 목표 설정, 대상 설정, KPI 설정부터 차근차근 따라오시길 추천드려요. 지난 글은 아래 '시리즈 이어서 보기'에서 확인하실 수 있습니다. 그럼 다음은 페이지/콘텐츠를 분석할 수 있는 'UX Heatmap' 분석편으로 돌아올게요! 감사합니다.시리즈 이어서 보기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정

안녕하세요. 뷰저블입니다. :) 분석 가이드 작성 3번째 시간이에요!이번 글에서는 데이터 분석을 진행하기 전, 꼭 설정해야 하는 KPI 설정을 소개해드리도록 하겠습니다. 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (3) KPI 설정 분석 대상을 설정했다면, 다음은 핵심성과지표(KPI)를 설정하여 서비스의 성과와 현황을 정량적 지표로 측정해 보세요. 분석 대상에 따라 뷰저블 서비스에서 KPI로 설정하실 수 있는 지표 예시를 안내드립니다.    1. 여정 KPI  1-1. 활동 지표 [1-1] 그림 1. Ranking[1-1] 그림 2. Journey 여정 내 지표 예시1-1-1. 위치Journey Map > Ranking, Journey 1-1-2. 기준지표기준계산방법이탈률사용자가 탐색을 중단하는 비중이 줄었는지이탈한 세션/전체 세션(%)롤백률다시 이전 페이지로 돌아가는 불필요한 동선이 줄었는지되돌아온 횟수(PV)/전체 세션(%)새로고침율속도, 네트워크 등으로 인해 새로고침이 발생하는 비중이 줄었는지새로고침 횟수(PV)/전체 세션(%)체류시간콘텐츠 소비가 목적인 단계에서 체류시간이 늘어났는지전체 체류시간/페이지 방문(PV)  1-1-3. 측정 방안랭킹 상단 지표(방문 상위 20개) 또는 노드별 지표 측정  1-2. 세션 지표  1-2-1. 위치Journey Map > Ranking > Session Summary  1-2-2. 기준지표기준계산방법1세션당 페이지 수한 사람이 서비스에 방문하여 둘러보는 페이지가 얼마나 증가했는지전체 페이지(PV)/전체 세션세션당 평균 체류시간한 사람이 페이지당 얼마나 머무르는지전체 체류시간/전체 세션 1-2-3. 측정 방안랭킹 상단 지표 측정2. 페이지 KPI  2-1. 페이지 방문 분석  2-1-1. 위치UX Heatmap > Analytics 2-1-2. 기준지표기준계산방법PV, UV사용자 규모가 얼마나 늘어났는가-Click 이탈률사용자가 페이지를 벗어나지 않는가페이지 내 이동경로가 있는 링크 또는 버튼을 클릭하여 전환하지 않은 PV / 전체 PVUV 당 평균 PV사용자가 몇 회나 페이지를 재방문하는가전체 PV / 전체 UV체류시간사용자가 페이지에 얼마나 머무르는가전체 체류시간 / 전체 UV  2-1-3. 측정 방안Analytics 지표 측정  2-2. 페이지 전환과 이탈 2-2-1. 위치UX Heatmap > Analytics  2-2-2. 기준방문자가 페이지 내에서 링크를 통해 전환하지 않고 얼마나 이탈하였는가를 검토하여 전환/이탈 성과 측정 계산 방법: 방문 흐름의 Conversion/Exit는 페이지 내 이동 경로가 있는 링크 또는 버튼을 클릭하여 전환한/전환하지 않은 비율을 의미  2-2-3. 측정 방안페이지 이탈률 측정 (100% - 이탈률 = 전환율)  2-3. 페이지 탐색  2-3-1. 위치UX Heatmap > Reporting Heatmaps > Scroll Heatmap  2-3-2. 기준방문자가 페이지 내에서 제공된 콘텐츠를 모두 탐색하였는지 검토하여 사용자의 페이지 탐색 성과를 측정  2-3-3. 측정 방안페이지 구간별 스크롤 도달률계산 방법: 페이지 스크롤링에 따른 높이별 사용자의 도달 비율3. 콘텐츠 KPI  3-1. 콘텐츠 전환  3-1-1. 위치UX Heatmap > Reporting Heatmaps > Click / Tap Heatmap & Move Heatmap  3-1-2. 기준특정 콘텐츠(전환 클릭 요소)를 얼마나 클릭/탭 하였는가, 관심을 가진 후 얼마나 클릭/탭 으로 이어졌는가를 통해 전환 성과 측정  3-1-3. 측정 방안콘텐츠 별 Clicks or Taps (횟수)Hover to Clicks (호버 대비 클릭한 비율)  3-2. 콘텐츠 탐색 수치  3-2-1. 위치UX Heatmap > Reporting Heatmaps > Path Plot  3-2-2. 기준페이지 내 Task 수행 횟수와 움직임별 체류 시간을 파악하여 Task 수행 흐름의 원활성, 장애물 파악 3-2-3. 측정 방안사용자 탐색 수차와 탐색 위치별 체류시간 검토  3-3. 콘텐츠 주목  3-3-1. 위치UX Heatmap > Reproting Heatmaps > Move Heatmap, Scroll Heatmap, Path Plot  3-3-2. 기준방문자의 콘텐츠별 체류 시간과 탐색 밀집도를 살펴보며 콘텐츠의 주목 성과 비교  3-3-3. 측정 방안구간별 체류시간, 마우스 Hover 규모, Path Plot 상의 밀집도와 체류시간 검토 구간별 체류시간 (주목도) = (도달율 x 도달 PV만의 체류시간) / 100%마우스 Hover 규모 = 도달한 PV 대비 Hover한 PV  3-4. 콘텐츠 인지  3-4-1. 위치UX Heatmap > Reporting Heatmaps > Move Heatmap  3-4-2. 기준방문자의 특정 콘텐츠에 도달하여 얼마나 인지하고 탐색하였는가를 검토하여 콘텐츠 탐색 성과 측정  3-4-3. 측정 방안호버 비율 = 콘텐츠별 Hover 수 / 전체 PVKPI를 세우면 목표를 더욱 구체적으로 설정할 수 있고, 모든 구성원들이 나아갈 공동의 목표를 가질 수 있습니다. 또한 명확한 방향을 설계할 수 있기 때문에 문제점에 대한 빠른 개선이 가능해집니다. 이번 글을 통해 뷰저블을 활용한 KPI 설정이 조금 더 쉬워지셨다면 좋겠습니다. :)그럼 다음에는 본격적인 데이터 분석 방법을 알려드릴게요!시리즈 이어서 보기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정▷[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정

안녕하세요. 뷰저블입니다. :) 분석 가이드 작성 2번째 시간이에요!이번 글에서는 정해진 목표에 따라, 분석 대상을 어떻게 설정하면 좋을지 소개해드리도록 하겠습니다. 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석분석 프로세스 - (2) 분석 대상 설정 분석 대상 설정은 선정한 목표 달성을 위해 분석할 구체적인 대상을 정하는 단계입니다.  1. 고객 여정  1-1. 대상 설정 이유의도한 여정과 실제로 고객이 서비스를 둘러보는 여정이 어떻게 다른지 비교 분석전체적인 탐색 흐름을 모니터링하고 개선이 필요한 구간/페이지를 확인할 수 있음  1-2. 고객 여정 예시이커머스: 메인 → 제품 상세 페이지 → 장바구니  → 결제 → 결제 완료웹 서비스: 메인 → 체험판 등록 → 실행 → 유료 버전으로 업그레이드콘텐츠 서비스: 메인 → 상세 콘텐츠 → 정기 구독B2B 기업: 메인 또는 상품 페이지 → 문의하기 → 문의 완료  2. 페이지별  2-1. 대상 설정 이유페이지 내 고객의 행동과 탐색 패턴 분석을 통해 문제점에 대한 원인을 발견하고 구체적인 개선안 도출  2-2. 페이지별 예시핵심 여정 속 주요 페이지 (메인 - 상품 목록 - 상품 상세 - 장바구니)점검이 필요한 페이지 (롤백, 새로고침율, 이탈률이 높은 경우)여정의 목표 페이지 (결제 완료 페이지)사용성 개선/점검이 필요한 페이지개선 전/후 페이지방문이 많은 페이지 (Ranking 리포트 참고)  3. 콘텐츠별  3-1. 대상 설정 이유특정 CTA,UI 등 페이지 내 상세 콘텐츠들에 대한 이용 패턴과 활용도를 분석하여 구체적인 개선안 도출  3-2. 콘텐츠별 예시광고 배너주요 CTAGNB 메뉴, 레이어캐러셀 콘텐츠이벤트 랜딩 콘텐츠 이번 글에서는 보고서 작성시 참고하실 수 있도록 설정하실 수 있는 분석 대상 예시를 소개드렸어요.  물론 소개드린 예시 뿐만 아니라, 서비스의 다양한 요소를 분석 대상으로 설정하실 수 있어요. 목표에 따라 상황에 맞는 분석 대상을 설정하시는 것을 추천드릴게요! :) 그럼 다음편에서 다시 만나요~!시리즈 이어서 보기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기

안녕하세요. 뷰저블입니다. :) 이번 시간에는 많은 분들께서 궁금해하시는 뷰저블을 활용한 분석리포트 작성방법에 대해 소개해드리려고 해요!분석 목표를 선정하는 것부터 구체적인 분석 방법까지 차근차근 소개드릴 예정이니 주목해 주세요! 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석분석 프로세스 - (1) 분석 목표 선정 인사이트 있는 분석을 진행하기 위해서는 명확한 목표 선정이 필수입니다. 분석 목표 선정은 왜 분석을 실시하는지에 대해 목표와 방향성을 검토화는 과정이에요.  1. 모니터링모니터링은 서비스 현황을 진단하고 문제점이 없는지 파악하기 위한 용도로 활용됩니다.  1-1. 산출물 예시기간별 정기 보고용 리포트  1-2. 모니터링 활용 방법모니터링은 아래와 같은 대상을 분석할 때 활용할 수 있습니다.  서비스의 단기/장기 목표핵심 여정과 목표 페이지최근 진행된 또는 예정된 이벤트  2. 성과 비교성과 비교는 개선 전에 비해 개선 후 사용자 경험이 나아졌는지에 대한 용도로 활용됩니다.  2-1. 산출물 예시개선 전/후 비교를 통한 성과 보고용 리포트  2-2. 성과 비교 활용 방법성과 비교는 개편 대상이 무엇인지 선정하고, 목적과 KPI에 따라 비교를 진행합니다.  2-2-1. 개편 대상이 무엇인지 GNB 메뉴UI 개편 (ex. 2단 → 1단, 페이지 height 변경)레이아웃 변경캐러셀 변경디자인 개편옵션 변경  2-2-2. 개편 목적, KPI  3. 사용성 점검사용성 점검은 특정 기능에 대한 사용자 이용 패턴을 분석하여 개선점을 도출하기 위한 용도로 활용됩니다.  3-1. 산출물 예시사용성 점검 및 개선 리포트  3-2. 사용성 점검 활용 방법사용성 점검은 분석 대상을 선정하고, 목적과 기획 의도에 따라 점검할 수 있습니다.  분석하고자 하는 기능 (ex. 검색 기능 위젯)기능의 목적과 기획 의도  4. A/B 테스트A/B 테스트는 개선 전 A/B테스트를 통해 최종 반영안의 의사 결정을 내리기 위한 용도로 활용됩니다.  4-1. 산출물 예시A/B 테스트 의사 결정용 리포트  4-2. A/B 테스트 활용 방법A/B 테스트는 먼저 목적,KPI를 정의하고 변경 내용과 의도를 중심으로 비교 분석을 진행합니다.  테스트를 진행하는 목적, KPI개선안에서 변경된 사항들, 기획/수정 의도 이번 글에서는 데이터 분석 보고서 작성을 시작하시기 전, 분석 목표에 대해 정의하실 수 있도록 4가지 예시를 소개드렸어요. 다음 편에서는 보다 구체적으로 분석 대상은 어떻게 설정해야 할 지 안내해 드릴게요!  다음 편은 바로 아래 링크를 통해서 확인하실 수 있어요! :)시리즈 이어서 보기▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편

안녕하세요, Beusable 팀입니다.😊이전 포스팅에서 페이지를 태그와 컬러로 그루핑할 수 있는 'Group' 기능을 소개드렸는데요,오늘은 'Group'을 어떤 상황에서 어떻게 활용할 수 있을지 알려드리고자 합니다. Case Scenario로 배워보는🗂️ Group 활용 방법 🗂️ 목차1. Group 활용의 장점2. Group 활용 시나리오   2-1. 타겟    2-2. 세팅   2-3. 분석 1. Group 활용의 장점태그명과 컬러로 고객의 탐색 패턴을 확인해요!여정 흐름을 태그명과 컬러로 구별할 수 있어, 여정의 패턴이 한눈에 파악된다는 점이 'Group' 기능의 가장 큰 장점입니다.  2. Group 활용 시나리오저번 포스팅을 통해서 Group 기능에 대해서 이해가 되셨다면, 이제 Journey 리포트의 여정 분석 과정에서 Group을 어떻게 활용하는지 알려드릴게요. [ Case ]분석기간에 따라 사용자의 구매 패턴이 어떻게 달라졌는지 확인하고 싶어요!  2-1. 타겟- Journey Map에서 고객 여정을 더 쉽게 빠르게 분석하고 싶은 사용자 - 고객의 구매 패턴별 분류를 통해 개선점을 파악하고 싶은 이커머스 프로덕트 디자이너- 신제품 출시 관련 마케팅으로 유입된 사용자의 흐름을 직관적으로 확인하고 싶은 마케터- 도메인 내 다수 서비스 방문 패턴 분석을 위해 관련 페이지들끼리 분류하고싶은 기획자 2-2. 세팅구매와 관련된 페이지를 선정하여 태그를 추가하고 그루핑합니다.(위치 : '페이지 관리 모드 > 그룹 관리') 1) 목적에 따라 그룹을 생성합니다.ex. 구매 관련, 서비스/상품 관련2) 구별하고자 하는 구매 관련 페이지에 대한 태그를 생성합니다.3) 알아보기 쉽도록 각기 다른 컬러를 지정해줍니다.ex. 태그 생성 및 색상 지정 완료 예시 4) 그루핑 원하는 페이지들 선택 후, 생성한 태그로 이동시켜줍니다. 👀 세팅 예시활용 상황그룹 명 예시태그 예시고객 여정 패턴 분석탐색 패턴 분석메인, Signin, My, 회사 소개, Recruit, Contact  ...    도메인 내 다수 서비스 그루핑 및 관리서비스 별블로그, 커뮤니티, 서비스 A, 서비스 B, 서비스 C  ...  고객 구매 패턴 변화 분석구매 관련상품 상세 페이지, 장바구니, 주문서, 주문 완료  ...신제품 출시 반응 확인24-1분기 신제품신제품 출시 이벤트 페이지, 신제품 A 상세페이지  ...마케팅 성과 확인24. 03 마케팅상품 A, 상품 B, instagram홍보, facebook홍보  ...2-3. 분석세팅 완료된 그룹을 활용해, Journey map에서 여정 패턴을 분석합니다. (위치 : Journey map) 1️⃣ 전반적인 패턴 확인 원하는 분석 기간 및 세그먼트 설정 후, 여정을 자유롭게 조회하며 고객의 탐색 패턴을 확인합니다.세팅한 대로, 여정의 흐름을 태그명과 컬러로 구분하여 패턴을 쉽게 파악할 수 있습니다.ex) 초록색이 많이 보이는 것을 통해 → 3*3 주요 여정 내에서 Product Detail 페이지의 방문이 자주 등장하는 것을 직관적으로 알 수 있습니다.→ 메인 페이지나 이벤트 페이지를 통해 유입이 많이 될 것으로 예상했으나, 개별 상품 페이지로부터의 유입이 더 많은 것을 확인했을 경우, 마케팅 점검이 필요할 수 있을 것으로 생각됩니다. 2️⃣ 기간별 비교 분석원하는 분석 기간 및 세그먼트 설정 후, '주요여정' 기능을 사용해 가장 많이 발생한 여정을 조회합니다.성과 분석 시, 여정의 흐름을 태그와 컬러로 구분할 수있는 덕에 주요 여정의 패턴 변화를 빠르게 파악할 수 있습니다.ex) 분석 예시 2월보다 3월의 구매여정이 더 강화되었습니다.2월과 달리 3월은 장바구니로부터 바로 주문 및 결제로 이어지도록 여정이 개선된 것을 알 수 있습니다.페이지 구조 및 사용성이나 이벤트 프로모션에 변화가 있었는지 알아보고 어떤 요소가 도움이 되었는지 확인해보세요!- 2월의 주요 여정 : ◼︎Basket → ◼︎Product Detail → ◼︎Product Detail- 3월의 주요 여정 :  ◼︎Basket → ◼︎Order → ◼︎Payment   지금까지 보다 쉬운 여정 탐색을 위한 기능 'Group의 세팅 및 활용법을 소개하는 시간이었습니다.지금 바로 Journey에서 고객 여정의 패턴을 컬러로 확인하러 가볼까요~? 😉  앞 시리즈 다시 보기▶[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편▷[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편 페이지 관리 모드에서 그룹 관리하기 Guide▶그룹 관리 방법 더 자세히 보러가기 

[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편

안녕하세요, Beusable 팀입니다.😊오늘은 Journey map의 유용한 기능을 소개드리고자 해요.바로 페이지를 태그와 컬러로 쉽게 여정을 식별할 수 있는 'Group' 기능입니다! “여정에서 페이지 url 이나 노드의 썸네일만으로는 페이지들을 한눈에 구별하기가 어려워요좀 편하게 구별할 수 있는 방법이 없을까요?😥 “ Group기능을 통해태그와 컬러로 페이지를 그루핑하고 패턴을 한눈에 확인하세요! 목차1. Group은 누구에게 필요한 기능인가요?2. Group은 어떤 기능인가요?3. Group은 어디서 활용할 수 있나요? 1. Group은 누구에게 필요한 기능인가요? - 전반적인 서비스 모니터링을 하고 싶지만 고객 여정을 어떻게 분석해야할지 막막한 사용자- Journey Map에서 고객 여정을 더 쉽고 빠르게 분석하고 싶은 사용자 - 긴 url과 스크린샷 만으로는 여정을 한눈에 식별하기 어려운 사용자- 도메인 내 페이지 개수가 너무 많아 관리가 필요한 사용자  2. Group은 어떤 기능인가요? 쉽게 여정을 식별할 수 있도록 도와주는 기능입니다.목적에 따라 태그를 설정해 페이지를 분류하고, 태그명과 컬러로 여정 내 패턴을 구별할 수 있습니다.그룹과 태그 생성 후,각기 다른 컬러가 지정된 다수의 태그를 이용해, 등록된 도메인에서 수집된 모든 페이지를 분류할 수 있는 기능입니다. (기능 위치 : Journey Map) 대표적인 사용 예시로, Journey 리포트에서 고객 여정 조회 시  각 노드에 태그명과 태그별 컬러를 표시해 고객의 탐색 패턴을 한눈에 구별할 수 있도록 도와준다는 점이 있습니다.여정 흐름을 컬러로 구별할 수 있어, 여정의 패턴이 한눈에 파악된다는 점이 'Group' 기능의 가장 큰 장점입니다. Group 기능을 적용하면 위 여정 이미지와 같이, 해당 그룹의 태그별 컬러가 적용되어 페이지를 쉽게 구별할 수 있습니다. 📌 Group 기능 레이어 구성Journey와 Trend에서의 Group 기능은 아래와 같이 구성되어 있어요.    1. Group 기능 버튼 : 클릭 시, 그룹 리스트 출력   2. 그룹 리스트 : 그룹 리스트 중 1개 선택 시, 여정에 선택된 그룹 반영         *그룹 : 자동 1개 + 최대 3개까지 그룹 생성 가능   3. 태그 리스트 :        - 선택된 그룹 하위의 태그 조회        - (여정에 반영할)  선택된 그룹 변경       - 그룹 관리 화면으로 이동 3. Group은 어디서 활용할 수 있나요?Group 기능은 Journey Map의 세 리포트(Ranking/Journey/Trend)에서 모두 활용할 수 있습니다.  Journey 리포트- 태그명과 컬러 구별을 통해, 그룹 목적에 따라 여정의 패턴을 한눈에 파악할 수 있습니다. Trend 리포트 - 트렌드 패턴을 파악해요!- Journey 리포트와 마찬가지로 태그명과 컬러 구별을 통해, 트렌드의 패턴을 한눈에 파악할 수 있습니다. Ranking 리포트 - 대시보드 화면에서 각 페이지가 분류된 태그를 컬러와 함께 확인할 수 있습니다.- [페이지 관리] 버튼을 통해 그룹 관리 화면으로 이동할 수 있습니다. 지금까지 보다 쉬운 여정 탐색을 위한 기능 'Group'을 소개하는 시간이었습니다.2탄에서는 'Group'을 어떤 상황에서 어떻게 활용할 수 있을지 더 상세하게 알려드리고자 합니다. 😉  시리즈 이어서 보기▷[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편▶[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편 페이지 관리 모드에서 그룹 관리하기 Guide▶그룹 관리 방법 더 자세히 보러가기 

[소셜모임 이커머스] 뷰저블 실제 분석 사례 (2/2) UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기

뷰저블 UX 리서치 팀에서 진행한 UX 무료 컨설팅 사례를 공유 드립니다! 😃안녕하세요, 뷰저블 입니다.😀 이번 2탄에서는 모드파티를 UX Heatmap으로 '페이지 분석하고 개선안을 도출'한 사례를 소개하려고 합니다!Notice! 이 글은 모드파티의 실제 분석 사례를 바탕으로 작성되었으며, 이는 모드파티과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 모드파티• 분석 페이지 수 : 총 24개• 분석기간 : 2023년 10월 11일 ~ 10월 24일 (2주간)개편 전과 후의 사용자 전환 흐름을 비교 분석하고 개편 후 긍정적인 결과가 나왔을 지 점검해보세요. [분석 목표] " 페이지 개편 전과 후의 결과를 비교해보고 싶어요! "모드파티는 10월에 모바일 친화적 UI로 서비스를 개편하였습니다. 개편 전과 개편 후의 결과를 분석해보고자 7월과 10월 동안 메인 페이지에서의 사용자 행동을 비교하고 전환 흐름의 변화를 파악해 보았습니다. [사용 기능] UX Heatmap > Reporting & User AnalyticsUX Heatmap의 좌측은 히트맵 영역으로 고객 행동을 시각화해서 보여주며, 우측은 지표 영역으로 요소별 순위 통계 및 상세 지표를 확인해볼 수 있습니다.Tap Heatmap에서는 [Top Count Rank-더 보기]를 통해 각 요소별 지표 순위를 확인해볼 수 있습니다. 또 Analytics 기능을 통해 페이지로 도달하게 된 유입 채널과 이후 전환 경로까지 꼭 필요한 정보를 한눈에 요약해서 확인해볼 수 있습니다. [현황]CTA 버튼의 Tap PV Rate 순위에 따르면, 개편 전은 상품 관련 CTA가 5개만 있지만 개편 후에는 7개로 증가되었으며 이를 통해 개편 전에 비해 개편 후에는 상품 탐색 페이지 전환율이 27%로, 약 1.8%p 증가했습니다. [결론]결론적으로 개편 후, 상품 탐색과 관련된 전환이 증가했으며 사용자가 이전보다 다양한 상품에 접근하고 있음을 확인할 수 있었습니다. 신규 사용자와 재방문 사용자를 비교 분석해 서로 다른 니즈를 확인하고 각 사용자에게 적합한 개선안을 진행해보세요. [분석 목표] " 신규 사용자와 재방문 사용자의 이동 흐름을 비교해보고 싶어요! "이번에는 이벤트 페이지에서 고객이 어떤 콘텐츠를 얼마나 둘러보고 주목하는지 사용자의 탐색 흐름을 검토해 보았습니다. 이 때, 같은 페이지에 도달하더라도 신규 사용자와 재방문 사용자의 목적과 니즈는 다를 수 있습니다. 때문에 방문 빈도에 따른 사용자의 다른 니즈를 확인하고 사용자에 따라 어떤 개선안을 진행해야 전환률을 높일 수 있을지 확인해보았습니다. [사용 기능] UX Heatmap > Tap & Scroll Heatmap뷰저블에서는 신규 사용자와 재방문 사용자의 PV를 분류해 히트맵 데이터를 조회할 수 있는데요, 이를 통해서 두 사용자의 행동을 비교 분석해볼 수 있습니다.사용자가 어떤 콘텐츠를 주목하는지, 얼마나 관심도를 가지고 있는 지 등 분석 목표를 확인해보기 위해서 신규 사용자와 재방문 사용자로 나누어 이벤트 페이지를 Tap 과 Scroll 히트맵로 분석해보았습니다. [현황]먼저, 스크롤 히트맵을 확인한 결과, 신규 사용자는 이벤트 페이지 하단에 위치한 ‘다른 파티 보러가기’ 버튼까지 47%의 사용자가 도달했지만 재방문 사용자는 동일 영역에 29%의 사용자만 도달했습니다. 또 Tap 히트맵으로 비교했을 때, 신규 사용자는 재방문 사용자보다 ‘다른 파티 보러가기’ 버튼의 Tap PV Rate 수치가 0.5%p 더 높게 나타났습니다.하지만 상단에 위치한 ‘참가신청’ 버튼에서는 재방문 사용자의 Tap PV Rate가 신규 사용자보다 11%p 더 높게 나타났습니다. [결론]결론적으로, 신규 사용자는 상품 탐색에 대한 니즈가 크고, 재방문 사용자는 참가신청에 대한 관심이 더 높다고 해석해볼 수 있습니다. 따라서, 신규 사용자에게 지속적인 탐색을 유도하기 위해 ‘다른 파티 보러가기’ 등의 상품 탐색 정보를 상단에 배치하거나 이벤트 페이지와 같은 마케팅 요소를 더 추가해 재방문 사용자의 전환을 적극적으로 유도해볼 수 있습니다. 탐색 과정 중 정체 구간을 통해 사용자의 불편함을 발견해 보세요. [분석 목표] " 결제 여정 중에 사용자가 겪고 있는 어려움이 있는 지 확인하고 싶어요. "결제 페이지에서 구매 전환 CTA를 누르기 전 고객의 행동 흐름을 확인하고 여정 중 어려움 혹은 불편함을 느낄만한 구간이 있는 지 점검해보고자 했습니다. [사용 기능] UX Heatmap > Scroll Heatmap & Path PlotPath Plot은 페이지 내 사용자의 탐색 흐름과 동선을 시각화 해 제공하는 기능으로 PC 페이지에서만 제공됩니다. Path Plot의 가장 큰 장점은 잠재 고객의 콘텐츠 소비 순서와 과정, 탐색 단계별 이탈 현황과 체류시간을 한 눈에 파악할 수 있다는 점 입니다. 또한 전환 사용자와 비전환 사용자의 탐색 흐름을 비교해볼 수 있어 잠재 고객의 관심사를 파악하고 유도 전략을 세울 때 큰 도움이 되는 기능입니다. Scroll Heatmap에서도 콘텐츠 영역 별 체류시간에 대한 정보를 얻을 수 있지만 Path Plot에서는 요소의 위치와 체류 시간을 시각적으로 더 정확하게 파악해볼 수 있습니다. [현황] 카톡 아이디는 결제 이후 결제 완료 및 모임 공지 메세지를 안내하기 위해 필요한 수집 정보인데요, 모바일에서 Scroll 히트맵으로 분석한 결과, 카톡 아이디 입력란에서의 평균 체류시간은 약 14.3초로 나타났습니다.PC에서 비전환 사용자가 전환하지 않은 원인을 살펴보고자 [Path Plot-Non Conversion] 세그멘팅을 통해 살펴본 결과, 모바일과 비슷하게 카톡 아이디 입력란에서 평균 체류시간이 약 20.9초로 나타났습니다. 다른 영역의 체류시간은 보통 2~5초인 것에 비해 카톡 아이디 입력란에서는 PC와 모바일 모두 평균 약 17초 정도로 평균보다 높은 체류시간을 보이고 있었습니다. [결론]정보를 입력하는 영역에서 다른 영역에 비해 체류 시간이 상당히 높게 나온다면 사용자가 해당 영역에서 어려움을 겪고 있는 것은 아닐지 검토가 필요합니다. 사용자가 카톡 아이디를 숙지하고 있지 못할 가능성을 고려해 카톡 아이디 입력 대신 회원가입 때 수집하는 전화번호를 바탕으로 한 오픈톡이나 SMS를 활용하는 것으로 결제 과정 중 depth를 최소화해볼 수 있습니다. 상품 페이지 별로 회원가입 전환율이 얼마나 다른지 확인해보세요. [분석 목표]어떤 상품에서 회원가입 전환이 더 많이 유도되었는지 확인하기 위해서 상품 페이지별 회원가입 전환율을 분석해보았습니다. [사용 기능] UX Heatmap > Tap Heatmap & Live Heatmap모드파티는 회원가입을 팝업창에서 진행하기 때문에 Live Heatmap으로 회원가입에 대한 사용자 행동을 분석했습니다. 특정 버튼을 눌러야 나오는 팝업창 혹은 숨겨진 메뉴 등을 분석해보고 싶다면 Live Heatmap을 사용해주세요. [현황]현재 상단 GNB 싱글모임과 하단의 캐러셀 카테고리 UI에서는 ‘와인’, ‘요리’, ‘커피’, ‘골프’ 순으로 상품이 나열되어 있는데요, 각 상품 페이지에서 회원가입 버튼의 Tap PV Rate를 확인해보았습니다. 그 결과 ‘와인모임’, ‘커피미팅’에서는 각각 0.5%, 0.3%의 사용자가 회원가입으로 유도되었지만 ‘요리모임’, ‘골프모임’에서는 모두 회원가입 전환율이 0%로 나타났습니다. [결론]‘와인모임’과 ‘커피미팅’에서 회원가입 전환율이 높기 때문에 상단 GNB 싱글 카테고리와 캐러셀 하단 카테고리의 순서를 ‘와인-커리-요리-골프’로 변경해 회원가입 전환율이 더 높은 페이지로 사용자가 쉽게 접근할 수 있도록 유도해볼 수 있습니다. 지금까지 UX Heatmap을 이용해 페이지 개편 성과와 목표 페이지 내 사용자의 행동을 분석해보았습니다. 뷰저블은 기업의 규모와 업종에 상관없이 누구나 쉽고 빠르게 활용이 가능합니다.실제 분석 사례를 참고해 여러분의 서비스를 Data-Driven UX로 분석해보세요! 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉시리즈 이어서 보기▶#1 Journey Map으로 결제까지 이어지는 고객 여정 점검하기▷#2 UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기 UX 분석 리포트 다운받기오프라인 모임 커머스 '모드파티' UX 분석 리포트 다운받기  

[소셜모임 이커머스] 뷰저블 실제 분석 사례 (1/2) Journey Map으로 결제까지 이어지는 고객 여정 점검하기

😃안녕하세요, 뷰저블 입니다.😀 “쇼핑몰 개선이 필요한데 데이터 분석을 어떻게 시작해야 할 지 모르겠어요…”“자사몰의 성과를 분석하고 싶은데 어떤 뷰저블 기능을 활용해야 하나요?” Data-Driven UX로 서비스의 방향성을 되짚어 보고 싶은데 어디서부터 시작해야 할지 고민이 많으신가요? 그렇다면 잘 찾아오셨습니다!😉 * 전반적인 서비스 모니터링을 하고 싶지만 뷰저블 사용 방법을 잘 모르겠는 스타트업 기획자* 자사몰 개선이 필요해서 시작했는데, 데이터 분석이 막막한 쇼핑몰 운영자* 디자인 개선 후 성과 분석을 하기 위해 Data-Driven UX분석 사례를 보고 싶은 UX디자이너 데이터 분석에 대해 고민이 많은 고객분들을 위해서 뷰저블 UX 리서치 팀에서 진행한 UX 무료 컨설팅 사례를 공유 드립니다! 이번에는 키즈마일과 다른 새로운 서비스의 사례를 가져왔는데요, 무료 컨설팅의 두 번째 주인공인 바로 모임 및 소개팅 서비스 ‘모드파티’ 입니다. 이번 모드파티 1탄에서는 Journey Map으로 ‘결제 프로세스까지 고객이 도달했는 지 고객 여정을 점검’한 사례를 소개하려고 합니다! Notice! 이 글은 모드파티의 실제 분석 사례를 바탕으로 작성되었으며, 이는 모드파티과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 모드파티• 분석 페이지 수 : 총 24개• 분석기간 : 2023년 10월 11일 ~ 10월 24일 (2주간) 모드파티는 직장인 대상의 취미 모임 및 소개팅과 네트워킹 모임을 주최하는 서비스입니다. 싱글파티, 소셜 모임, 소개팅 등 싱글을 위한 커플 매칭 서비스를 주로 제공하고 있습니다. 📌모드파티가 궁금하다면?여기를 클릭해주세요! ‘모드파티’의 분석 및 개편 목표는 아래 내용과 같은데요, 모바일 친화적으로 개편한 UI에 대한 검증전체 모임이 사용자에게 인지 될 수 있도록 개편탐색 및 결제 프로세스 점검 모드파티는 최근 모바일에 더욱 친화적인 UI로 서비스를 개편했는데요, 때문에 개편 전보다 개편 후에 고객이 더 많은 모임 서비스를 인지하고 탐색하는지, 결제 과정을 수월히 진행하고 있는 지를 중점적으로 살펴보았습니다. 이처럼 분석 목표를 명확히 정의하면 서비스의 방향성이 제대로 잡혀있는지 수월하게 검토해볼 수 있습니다! 대표 여정 분석으로 검토가 필요한 페이지를 발견해보세요. [분석 목표] " 개선이 필요한 부분을 파악하기 위해 전반적인 고객 여정을 점검하고 싶어요. "먼저, 서비스 유입부터 이탈까지 모드파티 사용자의 총체적인 경험을 점검하려고 하는데요, 때문에 Journey Map으로 전반적인 서비스 현황을 파악하고 문제점이 있는 페이지를 발견해보고자 합니다. [사용 기능] Journey Map > Ranking & Journey Report여정 내 개선 포인트를 확인하기 위해서는 서비스에서 많은 고객이 탐색하는 대표적인 여정을 먼저 확인하시는 것을 권장드립니다. 대표 여정은 사이트 내에서 가장 많이 발생한 대표 여정으로 세션의 평균 여정 수를 고려해 가장 교집합이 많은 여정을 발견해볼 수 있습니다.모드파티의 경우, Ranking Report를 통해 1세션 당 사용자가 조회한 페이지는 4.8 페이지로 평균적으로 약 3번의 전환 후 여정이 종료됨을 알 수 있습니다. 때문에 대표여정은 4시퀀스까지 가장 세션 수가 많이 남은 여정으로 볼 수 있습니다.또한 Journey Report에서는 각 단계 별로 전환, 이탈, 롤백, 새로고침, 체류 시간 등의 지표를 확인해볼 수 있습니다. 해당 지표를 통해서 고객이 어떻게 서비스를 둘러보았을 지, 이탈을 한 이유가 무엇일지 등 현황과 원인을 분석해볼 수 있습니다. [현황]모드파티의 대표 여정을 분석했을 때, 상품 페이지를 반복 탐색하며 보통 4페이지 이내에서 종료하는 여정을 보이고 있습니다. 특히 3시퀀스의 롤백률은 평균 롤백지표인 6.9%보다 현저히 높은 309.8%를 기록하고 있습니다. 📌Tips! 롤백률이 100%를 넘을 수도 있나요?📌롤백은 해당 노드에서 다음 노드로 전환했다가 다시 되돌아 온 것을 의미하는 지표로 '해당 노드로 되돌아온 횟수(PV)/해당 노드의 전체 세션(%)'으로 계산됩니다. 때문에 사용자가 여러 번 해당 노드로 다시 되돌아온다면 100%가 넘는 롤백률이 측정될 수도 있습니다. 해당 단계의 노드 리포트를 확인하면, ‘롤백 URL 보기’를 통해 어떤 페이지에서 다시 돌아왔는지 알 수 있는데요, 대부분이 파티 후기 콘텐츠에서 되돌아오는 패턴을 가지고 있습니다. [결론]즉, 사용자는 상품 탐색에 대한 관심도가 높으며 특히 ‘후기’ 콘텐츠를 확인하고 상품을 재탐색하는 것으로 유추해볼 수 있습니다. 때문에 상품에 대한 관심이 더 높아질 수 있도록 '후기' 콘텐츠를 강조하는 방안을 제안해볼 수 있습니다. 어떤 유입 경로에서 진입했을 때 결제까지 이어지는 지 확인해보세요. [분석 목표] " 결제 도달 성과가 높은 유입 경로가 있을까요? "광고 마케팅으로 유입되었을 때 어떤 경로에서 가장 많이 결제 여정으로 이어지는 지 검토해보기 위해서 Journey Report를 확인해보았습니다. [사용 기능] Journey Map > Journey Report유입경로 별 대표 여정을 보기 위해 우측 상단에 위치한 ‘유입경로’ 기능을 사용했는데요, 특히 가장 도달 비율이 높은 인스타그램, 카카오톡, 네이버 검색 유입의 대표 여정을 비교분석해보았습니다. [현황]가장 유입 비율이 높은 인스타그램 (8.6%) 대표 여정은 전체 대표 여정과 동일하게 상품 페이지 탐색 여정으로 확인되었습니다. 카카오톡 유입(6.7%) 대표 여정은 싱글 모임 페이지만 탐색하는 여정으로 확인되었습니다. 하지만 두 유입 경로 모두 4단계 내에서는 결제 페이지 전환이 발견되지 않았습니다. 네이버 검색 유입(8.1%)는 메인 페이지와 상품 페이지를 번갈아 탐색하는 대표 여정으로 확인되었으며 4단계 내에서 5.1% 비율로 결제 전환 여정으로 이어지는 것을 확인하였습니다. [결론]즉, 네이버 검색 유입 사용자의 경우, 실질적 구매로 이어졌기 떄문에 구매 니즈가 더 높은 편으로 해석해볼 수 있습니다. 이런 경우, 해당 채널의 마케팅을 더욱 활용해 구매 전환 사용자의 비율을 높여보는 것을 권장드립니다. Targets로 목표 페이지까지의 도달 과정을 확인하고 개선이 필요한 구간을 확인해 보세요. [분석 목표] " 고객이 결제 페이지까지 어떤 여정을 거쳐 도달하는지 궁금해요. "과연 고객은 목표 페이지인 결제 페이지까지 무사히 도달하고 있을까요? 이번에는 목표 페이지까지 사용자가 어떻게 도달하는지, 이탈 구간이 있는 지를 Targets를 통해 확인해보았습니다. [사용 기능] Journey Map > TargetsTargets는 목표 페이지를 중심으로 도달하기 전과 후의 고객 여정을 보여주는 기능입니다. 해당 기능을 통해서 목표 페이지를 중심으로 주요 여정을 분석하고 의도한 대로 사용자 흐름이 나타나고 있는지 확인해볼 수 있습니다. [현황]Targets를 통해 결제 페이지에 도달하기 전 대부분의 사용자가 상품 페이지를 거치고 있는 것을 확인 할 수 있었습니다. 하지만 상품 페이지에서 평균 지표보다 12.4%p 높은 평균 약 24.3%의 새로고침율이 나타나고 있었습니다. [결론]이렇게 동일한 페이지에서 새로고침율이 높게 나온다면, 페이지 내 불필요한 로딩 혹은 반복적인 콘텐츠가 제공되어 사용자에게 혼란을 주고 있지는 않은지 페이지 내 탐색 과정의 검토가 필요합니다. 페이지 내에서 과도한 새로고침을 줄일 수 있도록 개선해 결제 페이지 전 사용자의 이탈을 최소화해보세요. Targets로 이후 여정을 분석하고 구매 전환 여정을 강화해보세요. [분석 목표] " 구매 전환 여정을 점검해보고 싶어요! "결제 페이지에 도달했다고 해도 사용자가 구매를 했다고 볼 수 없는데요! 고객이 실제로 구매를 완료했다면 결제 완료 페이지가 이후 여정으로 나타나게 됩니다. 결제 페이지 이후 여정을 통해서 사용자가 결제 완료까지 얼마나 전환하는지, 결제를 완료하지 않는다면 어떤 경로로 전환하는 지 점검해보려고 합니다! [사용 기능] Journey Map > Targets앞의 사례와 동일하게 Targets 기능을 통해서 결제페이지 이후 여정을 확인해볼 수 있습니다. [현황]목표 페이지 이후 여정을 살펴보았을 때, ‘결제 페이지>상품 상세 페이지>결제 페이지>결제 완료’를 진행한 여정을 발견할 수 있었습니다. 결제 페이지에서 바로 결제 완료로 이어지지 않고 상품 상세페이지로 전환했다 다시 돌아온 여정인데요, 이 과정에서 56.5%는 여정에서 이탈한 것으로 보이고 있습니다. 이탈 구간의 원인을 찾아보고 구체적인 사용자의 행동을 파악하고자 결제 페이지를 Tap Heatmap으로 분석했습니다. 분석 결과, 결제를 위해서 필수적으로 ‘이용약관 및 환불규정 동의 버튼'을 눌러야 하는 데 해당 내용은 다시 상품 상세페이지로 전환해야 확인할 수 있음을 알 수 있었습니다. 또한 해당 버튼을 필수적으로 눌러야 결제 과정을 계속 진행할 수 있는데 동의 버튼의 Tap PV Rate는 17.1%로 다른 필수 버튼에 비해 저조한 수치를 보이고 있습니다. [결론]즉, 약관 동의 버튼을 누르고 끝까지 결제 과정을 진행한 고객의 비율이 낮다고 볼 수 있습니다. 결과적으로 ‘결제 페이지>상품 상세 페이지>결제 페이지>결제 완료’ 여정에서 절반 이상이 중간에 이탈하는 것으로 나타났습니다. 이러한 경우에는 이용약관 및 환불 규정을 결제 프로세스 내에서 확인할 수 있도록 해당 영역의 UI 개선을 제안해 환불 규정 확인을 위한 전환을 방지해볼 수 있습니다. 지금까지 Journey Map을 이용해 서비스 유입부터 이탈까지,고객의 총체적인 경험을 분석해보았습니다. 2탄에서는 UX Heatmap으로 페이지 내 사용자 행동을 분석하고 개선안을 도출해낸 사례들을 알아보도록 하겠습니다. 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉시리즈 이어서 보기▷#1 Journey Map으로 결제까지 이어지는 고객 여정 점검하기▶#2 UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기 UX 분석 리포트 다운받기오프라인 모임 커머스 '모드파티' UX 분석 리포트 다운받기  

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

안녕하세요, 뷰저블 입니다. 😀 분석리포트 작성 가이드 마지막편! 이번 시간에는 UX Heatmap으로 분석하는 방법에 대해 몇가지 소개해드리려고 합니다.[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석 UX Heatmap은 페이지별/콘텐츠별 행동 분석을 하는 도구로 As-is/To-be 확인이 필요한 경우, Painpoint 분석 등을 위해 활용됩니다. '결과에 대한 원인 파악, 개편 전/후 UX개선 성과 분석' 를 확인하실 때, 활용하시면 더 좋아요. ☺️  1. 페이지 탐색 1-1. 소비 현황 분석: 스크롤  1-1-1. 목적페이지 내 탐색 의지 확인실제 콘텐츠 도달 여부 확인 1-1-2. 위치UX Heatmap > Reporting Heatmaps > Scroll 1-1-3. 확인 내용Scroll 히트맵의 높이별 사용자 도달 비율(%) 1-1-4. 인사이트특정 높이에 위치한 콘텐츠 별로 화면에 노출된 고객 규모를 파악하여 소비 여부 판단높이별 도달 비율의 차를 통해서 고객의 탐색 중단율(%)을 확인함1-2. 소비 현황 분석: 노출  1-2-1. 목적동적인 인터랙션이 필요한 콘텐츠, 가변 콘텐츠 등의 실제 콘텐츠 도달 여부 1-2-2. 위치UX Heatmap > Reporting Heatmaps > Live Heatmap > 노출(Exposure) 1-2-3. 확인 내용노출(Exposure)의 노출도(브라우저 화면에 CTA가 노출된 확률) 확인노출도 계산 방법: 해당 콘텐츠가 노출된 PV / 전체 PV (%) 1-1-4. 인사이트콘텐츠 종류인사이트Depth가 있는 UI진입 전/후 콘텐츠의 노출을 비교하여 콘텐츠 소비 효율 확인 (ex. 하위 메뉴 소비는 GNB 노출 대비 91.7% 감소)캐러셀/자동갱신 콘텐츠콘텐츠의 소비 여부를 확인하여 효과적인 콘텐츠 제공 갯수 확인인터랙션에 의해 변경되는 UI콘텐츠의 노출률을 통해 인터랙션을 수행한 사용자 비율 확인 1-3. 소비 현황 분석: 스와이프 [1-3 그림 1] Vertical: 페이지 내에 발생한 상/하 Swipe[1-3 그림 2] Horizontal: 페이지 내에 발생한 좌/우 Swipe 1-3-1. 목적스와이프 인터랙션이 필요한 영역/콘텐츠 소비 여부 확인 1-3-2. 위치UX Heatmap > Reporting Heatmaps > Swipe (Phone) 1-3-3. 확인 내용Vertical: 상(▲) 하단으로 스와이프한 경우, 하(▼) 상단으로 스와이프한 경우Horizontal: 좌(◀︎) 좌측으로 스와이프한 경우, 우(▶︎) 우측으로 스와이프한 경우 1-3-4. 인사이트스와이프인사이트Vertical스와이프가 끊긴 구간: 사용자가 빠르게 스와이프하며 훑고 지나간 구간으로 해석 가능 (소비 효율 낮음)Horizontal스와이프 캐러셀/메뉴 영역: 콘텐츠 탐색을 위한 사용자의 인터랙션이 발생하는지 여부 판단스와이프 콘텐츠가 없으나 스와이프가 높게 나타나는 경우: 추가 콘텐츠를 기대하고 탐색한 영역이거나 인앱 영역/모바일 디바이스 환경에 따른 인터랙션일 수 있음1-4. 탐색 흐름 분석: Path  1-4-1. 목적사용자를 대표하는 탐색 흐름과 체류 시간 정보 파악 1-4-2. 위치UX Heatmap > Reporting Heatmaps > Path (PC) 1-4-3. 확인 내용 지표확인 내용사용자 탐색 흐름사용자의 탐색 흐름 순서 확인사용자 행동사용자가 탐색한 콘텐츠에서 발생한 이벤트 종류 확인체류 시간사용자가 탐색한 콘텐츠에서의 체류 시간 확인 1-4-4. 인사이트Engagement 그룹: 서비스를 적극적으로 탐색하는 사용자가 주목한 콘텐츠가 무엇인지 확인하여 주요 전환 CTA로 활용하거나 관련 콘텐츠를 강화할 수 있음Conversion/Non-Conversion 사용자 간의 탐색 흐름에 차이가 있는지 확인하여, 이탈 원인 파악이 가능함2. 콘텐츠 전환 2-1. CTA 전환 효율 확인  2-1-1. 목적사용자의 요구사항, 목적지 우선순위, 관심 분포 이해 2-1-2. 위치UX Heatmap > Reporting Heatmaps > Click/TapUX Heatmap > Reporting Heatmaps > Live Heatmap > Click/Tap 2-1-3. 확인 내용Click/Tap PV Rate(%): 클릭을 일으킨 방문자 비중Click/Tap PV Rate 계산 방법: 전체 PV 중 클릭/탭한 PV(%) = Unique Click/Tap = 순 클릭/탭무효 클릭 확인: 클릭 영역이 아님에도 히트맵이 표시되어 있거나, 모바일의 경우 더블탭 아이콘이 표시된 영역 포함 2-1-4. 인사이트Click/Tap PV Rate도달률/노출률 대비 Click/Tap PV Rate 을 확인하면 위치/노출 등의 변수가 제외되어, 실제 해당 콘텐츠의 전환 성과로 해석할 수 있음무효 클릭사용자가 버튼으로 오인하거나 추가 정보를 기대하는 영역으로 UI 개선 필요2-2. CTA 세그먼트 탐색 비교  2-2-1. 목적회원가입, 결제 버튼 등 중요 요소를 선택한 사용자의 특성 파악 2-2-2. 위치UX Heatmap > Segmenting CTA 2-2-3. 확인 내용Segmenting CTA에서 특정 CTA를 클릭한 사용자/클릭하지 않은 사용자로 세그멘팅하여 행동 패턴 비교 (이벤트, 유입경로, 방문 비율, 체류시간 비교) 2-2-4. 인사이트유입경로 분석을 통해 마케팅 성과 또는 의존도 파악전체 UV 대비 CTA의 UV를 비교하여 페이지 내에서의 버튼 영향력 파악체류시간을 비교하여 페이지 탐색 정도 파악3. 콘텐츠 인지 3-1. 관심 영역 확인 [3-1 그림1] Reporting Heatmaps > Move[3-1 그림2] Live Heatmap > Move3-1-1. 목적사용자에게 전달된 콘텐츠, 페이지 내 응시 지점 분포 이해 (클릭 히트맵과 교차 분석을 통해 사용자의 요구사항 일치도 파악) 3-1-2. 위치UX Heatmap > Reporting Heatmaps > Move (PC)UX Heatmap > Reporting Heatmaps > Live Heatmap > 무브(Move) (PC) 3-1-3. 확인 내용지표확인 내용Move Heatmap마우스 무브가 밀집되어 있는 영역 확인Hover to Click(%)호버 대비 클릭한 비율계산 방법: Hover 횟수 / 클릭 횟수 (%)Hover → Click호버하여 클릭하기까지 걸린 평균 지체 시간계산 방법: Avg(클릭한 시각 - 클릭 이전 Hover한 시각) 3-1-4. 인사이트지표인사이트Move Heatmap밀집되어 있는 경우: 고객의 관심이 높은 영역, 개선할 경우 큰 효과를 얻을 것으로 기대무브가 없는 경우: 고객의 관심이 떨어지는 영역, 중요 콘텐츠일 경우 UI 개선 필요Hover to Click(%)지표가 비교적 높은 경우: 고객의 니즈에 부합한 콘텐츠로 해석지표가 비교적 낮은 경우: 관심이 선택으로 이어지지 않았으므로 원인에 대해 검토 필요 (레이블, 인터랙션을 방해하는 요소가 있는 지 등)Hover → Click소요시간이 긴 경우: 사용자가 망설였거나 이해하지 못했을 가능성 존재소요시간이 짧은 경우: 결정까지 어려움이 없다고 해석3-2. 콘텐츠 사이즈 적합성 확인  3-2-1. 목적적절한 콘텐츠/텍스트 제공 사이즈 확인 3-2-2. 위치UX Heatmap > Reproting Heatmaps > Zoom (Phone) 3-2-3. 확인 내용Zoom in, Zoom out 위치 및 비율 확인 3-2-4. 인사이트Zoom 인터랙션이 발생하는 콘텐츠가 너무 작거나 혹은 큰지 판단할 수 있으며, 텍스트의 경우 가독성이 떨어지는지 검토하여 UI 개선 가능지금까지 뷰저블을 활용하여 분석 보고서 작성하는 방법에 대해 소개해드렸습니다. 소개드린 분석 방법은 기본적인 이벤트 분석 방법으로 이외에도  2개 이상의 이벤트를 교차분석하거나, 유입경로, UTM, 방문 여부 등 세그먼트를 변경해 구체적인 퍼소나를 분석하는 방법들도 있습니다. 분석 목적, 원하는 분석 대상에 따라 다양한 리포트를 활용하여 리포트를 작성해 보세요!  소개드린 가이드가 실무에 많은 도움이 되었으면 좋겠습니다. ☺️그럼 다음에도 실무에 유용한 꿀팁들을 알려드리러 다시 돌아올게요! (가이드의 이전 편들은 아래에서 퀵링크로 빠르게 확인하실 수 있어요.)시리즈 이어서 보기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석▷데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

확인하기

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석

안녕하세요. 뷰저블입니다 :) 데이터 분석 4번째 시간으로 본격적인 분석에 들어가볼텐데요, 뷰저블의 2가지 서비스 중 Journey Map을 활용한 분석 예시를 먼저 소개해드릴게요![목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석 Journey Map은 페이지 간 고객 여정을 확인하는 도구로 서비스 모니터링을 위해 활용됩니다. '예상 외의 성과 구간 확인, 고객 탐색 흐름 파악, 목표 도달 이전 이탈 과정 확인'을 하실 때, 활용하시면 좋습니다.  1. 주요 지표 1-1. 기간별 트래픽 추이 확인[1-1 그림 1] Journey Map > 대시보드 > Weekly[1-1 그림 2] Journey Map > 시계열 그래프1-1-1. 목적사용자의 방문 패턴 확인마케팅 효율이 높은 기간 확인 1-1-2. 위치Journey Map > 대시보드 > WeeklyJourney Map > 시계열 그래프 1-1-3. 확인 내용지표확인 내용M , W , D , H기간별(월,주,일), 시간별 패턴 확인Session고객이 페이지에 진입 후 종료한 하나의 고객 여정PV페이지 방문 수 1-1-4. 인사이트기간별, 시간별 트래픽 패턴을 확인하여 효과적인 마케팅 활용 가능세션이 많은 시간 = 세션이 시작된 시간을 집계하므로 서비스 최초 유입이 많은 시간으로 해석 가능PV가 많은 시간 = 페이지 방문이 가장 많은 시간이므로 사용자 탐색이 가장 활발한 시간으로 해석 가능 1-2. 서비스 개요 확인1-2-1. 목적서비스 현황 파악기간별 세션 탐색 패턴 확인평균(대표)값을 통한 다른 지표 긍정/부정 판단 1-2-2. 위치Journey Map > Ranking 1-1-3. 확인 내용지표확인 내용Session Summary1세션 당 페이지 수, 세션당 평균 체류시간PV Top 20 Summary지표별 평균 값 확인 1-1-4. 인사이트지표확인 내용Session Summary1세션당 페이지 수사용자가 서비스에 진입해서 평균적으로 살펴보는 페이지 수로 해석 가능사용자가 소비하는 페이지 수를 확인하여 퍼널 설계 필요세션당 평균 체류시간사용자가 서비스 진입 후, 평균적으로 서비스에 머무르는 시간 확인을 통해 콘텐츠 설계 필요PV Top 20 Summary지표 평균 값여정 내 지표의 높고 낮음을 판단할 수 있는 기준으로 활용하여 긍정적/부정적 변화를 판단기간별 평균값 등락을 비교하여 활동 추이 확인1-3. 대표 페이지 확인1-3-1. 목적개선 효율이 좋은 페이지 확인사용자의 방문 목적 및 관심 파악 1-2-2. 위치Journey Map > Ranking 1-1-3. 확인 내용Ranking > 전체 PV, 상위 20위 페이지 PV 1-1-4. 인사이트페이지 PV / 전체 PV = 서비스 전체 트래픽에서 해당 페이지 트래픽이 차지하는 비중문제점 개선 효과가 가장 좋은 페이지 확인고객의 관심이 높은 주요 페이지 확인2. 여정 분석 2-1. 랜딩 페이지 분석2-1-1. 목적서비스 주요 랜딩 페이지 확인여정의 시작 확인 2-1-2. 위치Journey Map > Journey  2-1-3. 확인 내용여정의 1번째 순서 & 1~6순위까지 조회 2-1-4. 인사이트지표인사이트이탈률이 낮은 랜딩 페이지 확인전환 효율이 좋은 페이지로 유입이 증가할 수 있도록 마케팅 진행해당 페이지에서 시작하는 주요 여정을 개선하여 퍼널 개선랜딩 페이지의 체류시간 확인랜딩 페이지에서의 체류시간이 긴 경우, 콘텐츠를 이해하기 어려워하거나 다음 탐색 여정을 발견하기 어려울 수 있으므로 개선 필요랜딩 페이지의 체류시간이 짧은 경우, 브릿지 역할로써 다음 페이지로의 빠른 전환을 유도하는 긍정적 신호일 수 있으나, 이탈이 높다면 고객의 주목을 끌만한 콘텐츠가 제공되지 않는 것으로 해석되어 개선이 필요2-2. 과업별 패턴 분석 2-2-1. 목적여정의 패턴 분석목적별 여정 분석 2-2-2. 위치Journey Map > Journey  2-2-3. 확인 내용Journey > Group : 여정에 그룹 별로 컬러/태그가 입력되어 목적에 따라 빠르게 여정을 식별할 수 있음 2-2-4. 인사이트과업별로 그룹을 구분하여 조회하는 경우, 고객의 인입 목적 ,주요 관심사를 확인하여 해당 여정 강화 및 콘텐츠 개선이 가능함과업의 최종 목표를 고객이 도달/수행하는 지 확인하여 KPI 측정 가능함 (예시: 검색을 통해 특정 페이지에 도달하는지, 구매 완료 페이지까지 도달하는지, 콘텐츠 페이지를 의도한 N개 이상 조회하는지 등)2-3. 도달 전/후 여정 분석[2-3 그림 1] Target > 도달 이전 여정[2-3 그림 2] Target > 도달 이후 여정2-3-1. 목적목표 페이지 도달 전/후 여정에서 목표 달성을 방해하는 구간 점검 2-3-2. 위치Journey Map > Journey > Targets 2-3-3. 확인 내용도달 이전 여정: 어떤 경로를 통해 페이지에 도달하는 지 과정을 확인함도달 이후 여정: 타겟을 거쳐간 사용자가 어떤 콘텐츠에 관심을 갖고 여정을 진행하는 지 확인함 2-3-4. 인사이트기대한 여정과 다르다면, 실제 사용자가 거쳐가는 여정과 비교하여 사용자의 실제 관심사를 확인하고 여정 내 페이지를 개선할 수 있음 (예시: CTA, 레이아웃, 콘텐츠 내용 등)타겟으로 전환을 증가시키고 싶다면, 이전 여정 중 트래픽이 높은 페이지에서 타겟으로 전환하는 CTA 개선을 통해 효과적인 전환 상승을 기대해볼 수 있음타겟에서 다음 페이지로의 전환을 증가시키고 싶다면, 실제 사용자의 관심이 높은 +1 단계 페이지들로 향하는 CTA를 강화하여 전환 상승을 기대해볼 수 있음Journey Map을 활용한 데이터 분석, 어떠셨나요?이번 시간에는 세그먼트를 활용한 심화분석이나 교차분석은 제외하고, 비교적 쉽게 적용해볼 수 있는 분석방법을 선정해서 소개해드렸어요. 위 예시를 활용해보시다가 여정 분석에 익숙해지시면 차근차근 뷰저블의 다양한 기능들을 활용해보시면 더 좋을 것 같습니다. ☺️ 위 예시를 적용해보시는 것도 중요하지만, 무엇보다도 고객의 전체 여정 속 유의미한 인사이트를 발견하기 위해서는 명확한 분석 목표와 기준이 있어야 해요! 앞선 목표 설정, 대상 설정, KPI 설정부터 차근차근 따라오시길 추천드려요. 지난 글은 아래 '시리즈 이어서 보기'에서 확인하실 수 있습니다. 그럼 다음은 페이지/콘텐츠를 분석할 수 있는 'UX Heatmap' 분석편으로 돌아올게요! 감사합니다.시리즈 이어서 보기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

확인하기

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정

안녕하세요. 뷰저블입니다. :) 분석 가이드 작성 3번째 시간이에요!이번 글에서는 데이터 분석을 진행하기 전, 꼭 설정해야 하는 KPI 설정을 소개해드리도록 하겠습니다. 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석데이터 분석 프로세스 - (3) KPI 설정 분석 대상을 설정했다면, 다음은 핵심성과지표(KPI)를 설정하여 서비스의 성과와 현황을 정량적 지표로 측정해 보세요. 분석 대상에 따라 뷰저블 서비스에서 KPI로 설정하실 수 있는 지표 예시를 안내드립니다.    1. 여정 KPI  1-1. 활동 지표 [1-1] 그림 1. Ranking[1-1] 그림 2. Journey 여정 내 지표 예시1-1-1. 위치Journey Map > Ranking, Journey 1-1-2. 기준지표기준계산방법이탈률사용자가 탐색을 중단하는 비중이 줄었는지이탈한 세션/전체 세션(%)롤백률다시 이전 페이지로 돌아가는 불필요한 동선이 줄었는지되돌아온 횟수(PV)/전체 세션(%)새로고침율속도, 네트워크 등으로 인해 새로고침이 발생하는 비중이 줄었는지새로고침 횟수(PV)/전체 세션(%)체류시간콘텐츠 소비가 목적인 단계에서 체류시간이 늘어났는지전체 체류시간/페이지 방문(PV)  1-1-3. 측정 방안랭킹 상단 지표(방문 상위 20개) 또는 노드별 지표 측정  1-2. 세션 지표  1-2-1. 위치Journey Map > Ranking > Session Summary  1-2-2. 기준지표기준계산방법1세션당 페이지 수한 사람이 서비스에 방문하여 둘러보는 페이지가 얼마나 증가했는지전체 페이지(PV)/전체 세션세션당 평균 체류시간한 사람이 페이지당 얼마나 머무르는지전체 체류시간/전체 세션 1-2-3. 측정 방안랭킹 상단 지표 측정2. 페이지 KPI  2-1. 페이지 방문 분석  2-1-1. 위치UX Heatmap > Analytics 2-1-2. 기준지표기준계산방법PV, UV사용자 규모가 얼마나 늘어났는가-Click 이탈률사용자가 페이지를 벗어나지 않는가페이지 내 이동경로가 있는 링크 또는 버튼을 클릭하여 전환하지 않은 PV / 전체 PVUV 당 평균 PV사용자가 몇 회나 페이지를 재방문하는가전체 PV / 전체 UV체류시간사용자가 페이지에 얼마나 머무르는가전체 체류시간 / 전체 UV  2-1-3. 측정 방안Analytics 지표 측정  2-2. 페이지 전환과 이탈 2-2-1. 위치UX Heatmap > Analytics  2-2-2. 기준방문자가 페이지 내에서 링크를 통해 전환하지 않고 얼마나 이탈하였는가를 검토하여 전환/이탈 성과 측정 계산 방법: 방문 흐름의 Conversion/Exit는 페이지 내 이동 경로가 있는 링크 또는 버튼을 클릭하여 전환한/전환하지 않은 비율을 의미  2-2-3. 측정 방안페이지 이탈률 측정 (100% - 이탈률 = 전환율)  2-3. 페이지 탐색  2-3-1. 위치UX Heatmap > Reporting Heatmaps > Scroll Heatmap  2-3-2. 기준방문자가 페이지 내에서 제공된 콘텐츠를 모두 탐색하였는지 검토하여 사용자의 페이지 탐색 성과를 측정  2-3-3. 측정 방안페이지 구간별 스크롤 도달률계산 방법: 페이지 스크롤링에 따른 높이별 사용자의 도달 비율3. 콘텐츠 KPI  3-1. 콘텐츠 전환  3-1-1. 위치UX Heatmap > Reporting Heatmaps > Click / Tap Heatmap & Move Heatmap  3-1-2. 기준특정 콘텐츠(전환 클릭 요소)를 얼마나 클릭/탭 하였는가, 관심을 가진 후 얼마나 클릭/탭 으로 이어졌는가를 통해 전환 성과 측정  3-1-3. 측정 방안콘텐츠 별 Clicks or Taps (횟수)Hover to Clicks (호버 대비 클릭한 비율)  3-2. 콘텐츠 탐색 수치  3-2-1. 위치UX Heatmap > Reporting Heatmaps > Path Plot  3-2-2. 기준페이지 내 Task 수행 횟수와 움직임별 체류 시간을 파악하여 Task 수행 흐름의 원활성, 장애물 파악 3-2-3. 측정 방안사용자 탐색 수차와 탐색 위치별 체류시간 검토  3-3. 콘텐츠 주목  3-3-1. 위치UX Heatmap > Reproting Heatmaps > Move Heatmap, Scroll Heatmap, Path Plot  3-3-2. 기준방문자의 콘텐츠별 체류 시간과 탐색 밀집도를 살펴보며 콘텐츠의 주목 성과 비교  3-3-3. 측정 방안구간별 체류시간, 마우스 Hover 규모, Path Plot 상의 밀집도와 체류시간 검토 구간별 체류시간 (주목도) = (도달율 x 도달 PV만의 체류시간) / 100%마우스 Hover 규모 = 도달한 PV 대비 Hover한 PV  3-4. 콘텐츠 인지  3-4-1. 위치UX Heatmap > Reporting Heatmaps > Move Heatmap  3-4-2. 기준방문자의 특정 콘텐츠에 도달하여 얼마나 인지하고 탐색하였는가를 검토하여 콘텐츠 탐색 성과 측정  3-4-3. 측정 방안호버 비율 = 콘텐츠별 Hover 수 / 전체 PVKPI를 세우면 목표를 더욱 구체적으로 설정할 수 있고, 모든 구성원들이 나아갈 공동의 목표를 가질 수 있습니다. 또한 명확한 방향을 설계할 수 있기 때문에 문제점에 대한 빠른 개선이 가능해집니다. 이번 글을 통해 뷰저블을 활용한 KPI 설정이 조금 더 쉬워지셨다면 좋겠습니다. :)그럼 다음에는 본격적인 데이터 분석 방법을 알려드릴게요!시리즈 이어서 보기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정▷[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

확인하기

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정

안녕하세요. 뷰저블입니다. :) 분석 가이드 작성 2번째 시간이에요!이번 글에서는 정해진 목표에 따라, 분석 대상을 어떻게 설정하면 좋을지 소개해드리도록 하겠습니다. 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석분석 프로세스 - (2) 분석 대상 설정 분석 대상 설정은 선정한 목표 달성을 위해 분석할 구체적인 대상을 정하는 단계입니다.  1. 고객 여정  1-1. 대상 설정 이유의도한 여정과 실제로 고객이 서비스를 둘러보는 여정이 어떻게 다른지 비교 분석전체적인 탐색 흐름을 모니터링하고 개선이 필요한 구간/페이지를 확인할 수 있음  1-2. 고객 여정 예시이커머스: 메인 → 제품 상세 페이지 → 장바구니  → 결제 → 결제 완료웹 서비스: 메인 → 체험판 등록 → 실행 → 유료 버전으로 업그레이드콘텐츠 서비스: 메인 → 상세 콘텐츠 → 정기 구독B2B 기업: 메인 또는 상품 페이지 → 문의하기 → 문의 완료  2. 페이지별  2-1. 대상 설정 이유페이지 내 고객의 행동과 탐색 패턴 분석을 통해 문제점에 대한 원인을 발견하고 구체적인 개선안 도출  2-2. 페이지별 예시핵심 여정 속 주요 페이지 (메인 - 상품 목록 - 상품 상세 - 장바구니)점검이 필요한 페이지 (롤백, 새로고침율, 이탈률이 높은 경우)여정의 목표 페이지 (결제 완료 페이지)사용성 개선/점검이 필요한 페이지개선 전/후 페이지방문이 많은 페이지 (Ranking 리포트 참고)  3. 콘텐츠별  3-1. 대상 설정 이유특정 CTA,UI 등 페이지 내 상세 콘텐츠들에 대한 이용 패턴과 활용도를 분석하여 구체적인 개선안 도출  3-2. 콘텐츠별 예시광고 배너주요 CTAGNB 메뉴, 레이어캐러셀 콘텐츠이벤트 랜딩 콘텐츠 이번 글에서는 보고서 작성시 참고하실 수 있도록 설정하실 수 있는 분석 대상 예시를 소개드렸어요.  물론 소개드린 예시 뿐만 아니라, 서비스의 다양한 요소를 분석 대상으로 설정하실 수 있어요. 목표에 따라 상황에 맞는 분석 대상을 설정하시는 것을 추천드릴게요! :) 그럼 다음편에서 다시 만나요~!시리즈 이어서 보기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

확인하기

[분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기

안녕하세요. 뷰저블입니다. :) 이번 시간에는 많은 분들께서 궁금해하시는 뷰저블을 활용한 분석리포트 작성방법에 대해 소개해드리려고 해요!분석 목표를 선정하는 것부터 구체적인 분석 방법까지 차근차근 소개드릴 예정이니 주목해 주세요! 😀[목차] 데이터 분석 프로세스(1) 분석 목표 선정(2) 분석 대상 설정(3) KPI 설정(4) 분석 진행(4-1) 분석 진행 - Journey Map 분석(4-2) 분석 진행 - UX Heatmap 분석분석 프로세스 - (1) 분석 목표 선정 인사이트 있는 분석을 진행하기 위해서는 명확한 목표 선정이 필수입니다. 분석 목표 선정은 왜 분석을 실시하는지에 대해 목표와 방향성을 검토화는 과정이에요.  1. 모니터링모니터링은 서비스 현황을 진단하고 문제점이 없는지 파악하기 위한 용도로 활용됩니다.  1-1. 산출물 예시기간별 정기 보고용 리포트  1-2. 모니터링 활용 방법모니터링은 아래와 같은 대상을 분석할 때 활용할 수 있습니다.  서비스의 단기/장기 목표핵심 여정과 목표 페이지최근 진행된 또는 예정된 이벤트  2. 성과 비교성과 비교는 개선 전에 비해 개선 후 사용자 경험이 나아졌는지에 대한 용도로 활용됩니다.  2-1. 산출물 예시개선 전/후 비교를 통한 성과 보고용 리포트  2-2. 성과 비교 활용 방법성과 비교는 개편 대상이 무엇인지 선정하고, 목적과 KPI에 따라 비교를 진행합니다.  2-2-1. 개편 대상이 무엇인지 GNB 메뉴UI 개편 (ex. 2단 → 1단, 페이지 height 변경)레이아웃 변경캐러셀 변경디자인 개편옵션 변경  2-2-2. 개편 목적, KPI  3. 사용성 점검사용성 점검은 특정 기능에 대한 사용자 이용 패턴을 분석하여 개선점을 도출하기 위한 용도로 활용됩니다.  3-1. 산출물 예시사용성 점검 및 개선 리포트  3-2. 사용성 점검 활용 방법사용성 점검은 분석 대상을 선정하고, 목적과 기획 의도에 따라 점검할 수 있습니다.  분석하고자 하는 기능 (ex. 검색 기능 위젯)기능의 목적과 기획 의도  4. A/B 테스트A/B 테스트는 개선 전 A/B테스트를 통해 최종 반영안의 의사 결정을 내리기 위한 용도로 활용됩니다.  4-1. 산출물 예시A/B 테스트 의사 결정용 리포트  4-2. A/B 테스트 활용 방법A/B 테스트는 먼저 목적,KPI를 정의하고 변경 내용과 의도를 중심으로 비교 분석을 진행합니다.  테스트를 진행하는 목적, KPI개선안에서 변경된 사항들, 기획/수정 의도 이번 글에서는 데이터 분석 보고서 작성을 시작하시기 전, 분석 목표에 대해 정의하실 수 있도록 4가지 예시를 소개드렸어요. 다음 편에서는 보다 구체적으로 분석 대상은 어떻게 설정해야 할 지 안내해 드릴게요!  다음 편은 바로 아래 링크를 통해서 확인하실 수 있어요! :)시리즈 이어서 보기▷ [분석리포트 작성 가이드] 데이터 분석 프로세스 - (1) 분석 목표 선정하기►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (2) 분석 대상 설정►[분석리포트 작성 가이드] 데이터 분석 프로세스 - (3) KPI 설정► [분석리포트 작성 가이드] 데이터 분석 프로세스 - (4-1) 분석 진행 - Journey Map 분석►데이터 분석 프로세스 - (4-2) 분석 진행 - UX Heatmap 분석

확인하기

[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편

안녕하세요, Beusable 팀입니다.😊이전 포스팅에서 페이지를 태그와 컬러로 그루핑할 수 있는 'Group' 기능을 소개드렸는데요,오늘은 'Group'을 어떤 상황에서 어떻게 활용할 수 있을지 알려드리고자 합니다. Case Scenario로 배워보는🗂️ Group 활용 방법 🗂️ 목차1. Group 활용의 장점2. Group 활용 시나리오   2-1. 타겟    2-2. 세팅   2-3. 분석 1. Group 활용의 장점태그명과 컬러로 고객의 탐색 패턴을 확인해요!여정 흐름을 태그명과 컬러로 구별할 수 있어, 여정의 패턴이 한눈에 파악된다는 점이 'Group' 기능의 가장 큰 장점입니다.  2. Group 활용 시나리오저번 포스팅을 통해서 Group 기능에 대해서 이해가 되셨다면, 이제 Journey 리포트의 여정 분석 과정에서 Group을 어떻게 활용하는지 알려드릴게요. [ Case ]분석기간에 따라 사용자의 구매 패턴이 어떻게 달라졌는지 확인하고 싶어요!  2-1. 타겟- Journey Map에서 고객 여정을 더 쉽게 빠르게 분석하고 싶은 사용자 - 고객의 구매 패턴별 분류를 통해 개선점을 파악하고 싶은 이커머스 프로덕트 디자이너- 신제품 출시 관련 마케팅으로 유입된 사용자의 흐름을 직관적으로 확인하고 싶은 마케터- 도메인 내 다수 서비스 방문 패턴 분석을 위해 관련 페이지들끼리 분류하고싶은 기획자 2-2. 세팅구매와 관련된 페이지를 선정하여 태그를 추가하고 그루핑합니다.(위치 : '페이지 관리 모드 > 그룹 관리') 1) 목적에 따라 그룹을 생성합니다.ex. 구매 관련, 서비스/상품 관련2) 구별하고자 하는 구매 관련 페이지에 대한 태그를 생성합니다.3) 알아보기 쉽도록 각기 다른 컬러를 지정해줍니다.ex. 태그 생성 및 색상 지정 완료 예시 4) 그루핑 원하는 페이지들 선택 후, 생성한 태그로 이동시켜줍니다. 👀 세팅 예시활용 상황그룹 명 예시태그 예시고객 여정 패턴 분석탐색 패턴 분석메인, Signin, My, 회사 소개, Recruit, Contact  ...    도메인 내 다수 서비스 그루핑 및 관리서비스 별블로그, 커뮤니티, 서비스 A, 서비스 B, 서비스 C  ...  고객 구매 패턴 변화 분석구매 관련상품 상세 페이지, 장바구니, 주문서, 주문 완료  ...신제품 출시 반응 확인24-1분기 신제품신제품 출시 이벤트 페이지, 신제품 A 상세페이지  ...마케팅 성과 확인24. 03 마케팅상품 A, 상품 B, instagram홍보, facebook홍보  ...2-3. 분석세팅 완료된 그룹을 활용해, Journey map에서 여정 패턴을 분석합니다. (위치 : Journey map) 1️⃣ 전반적인 패턴 확인 원하는 분석 기간 및 세그먼트 설정 후, 여정을 자유롭게 조회하며 고객의 탐색 패턴을 확인합니다.세팅한 대로, 여정의 흐름을 태그명과 컬러로 구분하여 패턴을 쉽게 파악할 수 있습니다.ex) 초록색이 많이 보이는 것을 통해 → 3*3 주요 여정 내에서 Product Detail 페이지의 방문이 자주 등장하는 것을 직관적으로 알 수 있습니다.→ 메인 페이지나 이벤트 페이지를 통해 유입이 많이 될 것으로 예상했으나, 개별 상품 페이지로부터의 유입이 더 많은 것을 확인했을 경우, 마케팅 점검이 필요할 수 있을 것으로 생각됩니다. 2️⃣ 기간별 비교 분석원하는 분석 기간 및 세그먼트 설정 후, '주요여정' 기능을 사용해 가장 많이 발생한 여정을 조회합니다.성과 분석 시, 여정의 흐름을 태그와 컬러로 구분할 수있는 덕에 주요 여정의 패턴 변화를 빠르게 파악할 수 있습니다.ex) 분석 예시 2월보다 3월의 구매여정이 더 강화되었습니다.2월과 달리 3월은 장바구니로부터 바로 주문 및 결제로 이어지도록 여정이 개선된 것을 알 수 있습니다.페이지 구조 및 사용성이나 이벤트 프로모션에 변화가 있었는지 알아보고 어떤 요소가 도움이 되었는지 확인해보세요!- 2월의 주요 여정 : ◼︎Basket → ◼︎Product Detail → ◼︎Product Detail- 3월의 주요 여정 :  ◼︎Basket → ◼︎Order → ◼︎Payment   지금까지 보다 쉬운 여정 탐색을 위한 기능 'Group의 세팅 및 활용법을 소개하는 시간이었습니다.지금 바로 Journey에서 고객 여정의 패턴을 컬러로 확인하러 가볼까요~? 😉  앞 시리즈 다시 보기▶[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편▷[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편 페이지 관리 모드에서 그룹 관리하기 Guide▶그룹 관리 방법 더 자세히 보러가기 

확인하기

[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편

안녕하세요, Beusable 팀입니다.😊오늘은 Journey map의 유용한 기능을 소개드리고자 해요.바로 페이지를 태그와 컬러로 쉽게 여정을 식별할 수 있는 'Group' 기능입니다! “여정에서 페이지 url 이나 노드의 썸네일만으로는 페이지들을 한눈에 구별하기가 어려워요좀 편하게 구별할 수 있는 방법이 없을까요?😥 “ Group기능을 통해태그와 컬러로 페이지를 그루핑하고 패턴을 한눈에 확인하세요! 목차1. Group은 누구에게 필요한 기능인가요?2. Group은 어떤 기능인가요?3. Group은 어디서 활용할 수 있나요? 1. Group은 누구에게 필요한 기능인가요? - 전반적인 서비스 모니터링을 하고 싶지만 고객 여정을 어떻게 분석해야할지 막막한 사용자- Journey Map에서 고객 여정을 더 쉽고 빠르게 분석하고 싶은 사용자 - 긴 url과 스크린샷 만으로는 여정을 한눈에 식별하기 어려운 사용자- 도메인 내 페이지 개수가 너무 많아 관리가 필요한 사용자  2. Group은 어떤 기능인가요? 쉽게 여정을 식별할 수 있도록 도와주는 기능입니다.목적에 따라 태그를 설정해 페이지를 분류하고, 태그명과 컬러로 여정 내 패턴을 구별할 수 있습니다.그룹과 태그 생성 후,각기 다른 컬러가 지정된 다수의 태그를 이용해, 등록된 도메인에서 수집된 모든 페이지를 분류할 수 있는 기능입니다. (기능 위치 : Journey Map) 대표적인 사용 예시로, Journey 리포트에서 고객 여정 조회 시  각 노드에 태그명과 태그별 컬러를 표시해 고객의 탐색 패턴을 한눈에 구별할 수 있도록 도와준다는 점이 있습니다.여정 흐름을 컬러로 구별할 수 있어, 여정의 패턴이 한눈에 파악된다는 점이 'Group' 기능의 가장 큰 장점입니다. Group 기능을 적용하면 위 여정 이미지와 같이, 해당 그룹의 태그별 컬러가 적용되어 페이지를 쉽게 구별할 수 있습니다. 📌 Group 기능 레이어 구성Journey와 Trend에서의 Group 기능은 아래와 같이 구성되어 있어요.    1. Group 기능 버튼 : 클릭 시, 그룹 리스트 출력   2. 그룹 리스트 : 그룹 리스트 중 1개 선택 시, 여정에 선택된 그룹 반영         *그룹 : 자동 1개 + 최대 3개까지 그룹 생성 가능   3. 태그 리스트 :        - 선택된 그룹 하위의 태그 조회        - (여정에 반영할)  선택된 그룹 변경       - 그룹 관리 화면으로 이동 3. Group은 어디서 활용할 수 있나요?Group 기능은 Journey Map의 세 리포트(Ranking/Journey/Trend)에서 모두 활용할 수 있습니다.  Journey 리포트- 태그명과 컬러 구별을 통해, 그룹 목적에 따라 여정의 패턴을 한눈에 파악할 수 있습니다. Trend 리포트 - 트렌드 패턴을 파악해요!- Journey 리포트와 마찬가지로 태그명과 컬러 구별을 통해, 트렌드의 패턴을 한눈에 파악할 수 있습니다. Ranking 리포트 - 대시보드 화면에서 각 페이지가 분류된 태그를 컬러와 함께 확인할 수 있습니다.- [페이지 관리] 버튼을 통해 그룹 관리 화면으로 이동할 수 있습니다. 지금까지 보다 쉬운 여정 탐색을 위한 기능 'Group'을 소개하는 시간이었습니다.2탄에서는 'Group'을 어떤 상황에서 어떻게 활용할 수 있을지 더 상세하게 알려드리고자 합니다. 😉  시리즈 이어서 보기▷[기능 활용] #1 많은 페이지를 쉽게 구별하고 싶다면? "Group" 기능 소개편▶[기능 활용] #2 여정 내에서 한눈에 패턴 확인하자! "Group" 기능 활용편 페이지 관리 모드에서 그룹 관리하기 Guide▶그룹 관리 방법 더 자세히 보러가기 

확인하기

[소셜모임 이커머스] 뷰저블 실제 분석 사례 (2/2) UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기

뷰저블 UX 리서치 팀에서 진행한 UX 무료 컨설팅 사례를 공유 드립니다! 😃안녕하세요, 뷰저블 입니다.😀 이번 2탄에서는 모드파티를 UX Heatmap으로 '페이지 분석하고 개선안을 도출'한 사례를 소개하려고 합니다!Notice! 이 글은 모드파티의 실제 분석 사례를 바탕으로 작성되었으며, 이는 모드파티과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 모드파티• 분석 페이지 수 : 총 24개• 분석기간 : 2023년 10월 11일 ~ 10월 24일 (2주간)개편 전과 후의 사용자 전환 흐름을 비교 분석하고 개편 후 긍정적인 결과가 나왔을 지 점검해보세요. [분석 목표] " 페이지 개편 전과 후의 결과를 비교해보고 싶어요! "모드파티는 10월에 모바일 친화적 UI로 서비스를 개편하였습니다. 개편 전과 개편 후의 결과를 분석해보고자 7월과 10월 동안 메인 페이지에서의 사용자 행동을 비교하고 전환 흐름의 변화를 파악해 보았습니다. [사용 기능] UX Heatmap > Reporting & User AnalyticsUX Heatmap의 좌측은 히트맵 영역으로 고객 행동을 시각화해서 보여주며, 우측은 지표 영역으로 요소별 순위 통계 및 상세 지표를 확인해볼 수 있습니다.Tap Heatmap에서는 [Top Count Rank-더 보기]를 통해 각 요소별 지표 순위를 확인해볼 수 있습니다. 또 Analytics 기능을 통해 페이지로 도달하게 된 유입 채널과 이후 전환 경로까지 꼭 필요한 정보를 한눈에 요약해서 확인해볼 수 있습니다. [현황]CTA 버튼의 Tap PV Rate 순위에 따르면, 개편 전은 상품 관련 CTA가 5개만 있지만 개편 후에는 7개로 증가되었으며 이를 통해 개편 전에 비해 개편 후에는 상품 탐색 페이지 전환율이 27%로, 약 1.8%p 증가했습니다. [결론]결론적으로 개편 후, 상품 탐색과 관련된 전환이 증가했으며 사용자가 이전보다 다양한 상품에 접근하고 있음을 확인할 수 있었습니다. 신규 사용자와 재방문 사용자를 비교 분석해 서로 다른 니즈를 확인하고 각 사용자에게 적합한 개선안을 진행해보세요. [분석 목표] " 신규 사용자와 재방문 사용자의 이동 흐름을 비교해보고 싶어요! "이번에는 이벤트 페이지에서 고객이 어떤 콘텐츠를 얼마나 둘러보고 주목하는지 사용자의 탐색 흐름을 검토해 보았습니다. 이 때, 같은 페이지에 도달하더라도 신규 사용자와 재방문 사용자의 목적과 니즈는 다를 수 있습니다. 때문에 방문 빈도에 따른 사용자의 다른 니즈를 확인하고 사용자에 따라 어떤 개선안을 진행해야 전환률을 높일 수 있을지 확인해보았습니다. [사용 기능] UX Heatmap > Tap & Scroll Heatmap뷰저블에서는 신규 사용자와 재방문 사용자의 PV를 분류해 히트맵 데이터를 조회할 수 있는데요, 이를 통해서 두 사용자의 행동을 비교 분석해볼 수 있습니다.사용자가 어떤 콘텐츠를 주목하는지, 얼마나 관심도를 가지고 있는 지 등 분석 목표를 확인해보기 위해서 신규 사용자와 재방문 사용자로 나누어 이벤트 페이지를 Tap 과 Scroll 히트맵로 분석해보았습니다. [현황]먼저, 스크롤 히트맵을 확인한 결과, 신규 사용자는 이벤트 페이지 하단에 위치한 ‘다른 파티 보러가기’ 버튼까지 47%의 사용자가 도달했지만 재방문 사용자는 동일 영역에 29%의 사용자만 도달했습니다. 또 Tap 히트맵으로 비교했을 때, 신규 사용자는 재방문 사용자보다 ‘다른 파티 보러가기’ 버튼의 Tap PV Rate 수치가 0.5%p 더 높게 나타났습니다.하지만 상단에 위치한 ‘참가신청’ 버튼에서는 재방문 사용자의 Tap PV Rate가 신규 사용자보다 11%p 더 높게 나타났습니다. [결론]결론적으로, 신규 사용자는 상품 탐색에 대한 니즈가 크고, 재방문 사용자는 참가신청에 대한 관심이 더 높다고 해석해볼 수 있습니다. 따라서, 신규 사용자에게 지속적인 탐색을 유도하기 위해 ‘다른 파티 보러가기’ 등의 상품 탐색 정보를 상단에 배치하거나 이벤트 페이지와 같은 마케팅 요소를 더 추가해 재방문 사용자의 전환을 적극적으로 유도해볼 수 있습니다. 탐색 과정 중 정체 구간을 통해 사용자의 불편함을 발견해 보세요. [분석 목표] " 결제 여정 중에 사용자가 겪고 있는 어려움이 있는 지 확인하고 싶어요. "결제 페이지에서 구매 전환 CTA를 누르기 전 고객의 행동 흐름을 확인하고 여정 중 어려움 혹은 불편함을 느낄만한 구간이 있는 지 점검해보고자 했습니다. [사용 기능] UX Heatmap > Scroll Heatmap & Path PlotPath Plot은 페이지 내 사용자의 탐색 흐름과 동선을 시각화 해 제공하는 기능으로 PC 페이지에서만 제공됩니다. Path Plot의 가장 큰 장점은 잠재 고객의 콘텐츠 소비 순서와 과정, 탐색 단계별 이탈 현황과 체류시간을 한 눈에 파악할 수 있다는 점 입니다. 또한 전환 사용자와 비전환 사용자의 탐색 흐름을 비교해볼 수 있어 잠재 고객의 관심사를 파악하고 유도 전략을 세울 때 큰 도움이 되는 기능입니다. Scroll Heatmap에서도 콘텐츠 영역 별 체류시간에 대한 정보를 얻을 수 있지만 Path Plot에서는 요소의 위치와 체류 시간을 시각적으로 더 정확하게 파악해볼 수 있습니다. [현황] 카톡 아이디는 결제 이후 결제 완료 및 모임 공지 메세지를 안내하기 위해 필요한 수집 정보인데요, 모바일에서 Scroll 히트맵으로 분석한 결과, 카톡 아이디 입력란에서의 평균 체류시간은 약 14.3초로 나타났습니다.PC에서 비전환 사용자가 전환하지 않은 원인을 살펴보고자 [Path Plot-Non Conversion] 세그멘팅을 통해 살펴본 결과, 모바일과 비슷하게 카톡 아이디 입력란에서 평균 체류시간이 약 20.9초로 나타났습니다. 다른 영역의 체류시간은 보통 2~5초인 것에 비해 카톡 아이디 입력란에서는 PC와 모바일 모두 평균 약 17초 정도로 평균보다 높은 체류시간을 보이고 있었습니다. [결론]정보를 입력하는 영역에서 다른 영역에 비해 체류 시간이 상당히 높게 나온다면 사용자가 해당 영역에서 어려움을 겪고 있는 것은 아닐지 검토가 필요합니다. 사용자가 카톡 아이디를 숙지하고 있지 못할 가능성을 고려해 카톡 아이디 입력 대신 회원가입 때 수집하는 전화번호를 바탕으로 한 오픈톡이나 SMS를 활용하는 것으로 결제 과정 중 depth를 최소화해볼 수 있습니다. 상품 페이지 별로 회원가입 전환율이 얼마나 다른지 확인해보세요. [분석 목표]어떤 상품에서 회원가입 전환이 더 많이 유도되었는지 확인하기 위해서 상품 페이지별 회원가입 전환율을 분석해보았습니다. [사용 기능] UX Heatmap > Tap Heatmap & Live Heatmap모드파티는 회원가입을 팝업창에서 진행하기 때문에 Live Heatmap으로 회원가입에 대한 사용자 행동을 분석했습니다. 특정 버튼을 눌러야 나오는 팝업창 혹은 숨겨진 메뉴 등을 분석해보고 싶다면 Live Heatmap을 사용해주세요. [현황]현재 상단 GNB 싱글모임과 하단의 캐러셀 카테고리 UI에서는 ‘와인’, ‘요리’, ‘커피’, ‘골프’ 순으로 상품이 나열되어 있는데요, 각 상품 페이지에서 회원가입 버튼의 Tap PV Rate를 확인해보았습니다. 그 결과 ‘와인모임’, ‘커피미팅’에서는 각각 0.5%, 0.3%의 사용자가 회원가입으로 유도되었지만 ‘요리모임’, ‘골프모임’에서는 모두 회원가입 전환율이 0%로 나타났습니다. [결론]‘와인모임’과 ‘커피미팅’에서 회원가입 전환율이 높기 때문에 상단 GNB 싱글 카테고리와 캐러셀 하단 카테고리의 순서를 ‘와인-커리-요리-골프’로 변경해 회원가입 전환율이 더 높은 페이지로 사용자가 쉽게 접근할 수 있도록 유도해볼 수 있습니다. 지금까지 UX Heatmap을 이용해 페이지 개편 성과와 목표 페이지 내 사용자의 행동을 분석해보았습니다. 뷰저블은 기업의 규모와 업종에 상관없이 누구나 쉽고 빠르게 활용이 가능합니다.실제 분석 사례를 참고해 여러분의 서비스를 Data-Driven UX로 분석해보세요! 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉시리즈 이어서 보기▶#1 Journey Map으로 결제까지 이어지는 고객 여정 점검하기▷#2 UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기 UX 분석 리포트 다운받기오프라인 모임 커머스 '모드파티' UX 분석 리포트 다운받기  

확인하기

[소셜모임 이커머스] 뷰저블 실제 분석 사례 (1/2) Journey Map으로 결제까지 이어지는 고객 여정 점검하기

😃안녕하세요, 뷰저블 입니다.😀 “쇼핑몰 개선이 필요한데 데이터 분석을 어떻게 시작해야 할 지 모르겠어요…”“자사몰의 성과를 분석하고 싶은데 어떤 뷰저블 기능을 활용해야 하나요?” Data-Driven UX로 서비스의 방향성을 되짚어 보고 싶은데 어디서부터 시작해야 할지 고민이 많으신가요? 그렇다면 잘 찾아오셨습니다!😉 * 전반적인 서비스 모니터링을 하고 싶지만 뷰저블 사용 방법을 잘 모르겠는 스타트업 기획자* 자사몰 개선이 필요해서 시작했는데, 데이터 분석이 막막한 쇼핑몰 운영자* 디자인 개선 후 성과 분석을 하기 위해 Data-Driven UX분석 사례를 보고 싶은 UX디자이너 데이터 분석에 대해 고민이 많은 고객분들을 위해서 뷰저블 UX 리서치 팀에서 진행한 UX 무료 컨설팅 사례를 공유 드립니다! 이번에는 키즈마일과 다른 새로운 서비스의 사례를 가져왔는데요, 무료 컨설팅의 두 번째 주인공인 바로 모임 및 소개팅 서비스 ‘모드파티’ 입니다. 이번 모드파티 1탄에서는 Journey Map으로 ‘결제 프로세스까지 고객이 도달했는 지 고객 여정을 점검’한 사례를 소개하려고 합니다! Notice! 이 글은 모드파티의 실제 분석 사례를 바탕으로 작성되었으며, 이는 모드파티과 당사의 업무협약 및 정보제공활용 동의를 기반으로 합니다. 또한 이해를 돕기 위해 일부 이미지 및 데이터를 가공하여 사용하였음을 알려드립니다.• 서비스명 : 모드파티• 분석 페이지 수 : 총 24개• 분석기간 : 2023년 10월 11일 ~ 10월 24일 (2주간) 모드파티는 직장인 대상의 취미 모임 및 소개팅과 네트워킹 모임을 주최하는 서비스입니다. 싱글파티, 소셜 모임, 소개팅 등 싱글을 위한 커플 매칭 서비스를 주로 제공하고 있습니다. 📌모드파티가 궁금하다면?여기를 클릭해주세요! ‘모드파티’의 분석 및 개편 목표는 아래 내용과 같은데요, 모바일 친화적으로 개편한 UI에 대한 검증전체 모임이 사용자에게 인지 될 수 있도록 개편탐색 및 결제 프로세스 점검 모드파티는 최근 모바일에 더욱 친화적인 UI로 서비스를 개편했는데요, 때문에 개편 전보다 개편 후에 고객이 더 많은 모임 서비스를 인지하고 탐색하는지, 결제 과정을 수월히 진행하고 있는 지를 중점적으로 살펴보았습니다. 이처럼 분석 목표를 명확히 정의하면 서비스의 방향성이 제대로 잡혀있는지 수월하게 검토해볼 수 있습니다! 대표 여정 분석으로 검토가 필요한 페이지를 발견해보세요. [분석 목표] " 개선이 필요한 부분을 파악하기 위해 전반적인 고객 여정을 점검하고 싶어요. "먼저, 서비스 유입부터 이탈까지 모드파티 사용자의 총체적인 경험을 점검하려고 하는데요, 때문에 Journey Map으로 전반적인 서비스 현황을 파악하고 문제점이 있는 페이지를 발견해보고자 합니다. [사용 기능] Journey Map > Ranking & Journey Report여정 내 개선 포인트를 확인하기 위해서는 서비스에서 많은 고객이 탐색하는 대표적인 여정을 먼저 확인하시는 것을 권장드립니다. 대표 여정은 사이트 내에서 가장 많이 발생한 대표 여정으로 세션의 평균 여정 수를 고려해 가장 교집합이 많은 여정을 발견해볼 수 있습니다.모드파티의 경우, Ranking Report를 통해 1세션 당 사용자가 조회한 페이지는 4.8 페이지로 평균적으로 약 3번의 전환 후 여정이 종료됨을 알 수 있습니다. 때문에 대표여정은 4시퀀스까지 가장 세션 수가 많이 남은 여정으로 볼 수 있습니다.또한 Journey Report에서는 각 단계 별로 전환, 이탈, 롤백, 새로고침, 체류 시간 등의 지표를 확인해볼 수 있습니다. 해당 지표를 통해서 고객이 어떻게 서비스를 둘러보았을 지, 이탈을 한 이유가 무엇일지 등 현황과 원인을 분석해볼 수 있습니다. [현황]모드파티의 대표 여정을 분석했을 때, 상품 페이지를 반복 탐색하며 보통 4페이지 이내에서 종료하는 여정을 보이고 있습니다. 특히 3시퀀스의 롤백률은 평균 롤백지표인 6.9%보다 현저히 높은 309.8%를 기록하고 있습니다. 📌Tips! 롤백률이 100%를 넘을 수도 있나요?📌롤백은 해당 노드에서 다음 노드로 전환했다가 다시 되돌아 온 것을 의미하는 지표로 '해당 노드로 되돌아온 횟수(PV)/해당 노드의 전체 세션(%)'으로 계산됩니다. 때문에 사용자가 여러 번 해당 노드로 다시 되돌아온다면 100%가 넘는 롤백률이 측정될 수도 있습니다. 해당 단계의 노드 리포트를 확인하면, ‘롤백 URL 보기’를 통해 어떤 페이지에서 다시 돌아왔는지 알 수 있는데요, 대부분이 파티 후기 콘텐츠에서 되돌아오는 패턴을 가지고 있습니다. [결론]즉, 사용자는 상품 탐색에 대한 관심도가 높으며 특히 ‘후기’ 콘텐츠를 확인하고 상품을 재탐색하는 것으로 유추해볼 수 있습니다. 때문에 상품에 대한 관심이 더 높아질 수 있도록 '후기' 콘텐츠를 강조하는 방안을 제안해볼 수 있습니다. 어떤 유입 경로에서 진입했을 때 결제까지 이어지는 지 확인해보세요. [분석 목표] " 결제 도달 성과가 높은 유입 경로가 있을까요? "광고 마케팅으로 유입되었을 때 어떤 경로에서 가장 많이 결제 여정으로 이어지는 지 검토해보기 위해서 Journey Report를 확인해보았습니다. [사용 기능] Journey Map > Journey Report유입경로 별 대표 여정을 보기 위해 우측 상단에 위치한 ‘유입경로’ 기능을 사용했는데요, 특히 가장 도달 비율이 높은 인스타그램, 카카오톡, 네이버 검색 유입의 대표 여정을 비교분석해보았습니다. [현황]가장 유입 비율이 높은 인스타그램 (8.6%) 대표 여정은 전체 대표 여정과 동일하게 상품 페이지 탐색 여정으로 확인되었습니다. 카카오톡 유입(6.7%) 대표 여정은 싱글 모임 페이지만 탐색하는 여정으로 확인되었습니다. 하지만 두 유입 경로 모두 4단계 내에서는 결제 페이지 전환이 발견되지 않았습니다. 네이버 검색 유입(8.1%)는 메인 페이지와 상품 페이지를 번갈아 탐색하는 대표 여정으로 확인되었으며 4단계 내에서 5.1% 비율로 결제 전환 여정으로 이어지는 것을 확인하였습니다. [결론]즉, 네이버 검색 유입 사용자의 경우, 실질적 구매로 이어졌기 떄문에 구매 니즈가 더 높은 편으로 해석해볼 수 있습니다. 이런 경우, 해당 채널의 마케팅을 더욱 활용해 구매 전환 사용자의 비율을 높여보는 것을 권장드립니다. Targets로 목표 페이지까지의 도달 과정을 확인하고 개선이 필요한 구간을 확인해 보세요. [분석 목표] " 고객이 결제 페이지까지 어떤 여정을 거쳐 도달하는지 궁금해요. "과연 고객은 목표 페이지인 결제 페이지까지 무사히 도달하고 있을까요? 이번에는 목표 페이지까지 사용자가 어떻게 도달하는지, 이탈 구간이 있는 지를 Targets를 통해 확인해보았습니다. [사용 기능] Journey Map > TargetsTargets는 목표 페이지를 중심으로 도달하기 전과 후의 고객 여정을 보여주는 기능입니다. 해당 기능을 통해서 목표 페이지를 중심으로 주요 여정을 분석하고 의도한 대로 사용자 흐름이 나타나고 있는지 확인해볼 수 있습니다. [현황]Targets를 통해 결제 페이지에 도달하기 전 대부분의 사용자가 상품 페이지를 거치고 있는 것을 확인 할 수 있었습니다. 하지만 상품 페이지에서 평균 지표보다 12.4%p 높은 평균 약 24.3%의 새로고침율이 나타나고 있었습니다. [결론]이렇게 동일한 페이지에서 새로고침율이 높게 나온다면, 페이지 내 불필요한 로딩 혹은 반복적인 콘텐츠가 제공되어 사용자에게 혼란을 주고 있지는 않은지 페이지 내 탐색 과정의 검토가 필요합니다. 페이지 내에서 과도한 새로고침을 줄일 수 있도록 개선해 결제 페이지 전 사용자의 이탈을 최소화해보세요. Targets로 이후 여정을 분석하고 구매 전환 여정을 강화해보세요. [분석 목표] " 구매 전환 여정을 점검해보고 싶어요! "결제 페이지에 도달했다고 해도 사용자가 구매를 했다고 볼 수 없는데요! 고객이 실제로 구매를 완료했다면 결제 완료 페이지가 이후 여정으로 나타나게 됩니다. 결제 페이지 이후 여정을 통해서 사용자가 결제 완료까지 얼마나 전환하는지, 결제를 완료하지 않는다면 어떤 경로로 전환하는 지 점검해보려고 합니다! [사용 기능] Journey Map > Targets앞의 사례와 동일하게 Targets 기능을 통해서 결제페이지 이후 여정을 확인해볼 수 있습니다. [현황]목표 페이지 이후 여정을 살펴보았을 때, ‘결제 페이지>상품 상세 페이지>결제 페이지>결제 완료’를 진행한 여정을 발견할 수 있었습니다. 결제 페이지에서 바로 결제 완료로 이어지지 않고 상품 상세페이지로 전환했다 다시 돌아온 여정인데요, 이 과정에서 56.5%는 여정에서 이탈한 것으로 보이고 있습니다. 이탈 구간의 원인을 찾아보고 구체적인 사용자의 행동을 파악하고자 결제 페이지를 Tap Heatmap으로 분석했습니다. 분석 결과, 결제를 위해서 필수적으로 ‘이용약관 및 환불규정 동의 버튼'을 눌러야 하는 데 해당 내용은 다시 상품 상세페이지로 전환해야 확인할 수 있음을 알 수 있었습니다. 또한 해당 버튼을 필수적으로 눌러야 결제 과정을 계속 진행할 수 있는데 동의 버튼의 Tap PV Rate는 17.1%로 다른 필수 버튼에 비해 저조한 수치를 보이고 있습니다. [결론]즉, 약관 동의 버튼을 누르고 끝까지 결제 과정을 진행한 고객의 비율이 낮다고 볼 수 있습니다. 결과적으로 ‘결제 페이지>상품 상세 페이지>결제 페이지>결제 완료’ 여정에서 절반 이상이 중간에 이탈하는 것으로 나타났습니다. 이러한 경우에는 이용약관 및 환불 규정을 결제 프로세스 내에서 확인할 수 있도록 해당 영역의 UI 개선을 제안해 환불 규정 확인을 위한 전환을 방지해볼 수 있습니다. 지금까지 Journey Map을 이용해 서비스 유입부터 이탈까지,고객의 총체적인 경험을 분석해보았습니다. 2탄에서는 UX Heatmap으로 페이지 내 사용자 행동을 분석하고 개선안을 도출해낸 사례들을 알아보도록 하겠습니다. 이번 포스팅이 도움 되었다면 지금 바로 뷰저블 Journey Map과 UX Heatmap으로 여러분들의 서비스를 점검하고 개편해보세요! 😉시리즈 이어서 보기▷#1 Journey Map으로 결제까지 이어지는 고객 여정 점검하기▶#2 UX Heatmap으로 사용자의 니즈와 실패를 한 눈에 발견하기 UX 분석 리포트 다운받기오프라인 모임 커머스 '모드파티' UX 분석 리포트 다운받기  

확인하기
전체보기