Hotjar: UX 및 변환 팁

온라인이든 오프라인이든 상관없이 기업은 매장 내 디스플레이, 리드 생성 양식 또는 다단계 판매 유입경로에서 더 많은 전환을 얻기 위해 사용자 경험을 최적화하기를 원합니다. 불행히도 모든 웹사이트 방문자가 전환하도록 하는 것은 불가능합니다. 결국 기업과 UX 전문가는 분석 데이터로 전환하고 스스로에게 한 가지 질문을 던져야 합니다. 방문자가 고객으로 전환되지 않는 이유 는 무엇입니까?

Google Analytics는 가장 널리 사용되는 분석 솔루션이지만 페이지 조회수, 이탈률, 트래픽 소스 등 사용자 행동에 대한 정량적 데이터로 디자이너를 압도할 수 있습니다. 풍부한 데이터를 제공하지만 사람들이 왜 그렇게 행동하는지에 대한 설명은 없습니다. 사이트에서 합니다. 높은 장바구니 포기율과 같은 문제를 발견하는 것과 그 문제를 해결하는 방법을 찾는 것은 다른 문제입니다. 그런 의미에서 Google Analytics에는 UX 디자이너에게 중요한 도구가 하나 부족합니다. 바로 실제 사용자의 피드백 수집입니다.

Hotjar의 이점: 사용자 행동을 이해하고 피드백을 수집하는 강력한 도구

Hotjar는 기업이 사람들이 웹사이트에서 무엇을 보고 무엇을 하는지 이해할 수 있도록 하는 동시에 그들이 그것을 사용하는 방법과 이유를 파악하는 데 도움을 줍니다. Hotjar 덕분에 사용자 행동에 대해 추측할 필요가 없습니다. 다양한 기능 덕분에 마케터와 UX 디자이너는 사람들이 웹사이트를 경험하는 방식에 대한 통찰력을 얻을 수 있습니다.

히트맵

히트맵은 사람들이 클릭하는 위치, 스크롤하는 거리 및 마우스를 이동하는 위치를 보여주기 위해 그 위에 레이어링된 따뜻한 색에서 차가운 색 구성표가 있는 웹 페이지의 스크린샷입니다. 일기예보에서처럼 빨간색 영역은 뜨겁 거나 시선을 사로잡는 반면 파란색 영역은 차갑 거나 눈에 띄지 않습니다.

히트맵은 Hotjar의 가장 인기 있는 도구이며 모든 페이지와 모든 장치에서 사용할 수 있습니다. 사용자 행동은 다음과 같이 요약됩니다.

• 방문자가 화면을 클릭하거나 탭하는 위치를 보여주는 클릭 지도
• 페이지 아래로 얼마나 아래로 스크롤하는지 보여주는 스크롤 맵
• 지도 이동, 마우스 경로 표시

히트맵은 관련 시각적 통찰력을 제공함으로써 디자이너가 더 나은 페이지 레이아웃을 만들어 사용자의 관심을 가장 중요한 부분으로 이끌고 더 높은 속도로 전환할 수 있도록 도와줍니다. 가장 일반적인 디자인 개선 사항 중 하나는 클릭 유도문안을 향상 및/또는 더 인기 있는 지역으로 재배치하여 전환율을 높이는 것입니다.

세션 녹음

히트맵은 특정 페이지에 있는 모든 방문자의 행동을 단일 문서로 요약하지만 세션 기록을 통해 기업은 개별 여정을 경험하고 사람들이 사이트와 상호 작용하는 방식을 이해할 수 있습니다. 그들은 어디로 가나요? 그들은 언제 혼란스럽거나 좌절합니까? 왜 그들은 전환하지 않습니까?

Hotjar의 녹음은 UX 연구원과 디자이너가 수십 가지 실제 사용자 경험을 재생하고 사람들이 페이지와 콘텐츠를 탐색하는 방식을 정확하게 볼 수 있으므로 사용성 테스트에 대한 훌륭한 대안입니다. 또한 각 세션에는 주요 상호 작용을 보여주는 클릭 가능한 타임라인이 있습니다.

일반적으로 행동 패턴을 식별하고 작동하는 것과 작동하지 않는 것을 발견하는 데 몇 번의 기록만 있으면 됩니다. 예를 들어, 여러 방문자가 요소를 반복적으로 클릭하거나 탭하면 클릭 유도문안처럼 보이거나 링크가 끊어진 것으로 나타납니다. 어느 쪽이든, 이 마찰 지점을 수정하여 전반적인 경험을 보다 효율적이고 즐겁게 만들 수 있습니다.

녹음에 관해서는 항상 UX 디자이너의 전문 지식을 얻는 것이 좋습니다. 다시보기는 검토하는 데 시간이 많이 걸리므로 실제로 세션을 보기 전에 명확한 목표를 정의하면 효율성과 이점을 극대화하는 데 도움이 됩니다. 예를 들어, SaaS 회사는 무료 평가판 구독 양식을 최적화하려는 반면 전자 상거래 소유자는 체크아웃 프로세스에 집중할 수 있습니다. 이러한 목표를 미리 정의하면 디자이너가 시간을 낭비하지 않고 녹음의 가장 중요한 부분에 집중할 수 있습니다.

전환 유입경로

비즈니스 소유자는 항상 더 많은 고객을 전환하는 것을 목표로 합니다. 뉴스레터를 새로 구독하든 더 많은 제품을 판매하든, 목표는 유입경로를 통해 방문자를 고객으로 전환하는 것입니다. 전자 상거래 플랫폼에서 일반적인 깔때기는 홈페이지 > 제품 페이지 > 장바구니 > 체크아웃 > 확인 페이지와 같은 최소 5단계로 구성됩니다.

실제 유입경로와 마찬가지로 온라인 유입경로는 끝으로 갈수록 좁아집니다. 즉, 처음보다 마지막에 고객이 더 적습니다. 그러나 단계 사이에 무슨 일이 일어나는지 또는 방문자가 왜 그곳에서 하차하는지 말하기 어려울 수 있습니다.

Hotjar의 깔때기 보고서는 기업이 각 단계를 통과하는 사람의 수와 그렇지 않은 사람의 수를 비교할 수 있는 고급 기능입니다. 잠재 고객이 이탈하는 시기와 위치를 이해함으로써 디자이너는 유입경로와 전체 사용자 흐름을 최적화할 수 있습니다.

보이지 않는 필수 조치(예: 장바구니에 추가하기 전에 크기 선택), 잘못 배치된 클릭 유도문안, 작성해야 할 긴 양식 등은 모두 유입경로에 "구멍"을 만드는 전환 장벽의 예입니다. 이러한 구멍은 일반적으로 높은 종료 페이지에 있습니다. 이러한 구멍이 식별되면 UX 디자이너는 설계를 개선하여 구멍을 막고 유입경로의 끝으로 더 많은 트래픽을 보내 가능성 있는 전환 수를 늘릴 수 있습니다.

양식

전환 유입경로는 등록 양식, 체크아웃 양식 또는 데이터 제출 양식 등 어떤 양식을 작성하고 제출하는 것으로 끝나는 경우가 많습니다. 양식 포기는 일반적이며 중요한 UX 문제로 항상 해결되는 것은 아닙니다. 그러나 일반적으로 부정적인 경험으로 인해 의도가 빗나가기 때문에 전환할 준비가 된 것처럼 보이는 사용자가 갑자기 양식을 포기하는 이유를 이해하는 것이 중요합니다.

Hotjar의 양식 보고서는 세션 수, 평균 상호작용 시간, 전환율, 이탈 수 및 비어 있는 필드와 같은 광범위한 분석을 강조합니다. 필드를 최소로 유지하고 명확한 레이블 및 입력을 제공하는 등의 모범 사례와 결합된 이러한 통찰력은 처음에 고객을 이탈하게 만든 트리거를 제거하고 양식 완료율을 높이는 데 도움이 될 수 있습니다.

투표소

사람들의 이익이나 그들이 그렇게 행동하는 이유에 대해 잘못된 생각을 하기 쉽습니다. 방문자에 대한 가정은 모든 비즈니스 소유자와 UX 디자이너의 가장 큰 적이며 종종 마케팅 및 디자인 실수로 이어집니다. 고객으로부터 정직한 피드백을 받는 것은 이러한 실수를 피하는 가장 좋은 방법일 뿐만 아니라 고객이 어떻게 그곳에 도달했는지, 무엇을 찾고 있는지, 무엇을 필요로 하고 무엇을 두려워하는지 알아내는 가장 직접적인 방법이기도 합니다.

Hotjar의 투표는 문맥 정보를 얻기 위해 질문을 표시하는 페이지 하단에 나타나는 눈에 잘 띄지 않는 위젯입니다. 이러한 질문은 특정 페이지에서 질문할 수 있습니다. 예를 들어 사람들이 찾고 있는 콘텐츠의 종류를 알아보거나 방문자가 곧 내려갈 때와 같은 행동을 기반으로 할 수 있습니다.

설문조사는 고객이 판매 깔때기의 끝에서 아직 "주문 확인" 클릭 유도문안을 누르지 않은 이유를 이해하려는 전자 상거래 비즈니스에 특히 유용한 도구가 될 수 있습니다. 다음과 같은 질문: 이 항목을 구매하는 데 가장 큰 두려움은 무엇입니까? 또는 구매 결정을 쉽게 하기 위해 누락된 정보는 무엇입니까? 안전한 지불, 배송 비용, 배송 시간, 보증 세부 정보 또는 반품 정책에 대한 정보 부족을 포함하여 관련 피드백을 밝힐 수 있습니다.

Hotjar는 또한 "수신 피드백"이라는 보다 재미있는 빠른 피드백 도구를 제공합니다. 이 확장 가능한 위젯을 통해 사람들은 이모티콘을 사용하여 페이지 또는 특정 요소에 대해 평가하고 댓글을 달 수 있습니다. 이는 대상 청중과 브랜드의 중요성에 따라 설문조사에 대한 친근한 대안이 될 수 있습니다.

설문조사

고객 자신보다 고객에 대해 더 잘 아는 사람은 없습니다. 설문 조사를 설정하는 것은 고객이 사이트를 방문할 때 또는 방문한 후에 보다 심층적이고 정성적인 피드백을 수집하는 훌륭한 방법입니다. 예를 들어, 전자 상거래 사이트는 사용자가 거래를 완료하거나 완료하지 않은 주된 이유를 알아보기 위해 구매 전 및 구매 후 설문조사에 모두 관심을 가질 수 있습니다.

Hotjar를 사용하면 사이트 소유자가 이메일, 링크로 공유하거나 사이트의 팝업에 표시할 수 있는 개인화된 설문조사를 만들 수 있습니다. 여기에는 개방형, 객관식 또는 확장형 질문이 포함될 수 있습니다. 개방형 질문은 사람들이 자신의 경험을 자신의 말로 공유하고 개선할 수 있는 부분을 표현할 수 있기 때문에 거의 항상 가장 의미 있는 통찰력을 제공합니다.

사용된 질문의 유형에 관계없이 고객의 요구와 추진력에 중점을 두어야 합니다. 또한 콘텐츠( 이 기사가 유용했습니까? ) 또는 전환( 오늘 구매하지 못하게 된 원인이 무엇입니까 ? )과 같은 다양한 문제에 집중할 수 있습니다. 사람들은 대가로 제공되는 것이 있으면 설문조사에 참여하는 경향이 있으므로 인센티브에 대해 생각하는 것이 필수적입니다.

Hotjar 시작하기

Hotjar 설치

Hotjar는 기본 기능과 트래픽 제한이 있는 무료 요금제를 제공합니다. 고객 행동과 고객의 요구에 대한 큰 그림을 파악하려는 소규모 웹사이트에 적합합니다. 규모가 큰 기업은 더 많은 데이터를 수집하고 설문조사 및 설문조사 인터페이스를 완전히 사용자 지정할 수 있는 프리미엄 요금제에 더 관심이 있을 수 있습니다.

Hotjar는 수동으로 또는 플러그인을 통해 설치할 추적 코드 스니펫이 하나만 있기 때문에 쉽게 설정할 수 있습니다. Hotjar는 공식 플러그인이 있는 WordPress 및 Shopify, Magento 및 PrestaShop과 같은 전자 상거래 플랫폼을 포함하여 수백 개의 플랫폼과 호환됩니다.

웹사이트가 가입하고 필요한 코드 조각을 삽입하면 Hotjar를 사용하여 쉽게 히트맵을 생성하고 세션 기록을 시작하거나 설문조사 및 설문조사를 생성할 수 있습니다. 관리자 패널은 깨끗하고 결과는 시각적으로 표시되며 정보는 필터링 가능한 단순 테이블로 요약됩니다.

Google 애널리틱스와 Hotjar 결합

앞서 언급했듯이 Google Analytics는 양적 데이터에만 초점을 맞춘 복잡한 도구인 반면 Hotjar는 이해 가능한 방식으로 양적 및 질적 통찰력을 모두 제공합니다.

Hotjar는 인구 통계 또는 전환 퍼널 보고서와 같은 정량적 데이터와 관련하여 Google Analytics만큼 강력하거나 상세하지 않습니다. Mark Zuckerberg는 Facebook의 성공 비결을 다음과 같이 설명했습니다. "우리는 사용자가 말하는 단어에 정성적으로 귀를 기울이고 사용자 행동을 정량적으로 관찰하여 사용자가 원하는 것에 정말로 귀를 기울였습니다."

Google Analytics와 Hotjar를 라이벌로 보는 것이 아니라(명백하게는 아니지만) 서로 보완적인 것으로 보는 것이 가장 좋습니다. 두 솔루션을 모두 사용하면 UX 디자이너와 마케터에게 더 많은 통찰력을 제공합니다.

UX 연구원 및 UX 디자이너와 협력

마케터와 분석 전문가는 기업이 정량적 데이터를 이해하도록 도울 수 있지만 피드백 수집 및 분석에는 심리학과 공감이 필요합니다.

Hotjar의 인터페이스는 Google Analytics보다 간단하지만 비즈니스 소유자가 UX 연구원 또는 UX 디자이너와 협력하여 통찰력을 해석하는 것이 유용할 수 있습니다.

사용자 경험 전문가는 마찰 지점을 강조하고 가능한 개선 사항을 발견하고, 세션 기록 보고서를 준비하고, 설문 조사 및 설문 조사에 대한 관련 질문을 생각하고, 적절한 콘텐츠 또는 디자인 변경을 권장하고, A/B 테스트를 추적할 수 있습니다. Hotjar의 기능 및 이점 중 이러한 기능은 기업이 고객 여정을 개선하여 성장을 촉진하는 데 도움이 될 수 있습니다. 장기적인 가치와 ROI를 가져오는 투자입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 데이터 기반 설계 및 생성 설계 – 개요
• UX 데이터를 사용하지 않는다면 UX 디자인이 아닙니다
• 인간 행동을 위한 디자인: 무형 자산 정의
• 숫자의 강점 – 데이터 기반 설계 개요
• 사용자 흐름 향상 – UX 분석 가이드