히트 매핑: 전자 상거래에서 가장 가치 있는 UX 도구

게시 됨: 2018-06-05

고객을 사이트, 제품에서 멀어지게 하고 은행 계좌에서 현금을 빼돌리는 한 가지는 나쁜 UX입니다.

사용자 경험(UX)은 고객이 웹사이트를 통해 이동하는 여정입니다. 훌륭한 고객 여정(훌륭한 사용자 경험)은 고객 전환의 핵심입니다. 방문자가 탐색하기 쉽고 직관적인 웹사이트를 원합니다. 원활한 쇼핑 경험을 능률화한다는 것은 고객이 사이트를 통과하는 도중에 과속 방지턱에 부딪치지 않고 떠날 이유를 찾지 못한다는 것을 의미합니다.

고객이 귀하의 웹사이트를 떠날 이유를 찾으면 바로 떠날 것입니다. 잘못 설계된 웹사이트를 뒤적거리는 것보다 저항이 가장 적은 경로를 선택하는 것이 훨씬 쉽습니다.

저항이 가장 적은 경로가 됩니다.

당사의 전문 UX 디자이너는 수백 개의 최적화된 전자 상거래 상점을 구축했습니다. 귀하의 상점이 재설계의 이점을 얻을 수 있다고 생각한다면 - 연락하십시오!

히트맵이란?

히트매핑은 웹페이지의 '핫' 부분이 어디에 있는지 보여줍니다. 개별 페이지에서 고객이 가장 많이 보는 영역입니다. 방문자가 마우스 커서를 이동하는 위치, 스크롤, 호버 및 클릭 위치를 보여줍니다. 긍정적인 행동을 강조 표시할 뿐만 아니라 클릭 유도문안이나 클릭되지 않는 링크와 같이 활동하지 않는 영역을 표시할 수 있습니다.

고객이 사이트를 어떻게 사용하는지 정확히 추적할 수 있습니다. 이 통찰력이 얼마나 소중한지 아무리 강조해도 지나치지 않습니다.

세션 추적이란 무엇입니까?

고객의 페이지 활동을 포착할 수 있다는 것은 고객의 눈을 통해 볼 수 있는 가장 가까운 것입니다. 이것은 오프라인 매장이 수년 동안 개발해 온 일종의 통찰력입니다.

실제 매장에서 소매업체는 고객이 제품과 상호 작용하는 방식과 매장 내에서 이동하는 방식을 볼 수 있습니다. 이것이 바로 기업이 매장의 고객 여정이 어떻게 작동하는지 평가하고 물건을 배치하는 방법을 정확히 알려주는 방식입니다. 이것이 고객이 여정이 끝날 때 구매할 기회가 더 많기 때문에 상점에서 종종 계산대 근처에서 더 저렴한 '임펄스' 구매를 하는 이유입니다. 대형 티켓 아이템과 새로운 라인이 창가와 매장 입구에 배치되는 것도 같은 이유다.

상향 판매는 상점에서 평균 판매 가치 또는 온라인 평균 주문 가치를 높이는 가장 빠르고 쉬운 방법 중 하나입니다. 이를 가능하게 하는 앱인 장바구니 변환을 만들었습니다.

우리는 이미 상향 판매의 중요성에 대해 블로그를 작성했으므로 살펴보십시오.

사용자 경험이 얼마나 중요합니까?

사용자 경험은 Google의 가장 중요한 순위 요소 중 하나입니다. Google이 그렇게 말했기 때문이 아니라 나쁜 사용자 경험이 사람들을 사이트에서 멀어지게 하고 잠재적으로 고객이 되는 것을 막을 수 있기 때문입니다.

고객이 원하는 것과 전자 상거래 사이트를 탐색하는 방법에 대한 포괄적인 이해가 필요합니다.

Eastside Co.는 앱 고객을 위해 하루에 15억 페이지 상호작용을 기록하는 앱을 만들었습니다. 여러 고객이 사이트를 떠나는 영역을 식별할 수 있다고 상상해 보십시오.

그들이 계속 탐색하고 구매하도록 즉시 변경하지 않으시겠습니까?

UX를 ​​개선하는 방법

여기에서 히트맵 또는 세션 추적이 유용하여 고객이 페이지에서 보고 있는 위치를 정확히 알 수 있습니다. 사후 조사는 한 달에 약 300,000회의 세션을 기록하고 페이지에 있는 소수의 기록만 보면 잠재 고객을 떠나게 만드는 원인에 대한 통찰력을 얻을 수 있습니다.

또한 중요한 정보, 전환 트리거 및 사이트 탐색 링크를 배치할 위치를 결정하는 데 도움이 됩니다.

페이지 속도 높이기

고객은 즉시 로드되는 웹 페이지에 익숙합니다. 웹 사이트가 빨리 로드되지 않으면 동일한 제품을 구입할 수 있는 다른 상점을 쉽게 찾을 수 있습니다.

로드 속도는 전환율을 높이는 데 매우 중요합니다. Conversion Voodoo에 따르면 페이지가 로드되는 데 1초가 추가될 때마다 전환의 7%, 페이지 트래픽의 11%, 고객 만족도 16%가 손실됩니다.

2000개 이상의 전자 상거래 사이트를 테스트한 Radware에 따르면 온라인 상점의 평균 페이지 속도는 5초입니다. 페이지가 이보다 느린 경우 속도를 높이기 위해 할 수 있는 몇 가지 작업이 있습니다.

먼저 테스트를 해보세요. Pingdom이라는 훌륭한 무료 도구가 있습니다. 이 도구는 페이지 로드 속도를 분석하고 속도를 높이기 위해 수행할 수 있는 작업을 선택합니다. Google의 페이지 속도 통계도 동일한 작업을 수행하며 수정 사항에 대한 자세한 분석을 제공합니다.

다음은 Pingdom의 Amazon에 대한 페이지 속도 보고서입니다.

아마존 페이지 속도 보고서

Amazon의 로드 시간이 1초 미만인 654ms에 주목하십시오. 그들의 페이지는 거의 즉시 로드됩니다. Amazon은 로드 시간을 10분의 1초 늘리면 전환율이 1% 증가한다고 보고했습니다.

  • 이미지를 업로드하기 전에 압축하십시오. 큰 이미지 파일은 느린 웹 페이지의 #1 원인입니다.
  • 브라우저 캐싱을 허용할 수도 있습니다. 즉, 고객이 두 번째 방문하는 경우 기기가 페이지의 특정 요소를 기억하고 더 빨리 로드합니다.
  • 불필요한 코드를 제거하십시오. 페이지의 코드를 감사하고 거기에 필요하지 않은 것이 있으면 제거하십시오. 필요한 경우 페이지 하단으로 이동할 수 있는지 확인하십시오.
  • 한 페이지에 여러 CSS 스타일시트가 있는 경우 하나로 결합합니다.
  • '스크롤 없이 볼 수 있는 부분'에 있는 콘텐츠보다 고객이 즉시 볼 수 있는 콘텐츠를 우선시하세요. 고객은 '스크롤 없이 볼 수 있는 부분' 콘텐츠가 빠르게 로드되지 않는지 알아차리지 못합니다. 스크롤해야 볼 수 있는 콘텐츠입니다.
  • 특히 대부분의 사람들이 귀하의 사이트를 방문하는 페이지에서 리디렉션을 줄이십시오. URL이 리디렉션될 때마다 페이지 로드 속도에 약간의 시간이 추가됩니다.

모바일 반응형

모든 전자상거래 트래픽의 50% 이상이 모바일을 통해 이루어지며 지난 2년 동안 Google은 모바일 친화적인 웹사이트를 선호하는 데 집중했습니다. 웹사이트가 데스크탑에서 어떻게 작동하는지 생각해야 할 뿐만 아니라 다양한 휴대전화와 태블릿에서 작동하는 방식에 대해서도 생각해야 합니다.

  • 사이트를 테스트하기 위해 주변에 하나 또는 두 개의 다른 장치를 두는 것이 좋습니다.
  • 각 기기에서 메뉴가 어떻게 보이는지, 탐색이 직관적인지 확인하세요.
  • 페이지를 탐색하는 과정이 자연스럽습니까?
  • 6줄 이상의 텍스트 블록은 피하십시오. 이렇게 하면 데스크톱 웹사이트가 깨끗하게 유지되고 사용자가 모바일 장치에서 많은 콘텐츠에 직면할 때 당황하게 됩니다.
  • 버튼과 링크가 엄지손가락이나 손가락으로 클릭할 수 있는 크기인지 확인하십시오.

UX 토끼 구멍 피하기

사용자 경험 Rabbit Hole은 사용자가 웹사이트를 방문하여 자연스럽게 빠져나갈 수 없는 사용자 여정을 시작하는 곳입니다. 예를 들어, 고객이 귀하의 홈페이지에서 귀하의 온라인 상점을 방문하고 컬렉션 페이지로 이동한 다음 제품 페이지로 이동합니다.

당연히 당신은 그들이 결제로 진행되기를 원할 것이지만, 그 시점에서 구매할 준비가 되지 않았을 수도 있습니다. 제안된 제품, 이동 경로 또는 관련 블로그 게시물과 함께 다른 곳으로 이동할 수 있는 옵션을 제공하지 않으면 해당 고객은 토끼굴에 갇힌 것입니다.

관련 상품 탭

이것은 모두 우수한 사용자 경험 웹 디자인의 일부입니다. Amazon 및 Ebay와 같은 대형 전자 상거래 웹사이트를 살펴보십시오. 그들은 모두 사용자 여정을 계속하고 상향 판매하기 위해 관련 항목을 제안했습니다.

좋은 UX로 데이터 캡처하기

귀하의 사이트를 방문하는 모든 사람이 첫 번째, 두 번째 또는 세 번째 구매를 하는 것은 아닙니다. 귀하의 사이트를 탐색하는 고객 100명 중 98명은 여정의 어딘가에 들를 것입니다. 다른 곳으로 갈 것이기 때문에 하드 판매로 이러한 고객을 유인할 수 없습니다.

그러나 작은 정보를 캡처할 수 있습니다.

단순히 이메일 주소를 얻는 것만으로도 이 잠재 고객의 의식을 유지할 수 있습니다.

히트매핑 및 세션 추적을 사용하여 고객이 사이트를 떠나는 페이지를 찾으십시오. 그런 다음 데이터 캡처 필드가 있는 인텐트 기반 팝업을 추가합니다.

고객이 이메일 주소를 남기도록 유인하는 좋은 방법은 할인 코드를 제공하는 것입니다. 이것이 탐색 관점에서 사용자 경험을 반드시 향상시키는 것은 아니지만 귀중한 이메일 주소를 얻는 동안 고객은 무료로 무언가를 얻는 것처럼 느낄 것입니다.

사용자 경험 및 데이터 캡처

이 팝업은 사용자의 커서가 웹페이지를 떠날 때 나타납니다. 사용자에게 이메일 주소와 교환하여 무언가를 얻을 수 있는 기회를 제공합니다.

이런 식으로 가능한 판촉 또는 고객으로 전환할 수 있는 다른 제품으로 사용자를 타겟팅할 수 있습니다.

최고의 UX

훌륭한 사용자 여정을 만드는 것은 고객 충성도와 전환을 보장하는 열쇠입니다. 고객이 매장에서 경험하는 경험을 최적화하는 가장 좋은 방법입니다.

광고에 수천 달러를 지출하고 고객이 구매하지 않는 이유를 궁금해하는 대신 강력한 기반과 직관적인 사용자 여정을 만드십시오. 이 견고하고 잘 연구되고 최적화된 UX는 고객이 사이트를 떠날 이유가 없도록 하고 마케팅 노력을 최대한 활용하고 더 많은 전환을 볼 수 있습니다.

히트매핑 및 세션 기록이 전자 상거래 상점에 도움이 될 수 있다고 생각되면 14일 동안 Hindsight 무료 평가판을 사용해 보십시오.