히트 맵 및 세션 기록을 사용하는 방법. 전자 상거래 웹에서 UX 사각 지대를 찾으십시오.

아름다운 웹, 좋은 트래픽 ...하지만 왜 판매가 오지 않습니까? 전자 상거래의 소유자가 직면 한 문제는 문제를 해결하는 방법을 몰랐습니다.
이렇게 느낀 적이 있습니까? 당신은 엄청난 마케팅 예산이 있습니다. 트래픽이 매일 전자 상거래 웹 사이트를 입력 할 때까지 촬영합니다. 너무 많은 사람들이 있습니다 ...하지만 왜 질서가 그렇게 조용합니까? 고객은 바구니에 제품을 추가 한 다음 사라집니다. 바구니를 떠나면 "보이지 않는 벽"처럼 연주하는 것과 같습니다. 고객과 "지불 버튼"사이에 무언가.
당신은 모든 것을 확인합니다. 제품은 아름답습니다. 설명이 완료되었습니다. 프로모션도 있습니다. 그러나 여전히 당신이 모든 맹인과 함께 운전하는 것처럼 느낄 수는 없습니다. 자동차가 앞으로 흐르고 있지만 앞으로 경로에 "구멍"또는 "장애물"이 있음을 알지 못합니다. 이것은 전자 상거래 사람들에게 가장 고전적인 문제입니다. 당신은 문제가 있다는 것을 알고 있지만 "그것이 무엇인지 볼 수 없습니다.
(삽화를위한 프롬프트 : 트래픽이 많은 트래픽을 보여주는 컴퓨터 화면 앞에 앉아있는 전자 상거래 비즈니스 소유자이지만 바구니는 혼란과 불편 함을 전달합니다)
우리는 왜 "맹인"입니까? 웹 페이지에서 문제를 보지 못하는 이유.
우리가 실제 문제를 보지 못하는 주된 이유. 우리는 Google 웹 로그 분석과 같은 도구에서 "정량적 데이터)에 의존하기 때문에"이 정보는 "80%지불 페이지를 남긴 사람"또는 "사람들이 제품 페이지에서 거의 시간을 소비하지 않는 것"과 같은 "무슨 일이 일어나고 있는지 (What)"와 같이 "왜"라고 말한 적이 없다고 말할 수 있습니다.
사람들은 왜 바구니를 떠나나요? 너무 작습니까? 배송비가 충격적입니까? 아니면 양식, 주소를 채우는 것이 사용하기 어렵습니까? 우리는 "추측"만 할 수 있습니다. 비즈니스 세계의 추측은 복권을하는 것과 다르지 않습니다. 우리는 서두르는 정보에서 가장 중요하지 않은 비즈니스 결정을 내리고 있습니다.
(삽화를위한 프롬프트 : 왼쪽의 두 측면을 비교하는 것은 Google 웹 로그 분석의 그래프입니다. 물음표로 복잡해 보이는 오른쪽은 혼란스러워하는 고객의 시각을 통한 관점입니다. 웹 페이지에 좌절합니다).
"아픈"웹 사이트가 계속되면 어떻게 될까요?
우리가 볼 수없는 "사각 지대"를 허용하면 계속 될 것입니다. 그것은 물이 탱크에서 지속적으로 누출되도록하는 것과 같습니다. 결과는 예상보다 심각합니다.
- 매일 광고에
- 전환율 감소 : 고객의 변화율은 결코 향상되지 않을 것입니다. 순서의 장애물은 여전히 동일하기 때문입니다
- 고객은 감정을 잃고 다시 돌아 오지 않습니다. 한 번도 나쁜 경험은 "부어"고객을 만들고 사용하기 쉬운 경쟁자에게 전환하기에 충분합니다. 해결 UX는 간과해서는 안되는 중요한 것입니다.
- 경쟁 기회를 잃기 : 문제를 찾을 수는 없지만 경쟁 업체는 올바른 도구를 사용하여 고객의 경험을 추월 할 때까지 유출하고 개발할 수 있습니다.
요컨대, 당신은 고객이 직면 한 내용을 알 수 없기 때문에 동시에 비즈니스의 "돈을 잃고 전체 미래를 잃는다"
(삽화를위한 프롬프트 : 바의 그래프는 판매 및 전환율을 보여줍니다.
빛을 켜십시오! 문제에 대한 해결책도 직접적으로. 웹 사이트의 "CCTV"
좋은 소식은 ... 우리는 더 이상 "맹인"할 필요가 없습니다! 오늘날 우리는 웹 사이트를위한 "CCTV"와 같은 기술을 가지고있어 고객의 모든 행동을 볼 수있는이 도구는 Heatmaps and SessionsInss .
이 도구는 무엇입니까?
- 히트 맵 : 색상을 사용하여 색상을 사용하여 데이터, 동작, 사용자 (집계)의 이미지를 표시하는 것입니다. "핫"웹 사이트의 어느 부분과 전문가의 더 많은 정보를 "무시하는"부분을 즉시 알 수있게합니다. Hotjar : Heatmap 란 무엇입니까?
- 세션 녹화 : 각 고객의 비디오 녹화입니다. 우리는 마우스의 움직임, 클릭, 인쇄 및 웹 페이지 변경을 볼 것입니다. 앉아서 옆에 그것을 사용하는 것을 보는 것처럼!
강력하고 널리 사용되는 일반적으로 사용되는 도구는 Microsoft Clarity (100%무료!)와 Hotjar (무료 버전 및 돈)입니다. 간단히 시작하는 것은 "하나를 선택하고 웹 사이트에 설치"입니다.
(예시적인 프롬프트 : 빨간색 노란색과 녹색 영역에 히트 맵이 겹치는 웹 페이지와 정상적인 웹 페이지 비교를 명확하게하고 옆에 세션 녹화 비디오가 있습니다)
실제 사례 : 온라인 의류 저장소는 "비디오 시청"에서 판매량의 30%를 몇 개만 증가시킵니다.
이미지를 명확하게 보려면 결제 페이지에서 매우 높은 고객 문제에 직면 한 "Styleme"온라인 패션 의류 상점의 사례의 예를 제시하고 싶습니다.
문제 : Google 웹 로그 분석에서 확인에 도달 한 고객의 75%가 사라지는 것을 알고 있지만 왜 "팀은 지불 게이트웨이 로고가 신뢰할 수 없거나 보이지 않기 때문에 그럴 수 있다고 추측했습니다.
방법 : Microsoft Clarity를 설치하고 체크 아웃을 떠나는 고객의 세션 기록을 시청하기 시작합니다. 그들이 찾은 것은 충격적입니다! 많은 비디오는 동일한 동작을 보여줍니다. 고객은 이름-주소를 작성하고 다음 버튼을 누른 다음 마지막 단계로 표시된 "배송비"를 찾습니다. 고객은 중단됩니다. 마우스를 앞뒤로 움직이고 ... 웹 페이지를 닫으십시오! 그들은 또한 히트 맵을 열었고 아무도 링크를 클릭하지 않았다는 것을 알았습니다. "배달 정책"은 아래에 숨겨져 있습니다
결과 : 팀은 즉시 Bang Aor에 도달합니다! 문제는 신뢰성이 아니라 "고객에게 놀라게하는 배송비"입니다. 따라서 고객에게 배달을 보여줌으로써 새로운 체크 아웃 설계를 조정합니다. "첫 번째 단계에서"명확하게. 결과적으로 ** 바구니의 비율은 40% 이상 감소했으며 총 매출은 한 달 안에 30% 증가했습니다! ** 이것은 실제 문제를 "보는"의 힘입니다. 의 핵심 (전환율 최적화)
(그림을위한 프롬프트 : 첫 번째 측면의 결제 페이지 전과 후에는 숨겨진 배송비가 표시되고 고객이 혼란 스럽습니다. 후 -사이드는 배송비를 명확하게 보여주고 고객이 웃으며 주문을 클릭합니다.)
따르고 싶어요, 시작하는 방법? 히트 맵 및 세션 레코드를 사용하는 간단한 점검 목록.
여기에서 읽으십시오 전혀 어렵지 않습니다! 이 점검 목록을 즉시 따르십시오.
- 도구를 선택하고 설치 하십시오 . 적용하고 추적 코드를 복사하여 웹 사이트에 배치하십시오. (Shopify, WebFlow 또는 WordPress가 쉽습니다)
- 데이터를 수집하자 : 설치 한 후에는 1-2 주 이상 사용자 동작을위한 스토리지 도구에 시간을내어 분석을위한 충분한 정보를 얻을 수 있습니다.
- 히트 맵 분석 :
- 지도를 클릭하십시오 : 사람들이 클릭 한 내용을 보시겠습니까? 그가 우리가 원하는 버튼을 클릭합니까? 또는 클릭 할 수없는 이미지를 클릭하십시오 (클릭 할 것으로 예상)?
- 스크롤 맵 : 아래로 얼마나 깊이 스크롤합니까? CTA의 중요한 정보가 사람들이 볼 수있을 정도로 높습니까?
- 이동지도 : 고객의 마우스는 어디에 있습니까? 이것은 그가 관심이 있거나 혼란 스러울 수있는 영역 일 수 있습니다.
- 대상 세션 기록보기 : 모든 비디오를 보지 마십시오! "필터"를 제공하여 "체크 아웃을 입력하지만 구매하지 않는 사람들"또는 "웹에서 오랜 시간을 보내지 만 변환하지 않는 사람들"과 같은 흥미로운 세션 만 보이고 위아래로 스크롤하는 것과 같은 "마찰 지점"또는 "트래픽 잼"을 관찰하십시오 . 이러한 행동을 이해함으로써 시작해야합니다.
- 가설을 만들고 수정하십시오. 가설을 만드는 데 문제가되는 문제를 발견하면 (예 : "제품이 바구니에 제품을 추가하는 것으로 밝혀지지 않기 때문에 고객 이이 페이지를 떠난다 고 생각합니다") 설계 또는 컨텐츠를 수정하십시오. 그런 다음 결과를 측정하여 결과가 실제로 개선되었는지 아닌지 확인하십시오.
이를 지속적으로 수행하는 것은 지속 가능한 전환율의 핵심이며, 이는 좋은 사용자 경험, 모든 것들로 인해 Shopify 매장의 속도에
(그림의 프롬프트 : 아이콘이있는 5 개의 간단한 감염 (1. 설치, 2. 2. 데이터 수집, 3. 히트 맵 분석, 4. 시계 기록, 5. 테스트 및 개선).
사람들이 궁금해하는 질문 (모든 질문을 명확하게)
비즈니스 소유자가 열광 및 세션 녹음에 대해 궁금해하는 질문을 분명히 답변합니다.
Q1 :이 도구가 내 웹 사이트를 느리게 만들까요?
A : Clarity 또는 Hotjar와 같은 최신 도구는 웹 속도에 가장 큰 영향을 미치도록 설계되었습니다. (비동기 적재). 고객을 이해함으로써 얻을 수있는 이점은 속도 영향보다 훨씬 가치가 있습니다. 그러나 항상 PagesPeed를 정기적으로 확인해야합니다
Q2 : Google 웹 로그 분석과 어떻게 다른가요?
A : Google Analytics는 첫 페이지의 첫 50%를 입력하는 1,000 명이 "무슨 일이 있었는지"라는 "정량적"정보를 말하지만 Heatmaps & Session Recordings는 "정 성적"(질적) "실제 행동과 비디오를 보여줌으로써 왜 그런 일이 발생합니까?"라고 말했습니다. 우리는 둘 다 함께 사용해야합니다.
Q3 : 고객의 개인 정보 (PDPA/GDPR)는 어떻습니까?
A : 걱정하지 마세요. 이러한 도구는 개인 정보를 보호하기 위해 법을 고려하여 만들어집니다. "은폐"또는 "익명화"하는 것이 중요합니다. 이름, 주소, 전화 번호 및 신용 카드 정보와 같은 자동 섬세한 정보. 고객 개인 정보는 없습니다.
Q4 : Microsoft Clarity와 Hotjar 사이의 장점은 무엇입니까?
A : 강력하고 100% 무료 도구를 시작하고 원한다면 "Microsoft Clarity"를 선택하십시오. 그러나 비즈니스가 더 크고 설문 조사 (설문 조사) 또는 "Hotjar"페이지 (돈 낭비)의 피드백 설문 조사와 같은 고급 기능을 원한다면 훌륭한 옵션입니다.
(그림의 프롬프트 : 이미지 아이콘, 큰 물음표 및 주변 4 개의 작은 아이콘 (속도, 개인 정보 보호, 분석, 도구)이 저렴합니다.
요약 : 추측을 중지하고 오늘 "시청"을 시작하십시오!
이 시점에서 전자 상거래 웹 사이트가 히트 맵 및 세션 사인없이 작동하도록 할 수 있기를 바랍니다. 어둠 속에서 걷는 것과 다르지 않습니다. 분석의 숫자에만 의존하는 것만으로는 충분하지 않습니다. "사용자 경험"은 경쟁의 핵심입니다.
이러한 도구를 설치하기 위해 투자 (명확성을 사용하는 경우 돈이 필요하지 않을 수도 있음). 즉시 할 수있는 "가치있는"투자 및 "최대 수익"중 하나입니다. 위험이있는 "추측"에서 "실제 데이터의 결정"으로 변경 한 것입니다. 당신은 이전에 전혀없는 고객을 이해할 것입니다. 판매를 성공적으로 보유한 성공적으로 누출 할 수 있습니다.
경쟁 업체가 다시 당신을 추월 할 때까지 기다리지 마십시오. 온라인 상점에 "CCTV"를 설치하고 오늘 "행복한 고객"이되기에 실망스러운 "방문자"를 변경하십시오!
전문가들이 "CCTV"를 돕고 사각 지대를 분석하여 판매를 SOAR로 잠금 해제하기를 원하십니까? Vision X Brain이 당신을 도와 주도록하십시오! 및 효율성 서비스 를위한 건강 검진 서비스 가 있습니다 귀하의 웹 사이트를 진정한 머니 제작 기계로 변경하는 전환율 (CRO) 오늘 무료로 문의하십시오!
(삽화를위한 프롬프트 : 영감을받은 최종 이미지는 Heatmap과 Session Corrording 이미지를 배경으로 하늘에서 상승하는 판매 그래프입니다.
최근 블로그

오프닝 속도, 미용 및 스케일 능력을 강조하는 스타트 업을 위해 충격, 웹 플로우 및 프레이머 사이의 충격을 비교하십시오.

웹 속도는 기술적이지 않습니다! 핵심 웹 생명 (LCP, INP, CLS)은 SEO 순위, 사용자 경험 및 조직 웹의 이익에 영향을 미치는 것입니다.

바닥 글을 내려다 보지 마십시오! UX를 개선하고 SEO를 보충하며 방문자를 리드로 바꾸는 데 도움이되는 웹 사이트 바닥 글 디자인 기술 모음.