히트 맵과 스크롤 맵이 온라인 스토어의 전환율을 9.3% 높인 방법

온라인 비즈니스를 운영할 때 방문자 행동을 추적하고 전환 유입경로를 테스트하는 것은 판매를 개선하는 데 필수적입니다. 대부분의 웹마스터는 무료 도구인 Google Analytics를 사용하여 사이트에 대한 전체 통계를 추적합니다.

그러나 Google Analytics는 매우 강력한 도구이지만 방문자가 귀하의 사이트와 상호 작용하는 방식에 대한 명확한 그림을 제공하기에 충분한 정보를 제공하지 않습니다. 예를 들어…

• Google Analytics는 특정 페이지에서 사용자가 클릭하는 정확한 버튼과 링크를 알려주지 않습니다 .
• Google Analytics는 웹페이지에서 가장 많이 읽은 부분을 알려주지 않습니다 .
• Google Analytics는 사람들이 스크롤을 내려 귀하의 모든 콘텐츠를 읽고 있는지 여부를 알려주지 않습니다 .

간단히 말해서, Google Analytics만으로는 웹사이트를 개선하기에 충분한 정보를 제공하지 못합니다.

성공적인 전자 상거래 상점을 시작하는 방법에 대한 무료 미니 과정 받기

전자 상거래 비즈니스를 시작하는 데 관심이 있다면 처음부터 온라인 상점 을 시작하는 데 도움이 되는 포괄적인 리소스 패키지 를 준비했습니다 . 떠나기 전에 꼭 챙기세요!

다운로드하려면 여기를 클릭하십시오

방문자의 정확한 활동 추적

온라인 상점 과정을 처음 시작한 2011년 이후로 저는 Crazy Egg라는 도구를 사용하여 웹페이지를 개선해 왔습니다. Google Analytics와 달리 Crazy Egg를 사용하면 고객이 웹사이트와 상호작용하는 방식을 정확하게 시각화 할 수 있습니다.

예를 들어 이 도구를 사용하면 히트맵 을 만들어 고객이 사이트에서 클릭하는 위치를 확인할 수 있습니다.

업데이트: 저는 지금 Mouse Flow라는 도구를 사용하고 있습니다. 이 도구를 사용하면 히트 맵과 스크롤 맵 외에도 고객의 행동을 녹화하고 비디오를 시청할 수 있습니다! 게다가 CrazyEgg보다 훨씬 저렴합니다!

30일 동안 MouseFlow를 무료로 사용하려면 여기를 클릭하십시오.

아래 그림은 방문자가 내 판매 페이지에 방문했을 때 클릭하는 내용을 보여줍니다. 보시다시피 "여기를 클릭하여 둘러보기" 버튼을 크게 클릭하는 것이 바로 제가 원하는 것입니다.

Crazy Egg와 Mouse Flow는 또한 페이지의 어느 부분이 실제로 읽고 있는지 확인할 수 있는 스크롤 맵 을 제공합니다. 아래 그림은 내 페이지의 어느 부분이 더 인기가 있는지 명확하게 보여줍니다.

페이지의 노란색 및 빨간색 부분은 "핫"한 반면 녹색 및 파란색 영역은 방문자가 콘텐츠에 참여하지 않는 영역입니다.

어쨌든 온라인에서 무언가를 판매하려고 시도한 적이 있다면 이와 같은 도구를 사용하여 고객 행동 을 이해하고 방문자를 올바른 방향으로 안내하는 데 필요한 조정을 할 수 있는 이유를 이해할 수 있을 것입니다.

개인적인 이야기

그래서 여기에서 이것이 약간 당황스럽습니다.) 블로그와 랜딩 페이지를 최적화하기 위해 이 도구를 꽤 많이 사용했지만 작년까지 전자 상거래 상점에서 이 도구를 사용하기 시작하지 않았습니다.

그래서 저는 시간을 내어 저희 매장에 대한 지원 전화 수 를 줄이고 전환율을 9.3% 높인 최근에 수행한 테스트를 여러분과 공유하고자 합니다.

페이지를 변경하기로 결정한 유일한 이유는 Crazy Egg 및 Mouse Flow와 같은 도구를 사용하여 수집한 데이터 때문이었습니다.

아래는 우리의 상위 랜딩 페이지 중 하나가 오래전에 어떻게 생겼는지 보여줍니다.

다음은 페이지 디자인 뒤에 숨겨진 배경 이야기입니다. 저희 매장에서는 맞춤형 손수건을 판매하고 있습니다. 우리는 14가지 스타일의 손수건과 14가지 실 색상 중에서 선택할 수 있으며 고객은 기본적으로 원하는 대로 손수건을 맞춤화할 수 있습니다.

그러나 문제는 고객 들이 '사진에 표시된' 손수건에 갇힌 채 다양한 스타일이나 실 색상을 선택할 수 없다고 생각하여 제품 선택에 계속 혼란스러워 한다는 점이었습니다.

그래서 우리는 손수건을 개인화하는 방법과 사진에 표시된 것과 다른 손수건을 개인화 할 수 있는지 등을 묻는 사람들로부터 많은 전화를받을 것입니다.

어쨌든, 혼란을 방지하기 위해 페이지 상단에 개인화할 수 있는 모든 손수건 사진을 추가한 다음 특정 손수건 위로 마우스를 가져가면 더 큰 그림으로 확장됩니다. 스레드 차트도 추가했습니다.

아래는 같은 페이지의 두 번째 반복입니다.

고객이 개인화를 추가할 때 선택할 수 있는 다양한 손수건이 있음을 즉시 알아차리고 혼동하여 떠나는 일이 없도록 하려는 아이디어였습니다.

그러나 이러한 변경 후에도 "손수건을 개인화하려면 어떻게 해야 합니까?"와 같은 매우 기본적인 질문을 전화로 주기적으로 계속 받았습니다.

어쨌든, 나는 우리의 사용자 인터페이스에 여전히 몇 가지 문제가 있다는 것을 알고 있었지만 페이지가 여전히 매우 잘 변환되기 때문에(3-7% 사이) 가장 오랫동안 그대로 두었습니다. 그러나 이러한 제품은 우리의 큰 돈을 버는 것 중 하나이기 때문에 Crazy Egg를 사용하기로 결정했고 이것이 제가 알아차린 것입니다.

여기서 문제를 발견할 수 있습니까? 고객은 링크가 아니었음에도 실제로 작은 사진을 클릭하고 있었습니다! 고객이 어떤 일이 일어나기를 기대하고 클릭했을 수 있습니까?

그래서 히트맵을 본 후, 나는 우리 가게에서 쇼핑을 한 적이 없는 친구를 초대하여 맞춤 손수건을 시험해 보라고 했습니다. 그리고 보라, 그녀도 그 사진들을 클릭하기 시작했다!

그녀는 작은 사진을 클릭하면 자신의 손수건을 개인화할 수 있는 다른 페이지로 이동한다고 가정했습니다. 그녀는 또한 명확한 지침이 없었기 때문에 전체 개인화 프로세스에 대해 혼란스러워했습니다.

참고: 그녀가 혼란스러워하는 이유 중 일부는 그 작은 옷걸이 사진이 접힌 부분 위에 있고 "진짜" 제품이 노트북의 접힌 부분 아래에 숨겨져 있기 때문이라고 생각합니다. 이것은 진짜 문제였습니다!

어쨌든 나는 약간의 딜레마가 있었다. 페이지 상단에 옷걸이를 개인화하는 방법에 대한 지침을 포함했다면 모든 제품을 스크롤 없이 볼 수 있는 부분 아래로 밀어냈을 것이고 이는 바람직하지 않았을 것입니다.

그래서 궁극적으로 누군가가 그 작은 사진 중 하나를 클릭할 때 표시되는 작은 정보 팝업을 만들기로 결정했습니다. 그리고 이 팝업에서 손수건을 개인화하는 방법에 대한 구체적인 지침을 제공했습니다. 또한 실 컬러 그래픽을 제거 하여 페이지에서 제품을 위로 이동했습니다 . 아래는 예입니다.

팝업을 추가하고 원래 방문 페이지로 몇 가지 분할 테스트를 수행한 후 팝업을 추가하고 페이지 에서 제품을 더 높이 이동하면 전환율이 약 9.3% 증가했지만 가장 중요한 것은 그 이후로 이에 대한 지원 전화를 받지 못했다는 것입니다. .

이 페이지는 아직 작업이 필요하지만 히트 맵 분석으로 즉시 발견할 수 있었던 랜딩 페이지에서 문제 지점을 발견하고 황홀했습니다. 일반 Google Analytics를 사용했다면 이러한 동작을 관찰하지 못했을 것입니다.

교훈

이 게시물에서 무엇을 빼면 거래 기반 사이트를 운영하는 경우 Google Analytics가 전환을 개선하기에 충분한 정보를 제공하지 않는다는 것입니다.

고객 행동을 분석하는 것은 중요하며 어떤 고객이 방문하는지 뿐만 아니라 페이지와 상호 작용하는 방식도 파악하는 것이 중요합니다.

온라인 상점을 운영하는 것은 거래만큼 중요하므로 모든 전자 상거래 상점은 분석을 넘어서 생각하고 훨씬 더 세분화된 수준에서 고객을 관찰할 것을 권장합니다.

가장 좋은 점은 여기를 클릭하여 이러한 추적 도구를 30일 동안 무료로 사용해 볼 수 있다는 것입니다.

아래에서 궁금한 사항을 문의해 주세요.