비트코인사 MTS의 신규 유저를 사로잡아라! 스크롤 히트맵, 시계열 그래프, A/B 테스팅 활용하기

 

*해당 글은 가상의 비트코인 MTS에 대한 분석 시뮬레이션에 해당하는 글입니다.

 

안녕하세요. [뷰저블 X UXO] 산학협력 <‘D’itcoin> 팀입니다!

 

비트코인에 대한 관심이 계속해서 늘어나고 있습니다. 저희 팀은 투자 초보자도 쉽게 사용할 수 있도록 만들어져 있는 비트코인 회사 A사의 MTS에, 뷰저블의 다양한 신규 기능을 적용해 유저의 행동 데이터 분석을 시뮬레이션해보았습니다. 분석 결과를 토대로 코인 거래의 진입장벽을 낮추고, 유저 유입 단계부터 긍정적인 경험을 제공하는 UI/UX 전략을 제안하고자 합니다.

 

함께 알아볼까요?

 

개요

01 콘텐츠 소비를 시각화하는 스크롤 히트맵
02 유저 유입 시간대를 파악할 수 있는 시계열 그래프
03 개선안의 효과를 검증하는 A/B 테스팅
04 신규 유저를 재방문 유저로

 

 

 

콘텐츠 소비를 시각화하는 스크롤 히트맵

필름 스트립이란?

 

뷰저블의 스크롤 히트맵에 새로운 기능이 추가되었는데요. 이를 통해 한눈에 일자별 스크롤 히트맵을 조회할 수 있습니다. 하루 단위로 달라지는 스크롤 히트맵을 통해 특정 콘텐츠 영역의 주목도를 구체적으로 분석할 수 있습니다.

 

• 일자별 / 주간별 스크롤 히트맵을 직관적으로 비교 가능

기간 별로 스크롤 히트맵의 차이를 비교함으로써 콘텐츠에 대한 주목도 차이를 비교할 수 있습니다. 또한, 한달 간 일자별 패턴을 한 눈에 확인할 수 있는데요. 이를 통해 주목도 및 도달율이 가장 높았던 일자를 선택해보고 어떠한 차이를 가지고 있는지 살펴볼 수 있습니다.

 

• 어텐션 그래프도 함께 비교 가능

어텐션 토글을 키면 어텐션 그래프도 스크롤 히트맵과 같이 비교할 수 있습니다. 언텐션 그래프는 히트맵 중간에 있는 꺽은선 그래프로 유저들의 구간별 '주목도'를 시각화하여 나타냅니다. 즉, 페이지에 도달한 유저 대비 각 콘텐츠 섹션에 머물렀던 수준에 대해 파악할 수 있습니다.

 

 

 

뷰저블 스크롤 히트맵으로 A사 MTS에서 인사이트 얻기

 

스크롤 히트맵을 이용해 유저들이 A사에서 어떤 콘텐츠에 관심도가 높은지 확인해 볼까요?

 

뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 기간을 선택합니다. 스크롤을 클릭하고, 필름스트립 토글을 선택합니다. A사의 일자별 스크롤 히트맵을 확인할 수 있습니다.

 

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

 

일자별 스크롤 히트맵을 확인한 결과,

 

• 시장 동향 페이지에서 신규 유저들은 하단에 위치한 '자산가들의 투자 현황' 콘텐츠에 특별히 많은 관심을 보인다는 것을 확인했습니다.
• 시각화된 7일 간의 어텐션 그래프에서는 하단 콘텐츠가 상단 콘텐츠 못지않게 꾸준히 높은 주목도를 유지하는 것을 확인했습니다.

 

 

 

제안하는 개선안

 

‘자산가들의 투자 현황’ 콘텐츠를 상단 배치함으로써 유저의 주목도를 유지하고, 메인 페이지에 관련 콘텐츠를 추가로 노출하여 유저의 관심을 초기부터 끌어올리도록 개선한다면 좋겠네요!

 

유저 유입 시간대를 파악할 수 있는 시계열 그래프

시계열 그래프란?

 

특정 페이지의 유저 접속률이 하루 중 몇 시에 높은지 궁금하지 않으신가요? 어느 시간대에 광고 콘텐츠를 올리고, 핵심 기능을 홍보하는 게 가장 효과적일지 궁금하기도 합니다.

시계열 그래프는 유저가 어느 시간대에 페이지를 접속하는지 PV(Page View) 수를 한 눈에 시각화할 수 있는 기능입니다.이를 활용해 데이터에 기반한 전략 수립에 도움을 줄 수 있습니다.

 

시계열 그래프는 다음과 같은 기능을 제공합니다.

 

• 직관적인 히트맵 막대 그래프

하루를 시간대별로 나누어 유저의 방문 수를 그래프로 확인할 수 있습니다. 시간 단위로 데이터를 색상으로 표현한 히트맵을 통해 방문 빈도를 직관적으로 파악할 수 있습니다. 막대 그래프의 X축에는 1시간 단위 시간을, Y축에는 PV(Page Views) 수치를 표시합니다. 방문 PV가 많을수록 막대가 높고 그라데이션이 붉게 나타납니다.

 

• 시간대별 PV 수 조회 및 비교

특정 시간대의 PV수를 정확하게 알고 싶으신가요? 막대 위에 마우스를 호버(Hover)하면 해당 시간대의 PV 수를 바로 확인할 수 있습니다. 시계열 그래프를 활용해 특정 페이지의 PV 변화 추이를 확인할 수 있고, ****특정 마케팅 캠페인이나 이벤트를 진행하기에 가장 효과적인 시간대를 도출할 수 있습니다.

 

 

 

시계열 그래프로 A사 MTS 메인페이지 분석해보기

 

A사 MTS의 메인 페이지의 시계열 그래프를 확인하고자 하였습니다.

 

뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 날짜를 선택합니다.

이때 날짜는 기간이 아닌, 하루로 설정해주세요. 예시로 12월 15일을 선택해보았습니다.

 

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

 

 

다음과 같이 우측상단에서 시계열 그래프를 확인할 수 있습니다.

 

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

 

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

 

12월 15일은 00시~01시의 PV 수가 높은 것이 한 눈에 보이네요!

그 중 00~01시의 막대위에 마우스를 올리자 정확한 PV 수를 알 수 있었습니다.

 

데이터를 분석한 결과, 00시~01시의 시간대에 신규 및 재방문 유저의 메인페이지 방문 수가 가장 높게 나타났습니다.

다른 시간대에 비해 평균 두 배 이상의 높은 수치네요!

 

 

 

제안하는 개선안

 

시계열 그래프에서 확인한 데이터를 바탕으로 00시~01시의 시간대에 집중적으로 메인 페이지에 광고와 홍보 콘텐츠를 게시하는 것이 가장 효과적이라는 전략을 세울 수 있습니다. 신규 유저의 유입과 재방문 유저의 이탈률 방지에도 효과적이겠죠?

 

 

개선안의 효과를 검증하는 A/B 테스팅

A/B 테스팅이란?

 

A/B 테스팅 기능은 새로운 개선안을 실제 환경에서 실험하여 효과를 검증하는 데 필수적인 도구입니다.

 

뷰저블의 A/B 테스팅은 ‘쉽고 빠른’ 조회가 가능한데요. 더 빠른 의사결정을 가능하게 하기 위해서 기존의 ‘일’ 단위에서 더 작은 ‘시간’ 옵션을 추가했습니다. 제공 기간이 매우 짧은 이벤트 페이지, 광고의 경우, 최소 1일 이상의 테스트 기간이 적합하지 않았습니다. 하지만, A/B 테스팅의 시간 옵션을 통해 시간 단위의 프로젝트를 진행할 수 있습니다.

 

 

 

 

A/B 테스팅 시간 옵션은 다음의 상황에서 활용이 가능합니다. 

 

• 광고를 집행하기 전에 짧은 시간동안 광고 효과를 테스트할 때
  Ex) 오후 2시 유저가 많이 몰리는 시간대에 3시간 동안 A/B 테스팅을 진행하여 효과적인 광고와 문구를 확인하기
  
  
• 빠른 의사결정이 필요할 때
  Ex) 완성된 기획이 반영된 프로토타입과 기존 페이지 테스트를 A/B 통해 프로토타입의 개선점과 효과에 대한 빠른 검증 자료로 활용하여 목적에 부합하는 의사결정하기
  
  
• 고객 문의가 적게 유입될 수 있는 공지를 확인할 때
  Ex) VOC 유입을 줄일 수 있는 안내 문구가 무엇인지, 뷰저블 UX Writing A/B 테스트로 확인해 보기

 

 

 

A/B 테스트로 변경한 A사 메인페이지 검증하기

 

A/B 테스팅을 활용하여 A사의 메인페이지에서 신규 유저의 수를 증가할 수 있는 방식을 검증해 볼까요?

 

스크롤 히트맵에서 유저들이 시장 동향 중 ‘자산가들의 투자 현황’에 관심을 많이 보이는 것을 확인했습니다.

이를 활용하여 A/B 테스트에서 메인페이지에서 이 콘텐츠 관련 팝업 추가 페이지와 기존 페이지를 비교 분석해보아요.

 

먼저, 뷰저블의 UX Heatmap > Report Heatmaps 페이지에서, 데이터를 확인하고 싶은 날짜를 선택하고 시간을 설정해주세요. 그리고 비교하고 싶은 페이지를 업로드하면 이후 A/B 테스팅 결과를 확인할 수 있어요.

 

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

실제 분석 결과가 아닌, 기능 활용 설명을 위해 가공된 이미지입니다

 

Click per PV는 페이지의 PV 대비 Clicks 비율로, 한 PV당 해당 콘텐츠에서 발생한 Clicks의 평균인데요. A/B 테스트 결과, 거래소 팝업 페이지의 click per pv가 거래소 기존 페이지보다 높은 것을 확인할 수 있습니다. 이를 통해 ‘자산가들의 투자 현황’ 콘텐츠와 같이 신규 유저의 니즈를 충족시키는 콘텐츠를 팝업으로 띄웠을 때의 효과를 검증할 수 있었습니다.

 

 

제안하는 개선안

 

A/B테스팅에서 확인한 대로, 메인 페이지에 신규 유저들이 관심을 가지는 콘텐츠를 팝업으로 띄우는 전략을 세울 수 있습니다.

 

 

신규 유저를 재방문 유저로

 

스크롤 히트맵, 시계열 그래프, A/B테스팅을 각각 알아보고 이를 활용해 A사의 메인페이지를 분석한 결과, 다음과 같은 개선안을 도출했습니다.

 

사용한 기능	인사이트	개선안
스크롤 히트맵	유저들은 ‘자산가들의 투자 현황’ 콘텐츠에 관심 있어함	하단에 배치되어 있던 ‘자산가들의 투자 현황’을 상단으로 배치
시계열 그래프	00시~01시에 신규 및 재방문 유저의 메인페이지 방문 수가 높게 나타남	00시~01시에 메인 페이지에 광고와 홍보 콘텐츠를 게시
A/B 테스팅	메인페이지에 ‘자산가들의 투자 현황’을 팝업으로 노출 했을 때 기존 페이지보다 방문자별 클릭 수가 많이 발생함	메인 페이지에 ‘자산가들의 투자 현황’ 콘텐츠를 팝업으로 노출

 

신규 유저들이 가장 많이 방문하는 시간대에, 가장 관심 있는 콘텐츠를 노출하는 방식을 통해 신규 유저의 유입을 늘리고, 재방문 유저로 전환할 수 있습니다.

 

뷰저블을 통해 코인 거래 플랫폼뿐 아니라 다양한 산업에서 데이터 기반 UX 개선이 가능할 것으로 보이네요!

앞서 설명했던 기능들은 모두 일반 플랜이 아닌 플러스 플랜에서 제공되는 기능입니다.

여러분도 뷰저블의 여러 기능을 활용해 유저에게 더 나은 서비스를 제공해보세요:)

 

 

뷰저블 플러스 플랜 알아보기

https://forum.beusable.net/ko/solomon/post/1961