Crazy Egg를 사용하여 전자 상거래 상점 성장

전환을 늘리기 위해 전자 상거래 상점을 최적화하는 것은 온라인 쇼핑객이 어떻게 사용하는지 이해하는 것부터 시작됩니다. 그렇지 않으면 처음부터 무엇을 개선해야 하는지 알 수 없습니다.

문제는 방문자가 전자 상거래 사이트를 성장시키기 위해 어떻게 사용하는지 이해하려면 조사가 필요하며, 어디서 시작하고, 무엇을 테스트하고, 참가자를 모으고, 준비를 해야 하는지가 할 일 목록보다 눈사태처럼 느껴질 수 있다는 것입니다.

이것이 바로 우리가 UX 연구 방법 가이드를 만든 이유이며 Crazy Egg와 같은 도구가 존재하는 이유입니다.

마케팅 도구인 Crazy Egg 스냅샷은 잠재 고객이 웹사이트를 어떻게 사용하는지 보여주므로 전환을 늘리기 위해 경험을 원활하게 할 수 있는 위치를 알 수 있습니다.

그러나 모든 도구와 마찬가지로 사용 방법을 아는 것이 도움이 됩니다.

이 기사에서는 Crazy Egg의 주요 기능(히트맵, 스크롤 맵, 클릭 보고서, 세션 녹음 및 A/B 테스트)을 검토하고 성장을 위한 웹사이트 및 마케팅 전략 최적화를 즉시 시작하는 방법에 대한 빠른 팁을 제공합니다.

히트맵을 사용하여 사용자 이해하기

히트맵은 가장 많이 참여하는 영역을 보여줌으로써 웹사이트 방문자가 웹사이트의 각 페이지에서 어떻게 행동하는지 보여줍니다. 지도는 더 따뜻한 색상(빨간색)으로 참여도가 높은 영역과 시원한 색상(파란색)으로 참여도가 낮은 영역을 나타냅니다.

Crazy Egg의 이미지.

Crazy Egg를 사용하면 각 잠재고객이 어떻게 행동하는지 보기 위해 사용자를 사이트로 유도한 캠페인(예: 이메일 마케팅, 광고)별로 히트맵 결과를 필터링할 수 있습니다. Google Analytics 보고서를 히트맵과 함께 사용하여 추가 통찰력을 얻고 데이터를 교차 확인할 수 있습니다.

히트맵은 전자상거래 웹사이트의 페이지를 재설계할 때 훌륭한 도구입니다. 페이지를 변경하기 전에 사용자가 현재 반복에 참여하여 장점을 활용하고 단점을 제거하는 방법을 확인하십시오. 더 적은 설계 반복으로 더 나은 결과를 얻을 수 있습니다.

Crazy Egg 분석의 보고서를 요소별로 숫자 페이지 데이터로 분류합니다. 이 데이터를 참조하여 히트맵에서 서로 가깝거나 유사한 색상으로 성능이 좋은 요소를 구별하십시오.

빠른 팁

설계 단순화

작동하지 않는 불필요한 파란색 요소와 더 중요한 요소를 방해하는 빨간색 요소를 제거하십시오.

중요한 정보 강조

파란색으로 표시된 중요한 정보를 찾아 참여도가 더 높은 영역으로 이동하거나 새 사본을 테스트하여 해당 정보에 더 많은 관심을 끌 수 있습니다.

정보 아키텍처 개선

페이지 목표를 염두에 두고 사용자에게 중요한 순서대로 요소를 구성합니다.

전환수 증가

관심을 끌지 못하는 CTA를 업데이트합니다. 카피를 바꾸거나 디자인 요소를 사용하여 눈에 띄게 하거나 더 잘 보이는 위치로 이동할 수 있습니다.

노력에 집중하세요

Google Analytics와 Crazy Egg 전략을 결합하십시오. 예를 들어, Google 흐름 보고서를 사용하여 사용자가 클릭하여 중단한 페이지를 확인한 다음 Crazy Egg에서 해당 페이지에 대한 보고서를 가져와 이유에 대한 자세한 정보를 얻을 수 있습니다.

Scroll Maps를 사용하여 전자상거래 방문 페이지 개선

스크롤 맵은 사용자가 페이지에서 스크롤하는 방법을 보여주며 히트맵처럼 색상으로 구분됩니다. 사용자가 빠르게 스크롤한 섹션과 탐색을 위해 멈추는 부분을 볼 수 있습니다. 밝은 색 영역은 사용자가 페이지의 섹션에 더 오래 머물렀음을 의미합니다.

Crazy Egg의 이미지.

스크롤 맵을 사용하여 방문자가 관심을 갖는 콘텐츠를 표시하고 방문자에게 표시할 콘텐츠를 배치할 위치를 결정합니다.

스크롤 맵을 기반으로 콘텐츠를 재구성하는 경우 변경 사항을 미리 A/B 테스트합니다. 페이지의 한 영역에 대한 방문자의 관심은 콘텐츠 자체 때문일 수 있으며, 이를 다른 콘텐츠로 대체한다고 해서 새 콘텐츠가 그만큼의 관심을 끌 것이라는 보장은 없습니다.

빠른 팁

스크롤 없이 볼 수 있는 사용자 확보

사람들이 스크롤 없이 볼 수 있는지 확인합니다. 그렇지 않은 경우 콘텐츠를 더 매력적으로 만들거나 볼 것이 더 있음을 분명히 해야 할 수 있습니다.

콘텐츠 소비 장려

사람들이 얼마나 스크롤할 의향이 있는지 확인하십시오. 페이지 아래로 더 내려가게 하기 위해 중단 지점에 눈에 띄는 헤드라인을 작성할 수 있는 곳을 압축하거나 작성하십시오.

중요한 콘텐츠 우선 순위 지정

혜택이나 판매와 같이 홍보하고 싶은 정보나 콘텐츠가 있지만 충분한 관심을 받지 못한다면, 눈에 띄도록 더 매력적인 위치로 옮기는 것이 좋습니다.

오버레이 클릭 보고서를 사용하여 마케팅 전략 연마

오버레이는 사용자 탐색, 욕구 및 혼란을 이해하는 데 사용할 수 있는 클릭 보고서입니다.

적절하게 명명된 오버레이는 사용자가 페이지를 클릭하는 모든 곳을 볼 수 있는 웹 페이지의 오버레이를 제공합니다. 사용자가 클릭하는 각 요소에는 클릭 수와 잠재고객이 표시되는 미니 보고서가 제공되므로 어떤 요소가 가장 많은 관심을 받고 가장 적게 관심을 받는지 알 수 있습니다.

Crazy Egg의 이미지.

이 도구를 사용하면 신규 방문자와 재방문자, 장치 및 UTM 캠페인과 같은 세부 정보를 기반으로 웹 페이지의 클릭을 필터링할 수 있습니다.

또한 사용자가 클릭할 수 없는 요소를 선택하려고 시도한 위치를 확인할 수 있습니다. 이는 사용자 행동을 관찰할 때 놓치기 쉽습니다.

빠른 팁

원하는 곳에서 클릭수 늘리기

올바른 페이지로 이동하든 CTA를 선택하든 더 많은 관심을 받고 싶은 클릭 가능한 요소를 선택하십시오. 클릭이 개선될 때까지 새로운 디자인, 배치 또는 복사를 포함하여 이러한 요소에 대한 A/B 테스트 변경 사항.

혼란과 좌절 감소

사용자가 클릭하려고 하는 클릭할 수 없는 요소를 기록해 두십시오. 클릭할 수 있도록 의도된 경우 오류를 수정합니다. 그렇지 않은 경우 클릭 가능성이 낮아 보이도록 하고, 클릭 가능한 관련 요소를 클릭 가능성이 높아 보이도록 하거나, 페이지 목표를 달성하는 데 도움이 되는 경우 클릭 가능성을 높입니다.

콘텐츠 아이디어 생성

사용자가 블로그 및 기타 콘텐츠에서 클릭하는 링크를 탐색하여 청중이 가장 관심 있는 항목을 찾으십시오. 또한 사용자가 선택하려고 하는 클릭 불가능한 요소에서 아이디어를 얻을 수도 있습니다.

캠페인 ROI 극대화

클릭 보기를 필터링하여 다음 단계로 가장 많이 클릭하는 캠페인 잠재고객을 확인합니다. 이러한 투자의 우선 순위를 정하고 다른 잠재고객의 클릭률을 개선하는 방법을 살펴보십시오. Google에서 다양한 키워드를 검색한 후 귀하의 페이지에 방문한 방문자의 클릭을 비교하여 키워드를 비교할 수도 있습니다.

세션 녹음을 사용하여 고객과 함께 쇼핑하기

세션 녹음은 그들이 말하는 그대로입니다. 즉, 각 사용자가 세션의 시작부터 끝까지 귀하의 웹사이트를 탐색하는 방법에 대한 녹음입니다. 녹음 데이터는 소비 속도가 빠르지 않을 수 있지만 마우스 움직임, 스크롤링, 클릭 및 양식 참여를 포함하여 사용자의 관점에서 사이트 상호 작용을 보여줍니다.

Crazy Egg의 다른 도구는 사이트 기능에 문제가 있음을 나타낼 수 있지만 녹음 내용은 정확히 무엇인지 보여줍니다. 테스트에서 놓친 결함, 사용자가 특정 기능을 사용하는 방법을 모르거나 탐색에 어려움을 겪는 결함을 발견할 수 있습니다.

여러 기록을 비교할 때 사람들이 사이트를 사용하는 방식의 패턴을 발견할 수 있습니다. 이것은 잠재고객별 데이터를 살펴보고 고유한 세그먼트가 참여하는 방식을 확인할 수 있는 또 다른 기회입니다. 이를 통해 전자상거래 상점을 각각에 최적화하거나 투자가 가장 잘 쓰이는 곳을 알 수 있습니다. 잠재고객을 소스(예: Google 검색)별로 신규 사용자와 활성 사용자와 같은 세그먼트로 나눌 수 있습니다.

빠른 팁

판매 유입경로 평가

녹음을 사용하여 사이트 탐색을 연구하고 사용자 흐름 또는 고객 여정 지도를 만듭니다. 사용자가 전자상거래 전환 유입경로의 단계(예: 제품 보기, 장바구니에 담기 및 거래)를 얼마나 잘 통과하는지 평가합니다.

간편한 탐색

방문자가 제품을 찾거나 작업을 완료하는 데 필요한 것보다 더 많은 단계를 수행하는 위치와 포기한 경우 떠나는 위치를 추적합니다. 고객 여정을 간소화하기 위해 중복되고 도움이 되지 않는 단계를 제거합니다. 검색 기능이 없는 경우 검색 기능을 추가하는 것을 고려할 수도 있습니다.

전환을 차단하는 마찰 영역 발견

Google Analytics 데이터, 오버레이 및 기록을 사용하여 사용자가 전환하기 전에 웹사이트를 종료하는 부정적인 행동 패턴과 영역을 발견합니다. 그런 다음 사용자가 세션 녹화에서 이러한 영역과 어떻게 상호 작용하여 사용자를 외면하거나 잘못된 경로로 만들었는지 확인합니다. 전자상거래 전환 유입경로를 통해 이동하는 사람들의 수를 늘리려면 이러한 항목을 수정하거나 업데이트하세요.

로딩 좌절 지점 확인

사용자가 기다려야 하는 지점을 주시하고 로딩 표시기가 대기 시간을 더 빠르게 느끼게 하는 진행 상황을 제공하는지 확인하십시오.

양식 평가

사용자가 양식과 상호 작용하는 방식을 관찰하십시오. 그들이 시작합니까? 완료하시겠습니까? 그들이 주저하는 영역이 있습니까? 오류 메시지를 포함한 모든 양식 요소가 제 역할을 합니까?

모바일 친화성 확인

잠재고객을 필터링하여 모바일 장치 사용자의 녹음을 보고 데스크톱 사용자처럼 원활하게 경험하도록 합니다. 모바일 친화적인 반응형 디자인을 구현하는 것은 2024년까지 미국에서 약 1억 8,750만 명의 모바일 구매자가 있을 것으로 예상되기 때문에 디지털 시대에 매우 중요합니다.

A/B 테스팅으로 아이디어를 테스트하세요

Crazy Egg의 기능에는 테스트 변형을 제공하고, 목표를 설정하고, 원하는 사용자 경로를 해당 목표에 매핑하는 단순화된 A/B 테스트가 포함됩니다. 이 도구는 잠재고객 보기를 변형 간에 분할하고 자동으로 우승한 변형에 더 많은 트래픽을 제공하여 낭비를 방지합니다.

빠른 팁

양식 및 결제 완료 개선

웹 양식 디자인 모범 사례를 고려하십시오. 새로운 디자인으로 양식 변형을 만들고 A/B 테스트를 위한 복사 및 필드를 만들고 제출을 늘립니다.

중요한 판매 요소 테스트

클릭률을 계속 높이려면 CTA 버튼 및 헤더와 같은 중요한 안내 요소의 새 버전을 테스트하세요.

Crazy Egg 보고서에서 영감을 받은 모든 업데이트 필터링

전자상거래 전환율을 높이기 위해 변경한 사항은 다른 보고서 데이터에서 영감을 받은 경우에도 현재 사이트에서 A/B 테스트를 받아야 합니다. 이렇게 하면 변경 사항이 긍정적인 차이를 만들 수 있습니다.

실질적인 성장은 데이터 기반 의사 결정에서 비롯됩니다.

전자 상거래 웹사이트는 하루 종일 예뻐 보일 수 있지만 방문자를 전환시키지 않는 한 낭비라는 것이 우리의 핵심 신념 중 하나입니다. 모범 사례를 따르는 것이 시작하기에 좋은 장소이지만 모든 사례가 모든 전자 상거래 상점과 대상에게 완벽한 것은 아닙니다. 데이터만이 무엇이 효과가 있는지 말할 수 있습니다.

또 다른 핵심 신념? 상황은 변하고 성장이 가장 중요합니다. 잠재고객의 기대에 부응하기 위해 웹사이트를 계속 최적화하는 것이 판매 유입경로로 이동하는 구매자의 수를 늘리는 가장 좋은 방법입니다. 사용자 데이터는 잠재고객이 무엇을 원하는지, 판매 방식으로 고객에게 제공하는 유일한 방법입니다. .