벤치마크 데이터 확인하기

벤치마크 데이터란? 뷰저블 서비스에 누적된 웹사이트 데이터를 기반으로 뷰저블 AI가 8가지 산업군으로 분류하여 추출한 업계별 평균 데이터입니다. *뷰저블 AI가 분류하는 8가지 산업군 제공되는 업계 평균 데이터 벤치마크 데이터에는 1세션당 페이지수, 평균 체류시간, 전환, 이탈, 롤백, 새로고침 등의 업계 평균 데이터가 제공됩니다.*아래 이미지 예시를 참고해주세요! 1. 1세션당 페이지수 *1세션당 페이지 수는 무엇인가요?1세션은 웹 사이트에 접속한 이후 복수의 페이지를 둘러보며 취한 행동을 말합니다.즉, 1세션당 페이지 수는 사용자가 한 세션 동안 방문한 페이지의 숫자를 의미하며, 이를 통해 사용자가 웹사이트에서 얼마나 많은 페이지를 탐색했는지 알 수 있습니다. 2. 평균 체류 시간 3. 전환 4. 이탈 5. 롤백 6. 새로고침 벤치마크 데이터 확인하는 방법 벤치마크 데이터는 뷰저블 Journey Map에서 제공되는 데이터로, Journey Map 랭킹(Ranking) 리포트와 트렌드(Trend) 리포트에서 확인하실 수 있습니다. 1. 랭킹 (Ranking) 리포트 저니맵 대시보드에서 Ranking 리포트를 클릭해주세요. 랭킹리포트의 상단에서 벤치마크 데이터를 바로 확인할 수 있습니다. 2. 트렌드 (Trend) 리포트 저니맵 대시보드에서 Trend 리포트를 클릭해주세요. 트렌드 리포트에서 각 시퀀스별 이탈을 업계 평균 데이터와 비교할 수 있습니다.*시퀀스는 무엇인가요?시퀀스는 사용자가 웹사이트를 탐색하는 동안 거치는 일련의 페이지나 이벤트를 의미합니다. 이를 통해 사용자의 행동 패턴을 분석하고, 특정 경로를 따라가는 사용자의 경험을 시각화할 수 있습니다. ▼벤치마크 데이터를 바로 확인해보고 싶다면!▼

UX Heatmap의 주간 리포트

UX Heatmap의 주간리포트란?매주 변화된 지표와 성과를 한눈에 확인하실 수 있도록, 등록한 페이지의 주요 정보를 요약하여 발송해 드리는 서비스입니다. - 발송시간 : 설정된 리포트의 타임존에 따라 한국 기준 매주 월요일 오전 8시 또는 오후 8시 - 수신계정 : 뷰저블 아이디 (이메일) ※ 뷰저블 아이디(이메일)과 주간 리포트 수신용 이메일은 별도 설정 불가능합니다. <설정 방법>대시보드>주간리포트 ON 주간리포트는 페이지 단위로 발송되며, 샘플 이미지는 다음과 같습니다.

코드는 설치되어 있는데, PV가 수집되지 않아요

리포트가 실행 상태이나 데이터가 수집되지 않거나, 매우 적은 데이터가 수집되는 이슈에 대한 원인은 아래와 같습니다. 1. 코드는 정상적으로 설치되었으나, PV가 실제로 발생하지 않는 케이스 - 등록하신 페이지에서 실제로 데이터를 발생 시킨 다음, 1-2시간 후에 리포트에 반영되는지 확인해보세요 데이터 수집에는 문제가 없다면 매치유형, 등록하신 페이지의 URL에 대한 검토가 필요합니다. :) 2. 코드는 설치되었으나, 오탈자가 있는 케이스 - 코드가 잘못 설치되어 있어 데이터가 정상적으로 수집되기 어려울수 있습니다.코드의 정상 설치 여부를 확인하는 방법은 아래 코드 설치 확인 가이드를 참고해 주세요! :) 코드 설치 확인 가이드: https://forum.beusable.net/ko/solomon/post/883 2-1. uid에 대한 확인 필요- 뷰저블의 코드는 발급된 계정마다 uid가 발급됩니다.현재 사이트에 설치된 코드가 내 계정으로 발급된 코드가 맞는지 비교해보세요.실제로 설치된 코드뷰저블 대시보드에서 확인된 코드 2-2. 코드 내 오탈자로 인한 설치 오류 - 설치된 코드에 오탈자로 인하여 코드가 정상적으로 동작하지 못하는 경우입니다.가급적 코드는 대시보드에서 확인된 상태로 <복사&붙여넣기>를 통해 설치해주시길 바랍니다. #Case 1. beusablerumclient의 앞 뒤로 언더바가 생략되어 있음 #Case2 . x-x-x와 같은 알수 없는 문자가 삽입됨 3. SPA페이지 이슈- SPA 구조로 제작된 사이트라면 반드시 대시보드에서 SPA토글을 켜주세요! 그래야만 페이지 단위로 발생한 데이터를 수집할 수 있습니다 :) 자세한 방법이 궁금하신 분들은 SPA설정에 대한 상세한 가이드도 함께 참고 부탁드립니다. SPA페이지 설정 가이드: https://forum.beusable.net/ko/solomon/post/1046 4. 매치유형 이슈 - 뷰저블의 UX Heatmap은 매치유형에 따라 데이터 수집 범위가 설정됩니다.혹시 설정하신 매치유형이 제한적으로 데이터를 수집하도록 설정되어 있는지 검토해보세요 :)매치유형 설정 가이드에서 보다 상세하게 설명 드리고 있습니다. 매치유형 설정 가이드: https://forum.beusable.net/ko/solomon/post/732 또 등록한 URL과 실제 랜딩 URL 일치 여부 및 설정한 매치 타입이 해당 URL을 포함하는지 확인이 필요합니다.다른 URL로 리디렉션 또는 문자 변환이 일어난 것은 아닌지 확인해 주세요. 5. 리포트의 상태로 인한 수집 불가 : 분석 종료/일시정지/정지된 리포트 - 리포트가 분석종료/일시정지/정지 상태라면 데이터를 수집하지 않으므로 데이터가 훨씬 적게 수집될 수 있습니다.- 만약 분석 종료라면 새로 등록해주셔야 하며, 일시정지라면 PV충전 혹은 플랜 갱신이 필요합니다! 리포트 분석 상태에 대한 상세한 가이드도 함께 참고해주세요! 대시보드의 분석 상태 이해하기: https://forum.beusable.net/ko/solomon/post/1587 6. 리포트의 상태로 인한 수집 불가 : 분석 시작일이 도래하지 않은 케이스설정된 분석 시작일 이전에는 트래킹 코드 설치 확인 불가합니다. 분석 시작 이후 확인해 주세요. 7. URL 뒤에 슬래시(/) 포함 여부 확인하기도메인은 슬래시(/) 여부가 무방하도록 처리되어 있으나, Path는 뒤에 슬래시(/) 여부를 체크합니다.(e.g. 등록된 페이지 URL : https://www.beusable.net/ko 코드가 설치된 페이지 URL : https://www.beusable.net/ko/) Exact, Simple URL Match 의 경우)도메인 URL 등록 시 자동으로 끝에 슬래시(/) 붙어 페이지 등록됨 도메인 URL인 경우에는 끝의 슬래시 여부 관계 없이 코드 설치 확인 가능하며 데이터 수집 또한 정상적으로 이루어짐[예시] https://www.beusable.net 을 등록하더라도 https://www.beusable.net/로 페이지 등록되며 Exact 매치더라도 https://www.beusable.net로 접속한 사용자 데이터도 정상적으로 수집 URL Path 뒤에 슬래시가 붙는 경우)끝의 슬래시 여부에 따라 코드 설치 확인 및 데이터 수집에 영향을 줌[예시] 실제 URL이 https://www.beusable.net/tool/ 일 경우 https://www.beusable.net/tool로 등록 시 정상적인 데이터 수집이 안됨

리포트가 분석 중 상태인데 접근할 수가 없어요

[분석 중]은 최초 데이터가 수집된 직후 이를 처리하는 과정으로 약 2-3시간 정도 소요됩니다.[분석 중] 이후에 [실행]상태로 변경되면 그 때 리포트를 열람하실 수 있습니다. :)

분석 종료된 리포트를 다시 분석하고 싶어요.

분석 종료된 리포트는 재실행이 불가하며, 리포트를 새롭게 등록해주셔야 합니다.

분석리포트 작성할 때 목차는 어떻게 정리하세요?

저희 서비스 이용 현황에 대해서 분석리포트를 작성해야하는데, 목차부터 막막하네요..ㅠ혹시 많이 써보신 분들… 어떻게 구성하시는지 팁좀 알려주세요ㅠ_ㅠ

GNB 개편 성과 분석 리포트, 다들 어떻게 쓰세요?

안녕하세요, 저는 이커머스 서비스를 운영하고 있는 서비스기획자입니다.저희 제품 카테고리가 좀 변경/추가되면서 GNB를 좀 개편하게 되었는데요.얼마전 GNB 개편 전/후레이아웃 성과를 분석하라는 과제를 진행하게되어 저희가 이용 중인 뷰저블을 활용해서 분석 및 리포트를 작성해보려고 합니다.리포트 작성은 처음이라서, 혹시 요런 내용의 분석리포트를 작성해 보신 경험이 있으신 분께 분석팁을 좀 얻고 싶어서요~!일단 제가 좀 살펴본 바로는 아래 히트맵을 통해서 세 지표를 중심으로 GNB 메뉴별로 분석해보는 것인데요.- Click 히트맵 : Click PV Rate, 노출대비 클릭률(Scroll to click)- Scroll, Exposure 히트맵 : 도달률/노출률좀 하다보니 이게 어떤 기준으로 클릭률이 높다/낮다를 판단할 수 있는지 좀 애매한 부분도 있어서ㅠㅠ 어떻게 구분해서 분석하시는지 좀 궁금해요.꿀팁 좀 부탁드립니다.ㅠㅠ

매치 유형을 선택하려는데 URL이 잘 이해가 안가요.

마케팅 대행사에서 일하는 뷰저블 분석 담당자입니다. 클라이언트를 위해서 사이트 개선 제안을 하는 분석리포트를 써야합니다. 페이지 등록하다가 처음부터 막혔어요... 매치 유형 선택하라고 하는데 URL 구조가 잘 이해가 안가네요 ㅠㅠ 각각 어떤 때 사용하는지 쉽게 설명해 주실 분 계신가요~?

[CSS Selector] 모바일 레이어 팝업 제거>페이지 재촬영 시 모바일 화면 잘림

안녕하세요, 모바일 레이어 때문에 히트맵 화면이 자꾸 잘려서, 이미지1의 레이어를 걷으려 합니다. 문제는 제외할 CSS Selector 기능으로 제거는 했는데, 이미지2와 같이 아랫단이 여전히 나오지 않고 있어서요. 혹시 해결방법 아시는 분 계시면, 알려주시면 감사하겠습니다. (이미지 1) (이미지2)

리포트 작성을 위한 데이터 측정기간은 어느정도 두면 좋나요?

뷰저블 히트맵 및 저니맵에 각각 페이지와 도메인을 등록한 다음 리포트를 작성해야될 때마다 부딪치는 벽...분석하는 페이지나 목표가 달라질 때마다 분석기간을 정하는게 어렵네요 ㅠㅠ 분석 리포트를 작성하실 때 기간은 어떻게 정하고 계시나요?

[기능 활용] Zero to One! 데이터 분석의 길라잡이가 필요하시다면 "CX Report"

데이터 분석, 어떻게 시작할지 막막하신가요?이제 "CX Report"에게 맡기고,의사결정에만 집중하세요! 'CX Report'는 Journey Map에 수집된 데이터를 AI가 자동 분석하여 리포트를 생성하는 기능입니다.클릭 한 번으로 인사이트를 얻고, 보고서의 초안을 마련해 보세요! 📌 뷰저블 CX Report의 장점은 무엇인가요? 1. CX Report는 ①데이터 수집 ➡ ②가공 ➡ ③분석 ➡ ④자동화 단계를 한번에 처리하여,분석에 소요되는 시간과 공수를 단 한번의 클릭으로 단축합니다.- 이젠 누구나 클릭 한번으로 CX Report로 받아볼 수 있습니다. 2. 뷰저블의 UX빅데이터를 기반으로 합니다.- 수억개의 인터랙션 빅데이터와 수년의 뷰저블의 분석 노하우를 담은 뷰저블의 UX Intelligence가 탑재되어이를 기반으로 CX Report를 생성합니다. 3. 빠른 의사결정에 집중할 수 있도록 합니다.- 현황 파악부터 요약, 결론까지 모든 인사이트를 하나의 리포트에 담았습니다.이제는 요약된 CX Report를 기반으로 의사결정에만 집중할 수 있습니다. 📌 CX Report는 어떻게 활용할 수 있을까요? 1. 데이터 분석이 처음인 초보 데이터 분석가! 데이터 분석을 어디서부터 어떻게 시작해야 될지 모르겠다면 뷰저블의 CX Report로 기본 개념을 잡아보세요! CX Report에서 알려주는 결론과 요약을 기반으로 데이터 분석의 목표를 잡아볼 수 있습니다. :) 실제 CX Report 예시입니다. 2. 데이터 분석을 A부터 Z까지 알려줄 든든한 사수가 필요한 신입 분석가! 어떤 지점을 개선 포인트로 삼아야 할지, 인사이트를 어떻게 살펴봐야 할 지 모르겠나요?든든한 뷰저블의 CX Report가 분석부터 종합적인 개선 포인트까지 알려줍니다! 예시) 분석 리포트에서 제안하는 인사이트 및 개선 포인트 3. 업무 리소스를 효율적으로 집중하고 싶은 컨설턴트! 뷰저블의 CX Report는 문제점 요약부터 결론까지 한 눈에 알려주는 든든한 분석 전문 인력이 있는 것과 다름 없습니다!이젠 요약부터 분석까지 맡기고, 전문화된 인력은 의사결정에만 집중할 수 있습니다. 더 적은 리소스로 더 많은 클라이언트와 작업해 보는 기회를 만나볼 수 있습니다. :) 데이터 분석부터 핵심 여정까지 한번에! 📌 CX Report는 어떻게 받아볼 수 있나요? CX Report는 크게 2가지 방법으로 생성할 수 있어요! 1. 정해진 주제로 리포트 받기Journey Map 룰렛에서 뷰저블이 제안하는 주제의 CX Report를 생성할 수 있어요!① '구매(유료 결제 필요)' 또는 '무료 리포트 받기' 버튼으로 리포트를 생성합니다.무료 리포트의 경우 룰렛 중 한 주제에 대한 리포트를 생성합니다.② Journey Map - Mine에 접속 후 생성된 리포트를 클릭하여 조회합니다.분석이 완료되면 리포트 조회가 가능하며, 리포트에 따라 분석 소요 시간은 상이합니다. 2. 조회 중인 세그먼트로 리포트 생성하기Journey Map 리포트에서 지정한 세그먼트에 대한 CX Report를 생성할 수 있어요!① 리포트 조회를 원하는 Journey Map의 리포트로 접속합니다.② 분석하고 싶은 데이터의 세그먼트(범위/조건)을 설정합니다.Ranking / Journey / Trend 별로 리포트 타입이 다릅니다.③ "조회 중인 화면 AI로 분석하기(유료 결제 필요)"를 클릭합니다.④ 세그먼트 선택 → 세그먼트 확인 및 결제를 진행합니다.분석이 완료되면 리포트 조회가 가능하며, 리포트에 따라 분석 소요 시간은 상이합니다. 📌 CX Report를 활용해서 추가 분석을 하고 싶다면? 생성한 CX Report를 조합하거나, 비교하고 편집할 수도 있어요! 추가 기능은 아래 포럼 글을 참고해 주세요. :) Mashup (CX Report 조합하기): https://forum.beusable.net/ko/solomon/post/2304CX Report 비교 분석하기: https://forum.beusable.net/ko/solomon/post/2341CX Report 편집하기: https://forum.beusable.net/ko/solomon/post/2344 ▼CX Report기능을 바로 활용해보고 싶다면!▼

UX Case Study [8] : 이커머스 사이트 내 검색 기능 사용자 니즈 분석하기

안녕하세요, 뷰저블 UX Researcher입니다. 오늘 다뤄볼 주제는 이커머스 사이트 뿐만 아니라, 커뮤니티 등에서 아주 중요한 역할을 하는 '검색' 기능과 관련한 페이지에 대한 분석이에요. 1. 분석할 페이지와 분석 목적 파악이커머스 마케터라면 특히, 주력으로 판매하는 제품군의 주요 고객의 니즈를 파악해서 마케팅 전략을 세우는 것이 무엇보다 중요한데요,그래서 이번 분석을 통해 인기 판매 상품인 '노트북'을 검색하는 고객들은 어떤 니즈를 가지고 있는지, 또 '검색 결과 페이지'를 개선한다면 어떤 정보가 추가 되어야할지 등의 중요한 정보를 얻고자 해요. 2. 분석 대상 파악하기'노트북'을 검색한 고객의 니즈를 확인하기 위해서, 검색 결과 페이지를 통해 상품 상세 페이지를 진입한 고객의 행동을 비교 분석해보는 방법이 있는데요, 그 중 하나의 지표로 어떤 요소로 많이 전환 했는지 알 수 있는 TOP 10 클릭 순위를 분석해 봤어요. 3. 분석 결과 해석 및 인사이트 도출글 상세 상세 페이지의 유입경로를 각각 '전체' vs '검색 결과 페이지'로 설정한 후 각 TOP 10 클릭 요소를 비교해 보니,'검색 결과 페이지'에는 있고, '전체'에는 없는 요소가 있었는데, 그게 바로 '1:1 문의하기' 버튼이에요. [Mobile Click Heatmap] 상품 상세 페이지의 TOP 10 Click 요소 (유입경로: 전체 vs 검색 결과 페이지)또 라이브 히트맵에서 노출 대비 클릭률을 비교해봐도,실제로 '검색 결과 페이지'에서 유입된 고객의 '1:1 문의하기' 노출 대비 클릭률이 전체 대비 5배 가량 높은걸 확인할 수 있어요. [Mobile Live Heatmap] 상품 상세 페이지의 '1:1 문의하기' 버튼 노출 대비 클릭률 (유입경로: 전체 vs 검색 결과 페이지) 이와 같은 데이터들을 종합해 봤을 때, '노트북'을 검색한 고객은 1:1 문의하기에 대한 니즈가 있어 검색 기능을 이용하는 패턴이 있음을 쉽게 파악할 수 있어요. 4. 개선 인사이트 특정 상품 1:1 문의에 대한 니즈를 가진 고객들이 굳이 검색 결과 페이지를 거쳐 상세 페이지까지 진입할 필요 없이 더 빠르게 니즈를 충족할 수 있도록, 검색 결과 페이지의 각 상품에 '1:1 문의하기' 아이콘을 제공해 보는 것은 어떨까요? 이처럼 유입 경로에 따른 고객의 클릭 순위, 클릭률 비교를 통해 특정 제품을 검색하는 고객의 니즈를 분석해 보았는데, 어떠셨나요? 검색 기능이 있는 사이트라면, 여러분들께서도 직접 이런 분석 방법을 활용해 보세요! 분석 결과 해석에 어려움이 있거나, 다른 현업자들의 의견이 궁금하다면 댓글과 포럼 게시판에 남겨주세요! :)

UX Case Study [6] : 상품 목록 페이지(PLP) 상단에 노출할 컨텐츠 결정하기

안녕하세요, 뷰저블 UX Researcher입니다. 오늘은 스크롤 히트맵의 주목도 그래프(Attention graph) 분석을 통해고객의 관심도 높은 컨텐츠를 확인하여 개선안을 도출했던 사례를 소개해 드리려고 해요. 1. 분석할 페이지와 목적 파악하기다양한 제품을 판매하는 이커머스 사이트의 '전체 상품 목록' 페이지를 분석한 내용인데,분석을 진행한 목적은 '각 제품군별 상품 목록 페이지(PLP)'에 진입 시 노출되는 상단 영역에 노출할 컨텐츠를 찾고자 함이에요. 분석할 '전체 상품 목록' 페이지는 (1)프로모션 (2)인기 상품 (3)이벤트/기획전 (4)패키지 상품 컨텐츠로 다양한 제품과 이벤트 등을 소개하고 있고, 상단에는 '각 제품군별 상품 목록 페이지(PLP)'로 진입이 가능한 'LNB 메뉴 영역'이 있어요. 'LNB 메뉴 영역' 내 각 제품군(PC, 노트북, 패드, 워치)을 클릭한 고객들이 (1)~(4) 중 어떤 컨텐츠에 가장 관심을 많이 보이는지 확인하면, 각 PLP에 어떤 컨텐츠를 노출하면 좋을지 쉽게 결정할 수 있겠죠? [데스크탑: 전체 상품 목록 페이지] 2. 분석 대상 파악하기'LNB 메뉴 영역'에서 각 제품군을 클릭한 고객들의 니즈를 파악하기 위해 Segmenting CTA 기능을 사용했어요. 각 제품군을 클릭한 고객들의 주목도 그래프를 분석하여,각 사용자들은 (1)~(4) 중 어떤 곳에 관심을 보이는지 확인해 보기로 했어요. 3. 분석 결과 해석하기각 제품군을 클릭한 고객들의 주목도 그래프를 '전체 고객'의 그래프와 비교했을 때,제품군별로 주목도 그래프가 높아지는 구간이 확연히 다른 것을 확인할 수 있죠? PC는 '(1)인기상품' 영역에, 노트북은 '(2)이벤트/기획전' 영역에,패드와 워치는 '(4)패키지 상품' 영역에 가장 관심도가 높았다고 해석할 수 있었어요. [데스크탑] : 전체 고객의 주목도 vs 각 제품군을 클릭한 고객의 주목도 그래프 4. 개선 인사이트제품군별로 고객의 관심이 높았던 컨텐츠를 '각 제품군의 상품 목록 페이지(PLP)'에 노출하여,고객의 탐색과 체류시간을 늘려보는 방향으로 제품 목록 페이지를 개선하는 방안을 검토해 보면 어떨까요? 이번 편에서는 주목도 그래프로 고객의 니즈를 파악하는 방법을 알아보았는데요,뷰저블로 고객의 니즈를 파악할 수 있는 정말 다양한 방법을 꼭! 실제 분석하실 때 활용해 보시고, 분석 결과 해석에 어려움이 있거나, 다른 현업자들의 의견이 궁금하다면 댓글과 포럼 게시판에 남겨주세요! :)

UX Case Study [2] : 분석 목적에 따라 히트맵 / 주요 지표 활용하기

안녕하세요, 뷰저블 UX Reseacher입니다. 지난 포스트( https://forum.beusable.net/ko/post/456 )에서는 웹페이지 UX 분석을 위한 첫 단계로 '페이지 등록 절차' 대해 다뤘다면,오늘은 분석 목적에 따라 활용할 수 있는 다양한 기능들과 지표 활용 방법에 대해 설명해 보려고 해요. 일반 가이드에는 없는, UX Researcher만의 해석 꿀팁들이 담겨있으니 주목해 주세요! :) 1. PC/Mobile : Click/Tap Heatmap 유효클릭/탭 : 사용자의 전환율 파악 가능무효클릭/탭 : 사용자의 pain-point 파악 가능무효 클릭이란, 링크가 아닌 곳에 클릭이 발생한 경우를 말함 [Desktop] Click Heatmap ☻ 분석 팁!분석에 활용되는 주요 유효 클릭 지표와 해석 방법지표정의분석 TipClick(Tap) RateClicks/페이지 내 전체 clicks(%): 전체 페이지 내 클릭(탭) 비중전체 관심 중, 해당 콘텐츠에 대한 비중으로 해석Click/(Tap) PV Rate(%)Click PV(Unique Click)/전체 PV(%): 해당 콘텐츠를 클릭한 PV의 규모 도달률/노출률 대비 Click PV Rate를 확인하면, 실제 해당 콘텐츠의 전환 성과로 볼 수 있음 Hover to Click RateClicks / Hover (%): 관심을 가진 사람 중 클릭으로 이어진 비중 낮다면? 왜 관심으로 이어지지 않았을지 검토 필요높다면? 고객의 니즈에 부합한 콘텐츠로 해석 Hover to Click time Hover한 사람이 클릭까지 걸린 시간 짧다면? 결정까지 어려움이 없었다고 해석길다면? 사용자가 망설였거나, 이해하지 못했을 가능성Scroll to Click/Tap(%)특정 콘텐츠/영역에 도달한 사용자 대비 해당 요소를 클릭한 사용자의 비율 사용자 도달 대비 전환 효율Double tap rate전체 더블 클릭 대비 해당 요소에 발생한 더블 클릭 비중100%라면? 해당 요소에만 더블 클릭이 발생했다고 해석로딩 속도가 느리진 않은지 클릭이 원활하게 이뤄졌는지 점검 필요 2. PC : Move Heatmap - 사용자들의 관심도 파악 가능[Desktop] Move Heatmap Move 히트맵을 Click/Scroll 히트맵 지표들과 교차 분석하면 인사이트를 쉽게 얻을 수 있어요! 클릭 vs 호버호버 > 클릭 : 관심이 많으나 전환으로 이어지지 않은 콘텐츠호버 < 클릭 : 관심이 적으나 많은 전환으로 이어진 콘텐츠클릭 = 호버 : 관심도 많고 전환도 높은 콘텐츠 [Desktop] Click vs Move Top 10 요소 비교 도달 vs 호버사용자 도달률이 낮은데 높은 관심의 콘텐츠 확인사용자 도달률이 높은데 낮은 관심의 콘텐츠 확인 3. PC/Mobile: Scroll Heatmap (1) 히트맵 색상 컨텐츠 영역까지 얼마나 많은 사용자가 도달했는지 파악 가능주요 컨텐츠까지의 도달률이 너무 낮다면, 위치 조정 등을 통해 우선 스크롤 노출률/도달률 자체를 높이는 방안 검토 필요 (2) Attention Graph (도달률X체류시간)구간별로 얼마나 숙독/주목했는지(체류시간) 파악 가능캐러셀이나 자동 애니매이션처럼 컨텐츠가 많은 구간인데 오히려 주목도가 낮아지거나 비슷하다면, 컨텐츠 개수나 영상 길이를 줄이는 방안 검토 필요 신규/재방문, 유입경로별 주목도를 비교해보면 각 그룹별 관심도 차이를 확인할 수 있음페이지 내 상대적인 주목도를 표현한 것이기 때문에, 다른 두 그룹의 체류시간을 비교할 땐 각각의 구체적인 수치를 계산하여 비교가 필요함 [Desktop] Scroll Heatmap내 주목도 그래프 > 주목도가 낮아지는 구간 (3) 페이지 효율 Average Fold를 기준으로 상/하단 영역의 클릭/호버수 비교를 통해 페이지 효율을 파악만약 페이지 하단의 길이가 더 짧은데 클릭/호버 인터랙션이 더 많다면, 하단의 효율이 더 좋다고 판단할 수 있음 페이지 효율을 확인할 수 있는 지표 (4) 스크롤 중단율사용자가 어느 구간에서 가장 많이 중단하는지, 이탈률이 가장 높은 콘텐츠 구간을 구체적인 픽셀로 확인이 가능함구간별 막대 길이(도달률)의 차이가 클 수록 중단율이 큰 구간으로 해석할 수 있음스크롤 중단율이 가장 높은 구간을 확인할 수 있음 4. Mobile: Zoom/Swipe Heatmap (1) Zoom 어떤 컨텐츠/영역에서 더 자세히 또는 확대해 보고싶은 니즈가 있었는지 파악 가능이커머스 사이트에서 특정 상품 상세 이미지에 Zoom in 인터랙션이 발생했다면 추가 이미지 제공이 필요하진 않을지 검토 필요 (2) Swipe 어떤 컨텐츠/영역에서 여러번 스와이프가 일어났는지 파악 가능상/하 스와이프: 화살표가 수가 많다면 해당 영역을 여러번 재탐색 했다고 해석할 수 있음 좌/우 스와이프 : 스와이프가 일어날 곳이 아닌데 발생했다면? 착각을 주고 있진 않은지 UI 점검 필요 5. Path Plot 사용자 그룹별 탐색 과정, 경로를 비교할 수 있음 평균 사용자 그룹: 평균적인 활동 범위를 가진 그룹FANs 사용자 그룹 : 적극적으로 페이지(서비스)를 탐색한 그룹상위 25%의 높은 활동률을 보이는 그룹으로 ‘잠재 고객’으로 이해할 수 있음전환한 사용자 그룹 : 설정한 그룹 중 전환한 사용자의 탐색 흐름 어떤 콘텐츠를 살피고 전환했는가 파악전환하지 않은 사용자 그룹 : 설정한 그룹 중 전환하지 않은 사용자의 탐색 흐름 사용자들의 pain-point 파악[Desktop] 평균 그룹 vs FAN 그룹의 Path Plot 비교 ☻ 분석 팁!Fans group & Non-Conversion로 세그멘팅하여,충성도는 높지만 전환하지 않은 유저들의 특징 파악하고자 할 때 활용할 수 있음 6. Live Heatmap SPA 구조의 페이지 혹은 햄버거 메뉴와 같이 동적인 요소, 페이지 길이가 가변적일 때 데이터 확인 & 컨텐츠의 효율 측정 가능[Desktop] Live Heatmap > 숨어있는 레이어와 햄버거 메뉴의 노출 및 클릭 지표 (1) 노출률 요소가 사용자 화면에 노출된 비율만약 페이지 길이가 가변적이라 스크롤 데이터 확인이 어려운 경우 라이브 히트맵의 Click PV Rate/노출값으로 대체 가능노출 자체가 너무 적다면, 레이아웃 변경 등을 통해 노출 자체를 늘리는 것을 먼저 검토 (2) 관심율 호버 PV/노출 PV (%)해당 콘텐츠를 본 사용자가 어느정도의 관심을 보였는가컨텐츠에 대한 소비 효율을 확인할 수 있음 7. User Analytics (1) 유입경로(직전 URL로 구분)사용자의 특성과 니즈 파악 가능도메인 상이 여부에 따라 내부/외부로 구분외부 유입 중 각 유입(검색/SNS 등) 채널별 비중은 어떤지 확인 각 유입(검색/소셜)이 전체 중 차지하는 비중은 얼마인지 확인 가능 (2) 전환경로내부 유입이 많은 경우내부에서 어떤 정보를 획득하고 다른 페이지로 전환된 유저인지 파악 가능외부 유입이 많은 경우 어떤 곳에 관심을 보이는지, 외부 사용자 특성 파악 가능 8. Segmentation (1) Referrer(유입경로)직전 URL로 구분됨유입 경로별로 사용자의 특징 비교 가능 (2) 신규/재방문 사용자신규/재방문 사용자 별로 히트맵의 특징 비교 가능 콘텐츠 제공 목적, 타겟에 따라 신규/재방문 유저를 구분하여 볼 수 있음 (3) Segmenting CTACTA를 클릭한/클릭하지 않은 사용자에 따른 특징 비교 가능 구매로 전환한 사용자와 그렇지 않은 사용자 비교 분석클릭한 사용자가 유입된 직전 URL 마케팅 효과 측정 or 마케팅을 집행할 채널을 정할때 활용 9. Funnel / Session 리포트 (1) Funnel 분석개선하고자 하는 프로세스를 퍼널로 등록하여 페이지별 전환율 확인 ‘최종 목적지까지의 전환율’ 향상을 위한 개선점 파악 가능각 페이지별 이탈률을 계산하여 이탈률이 가장 높은 구간의 페이지를 발견하고 개선점 찾아보기경로별 User Flow를 확인하여 예상대로 유저들이 움직이는지 파악 가능 뷰저블 홈페이지 Funnel 등록 : 메인 > Features > Pricing(최종 목적지) (2) Session Report 개별 사용자 상세 탐색 분석전환된, 전환되지 않은 유저들의 개별 흐름을 확인하여 pain-point 분석 가능 [Session Report] Features 페이지에 방문한 한 고객의 탐색 흐름 오늘은 다양한 뷰저블의 기능들을 지표 해석에 실제로 활용하는 꿀팁들을 알려 드렸는데요, 직접 한번 활용해보시고 분석 결과 해석에 어려움이 있거나, 다른 현업자들의 의견이 궁금하다면 댓글과 포럼 게시판에 남겨주세요! :)

UX Case Study [1] : 웹 페이지 UX 분석을 시작하기 위한 첫 단계

안녕하세요, 뷰저블 UX Reseacher입니다. 이번 글에서는 본격적인 분석에 들어가기에 앞서,페이지 분석을 시작하기 위해 어떤 준비가 필요한지, 첫 단계부터 차근차근 설명해 드리려고 해요. :) 1. 분석을 실시하는 목적 파악하기우선 분석할 페이지와 분석 목적에 대한 정의가 필요해요.분석을 진행하는 목적이 명확해야, 어떤 분석 방법을 적용해야 할지 또 어떤 방식으로 개선하고 성과를 측정해야 할지도 정할 수 있기 때문이에요. 서비스 현황을 전반적으로 점검하기 위한 분석일 수도 있고,보다 구체적으로는 GNB/UI 개편 전후의 현황 또는, 검색 기능 유저들의 행태나 고객 니즈와 Pain Point 파악 등이 분석의 목적이 될 수 있겠죠? 가장 먼저, 서비스의 장/단기 목표 그리고 개편 계획에 따라 분석 목적을 정해주세요. 2. 구체적인 분석 대상 정하기분석할 목적이 정해졌다면, 이젠 그 목적에 따라 분석할 구체적인 대상을 정해볼 차례인데요, 크게 분석 대상은 ‘유형’과 ‘KPI’ 두 가지로 나눠볼 수 있어요. ► 분석 대상을 ‘유형’으로 나눈다면,– 여정 (ex. 구매 프로세스)– 특정 페이지 전체 (ex. 상품 상세 페이지 PDP)– 컨텐츠 (ex. 배너, 게시글, 버튼, 메뉴, 캐러셀 이미지) ►분석 대상을 ‘KPI’로 나눈다면,– 전환이 목적인 경우 : CTA 성과, 전환 이전 탐색 흐름, 전환 경로 파악, 이탈률 등– 정보 전달이 목적인 경우 : 블로그 게시글 도달률, 숙독률 등 3. 분석할 사이트 구조와 분석 가능한 방식 파악분석 대상이 정해졌다면, 다음은 페이지를 어떤 매치 유형으로 등록해서 ‘어떻게’ 분석할지 결정하는 단계에요. (1) 분석할 페이지 URL 구조 파악페이지를 등록하기 위해 URL 구조를 파악해야 해요. 사이트 내 페이지, 각 메뉴나 Step별로 어떤 URL 구조를 가지는지 (도메인/파라미터/패쓰 등이 달라지는지) 파악을 해주셔야, 이후 선택할 매치 유형도 결정할 수 있어요. (2) 접근 방식 파악페이지를 등록할 때 필요한 또 하나의 중요한 정보로,예를 들면 ‘마이페이지’처럼 로그인이 필요한 페이지인지, 아니면 URL은 있지만 특정 옵션을 선택했을 때에만 접근이 가능한 페이지인지 파악이 필요해요. (3) 페이지 개발 구조 파악분석 방식을 결정하기 위한 과정으로, 어떤 방식으로 페이지가 개발 되었는지 알아야해요. 예를 들면, 페이지 내 CTA를 클릭해도 URL이 바뀌지 않는 SPA 페이지인지, 패럴렉스 페이지인지, 분석에서 제외할 팝업 요소는 없는지 등을 파악하고 리포팅 히트맵 또는 라이브 히트맵 중 분석이 가능한 방식을 결정하는 단계에요. (4) 데이터 수집 가능 여부뷰저블에선 요소들의 쿼리셀렉터를 기반으로 데이터를 수집하여 히트맵으로 표현해주고 있는데요.분석할 요소들이 요소별로 고유의 쿼리셀렉터를 가지고 있는지,또 페이지마다 공통적으로 노출되는 GNB 메뉴나 푸터는 페이지별로 동일한 쿼리셀렉터를 가지고 있는지 등을 파악하여 데이터 수집 가능 여부도 꼭! 미리 파악해 주셔야 해요. 여기서 잠깐 ! 뷰저블 쿼리셀렉터를 확인하는 방법을 잘 모르겠다면?https://forum.beusable.net/ko/solomon/post/1303이 게시글을 참고해주세요! 4. 매치 유형 선택 및 페이지 등록 완료3번에서 파악했던 URL 구조 및 접근 방식에 맞게 매치 유형을 선택해 주세요.매치 유형까지 선택 하셨다면 페이지 등록이 완료됩니다!완료 후 정확한 데이터 분석을 위해 최소 7일 정도의 데이터 수집 기간을 확보해 주세요. 여기서 잠깐 ! 분석 목적에 따라 아래 [매치 유형 선택 가이드]를 참고하면 아주 쉬워요![매치 유형 선택 가이드] 5. 분석 목적/대상에 따라 뷰저블 기능 활용하기1~4번을 완료하신 후 분석할 준비가 끝나셨다면, 이제 드디어 뷰저블을 활용하여 분석을 시작해 볼까요? 뷰저블의 다양한 기능을 실제로 분석에 활용하고 지표를 해석하는 방법이 궁금하시다면,다음 포스트를 확인하세요!▶https://forum.beusable.net/ko/post/457 또 분석 결과 해석에 어려움이 있거나, 다른 현업자들의 의견이 궁금하다면 댓글과 포럼 게시판에 남겨주세요! :)