안녕하세요, 뷰저블 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://www.beuillage.net/post/447 이 게시글을 참고해주세요!

4. 매치 유형 선택 및 페이지 등록 완료

3번에서 파악했던 URL 구조 및 접근 방식에 맞게 매치 유형을 선택해 주세요.

매치 유형까지 선택 하셨다면 페이지 등록이 완료됩니다!

완료 후 정확한 데이터 분석을 위해 최소 7일 정도의 데이터 수집 기간을 확보해 주세요.

여기서 잠깐 ! 분석 목적에 따라 아래 [매치 유형 선택 가이드]를 참고하면 아주 쉬워요!
[매치 유형 선택 가이드]

5. 분석 목적/대상에 따라 뷰저블 기능 활용하기

1~4번을 완료하신 후 분석할 준비가 끝나셨다면, 이제 드디어 뷰저블을 활용하여 분석을 시작해 볼까요?

뷰저블의 다양한 기능을 실제로 분석에 활용하고 지표를 해석하는 방법이 궁금하시다면, 다음 포스트를 확인하세요!

또 분석 결과 해석에 어려움이 있거나, 다른 현업자들의 의견이 궁금하다면 댓글과 포럼 게시판에 남겨주세요! :)

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

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