사용자 행동 이해하기 최고의 웹사이트 디자인

이 기사에서는 웹사이트에서 고객 행동을 추적하는 방법, UX 웹사이트 분석의 혁신, 최고의 웹사이트 디자인 을 달성하기 위해 사용자 행동을 추적하기 위해 히트맵을 사용해야 하는 모든 이유에 대해 설명합니다.

무엇을 찾을 수 있습니다:

• 사용자 행동이란 무엇입니까?
• UX 디자인은 온라인 상점이나 웹사이트의 홍보에 어떤 영향을 미칩니까?
• 히트맵 도구를 사용한 사용자 행동 분석이란 무엇입니까?
• 웹사이트가 추적해야 할 항목을 클릭하는 이유
• 웹사이트 클릭 및 스크롤 분석을 통한 사용자 행동
• 라이브 웹사이트에서 사용자 행동의 시각적 표현 예시

사이트를 위한 완벽한 디자인 만들기

기사의 사용자 행동과 관련된 모든 예는 Plerdy 히트맵 으로 수집된 4천만 회 이상의 클릭에 대한 고유 통계를 기반으로 합니다 .

물건을 산 순간을 생각하면 제품보다 감정을 기억할 가능성이 더 큽니다. 온라인 상점이나 웹사이트와의 모든 상호작용은 감정적 기억에 기록되며 웹사이트에서의 행동의 일부입니다.

사용자 행동이란 무엇입니까?

오늘날 웹은 집을 떠나지 않고도 주문할 수 있는 수많은 제품과 서비스를 제공합니다. 예를 들어, 구글에 '피자 주문하기'를 검색하면 11억 개 이상의 제안이 표시됩니다. 다른 많은 카테고리의 제품도 마찬가지입니다.

이것은 다음과 같은 질문으로 이어집니다. 웹사이트의 사용자 경험이 잠재적 구매자의 최대 99%를 떠날 수 있는 부정적인 감정과 행동을 유발할 수 있다는 것을 깨달은 적이 있습니까? 다음은 웹사이트에서 UX 문제를 확인하고 분석을 추적하도록 설득 할 수 있는 몇 가지 통계 입니다.

• • 고객의 79%는 현재 웹사이트가 기대에 미치지 못하면 다른 웹사이트를 찾을 것이라고 인정합니다.
  • 스마트폰 사용자의 96%는 모바일 버전이 없거나 모바일 디스플레이에 적합하지 않은 웹사이트를 접했습니다.
  • 사용자의 52%는 부정적인 모바일 경험으로 인해 회사와 상호 작용할 가능성이 낮아졌다고 말합니다.
  • 사용자의 63%는 여러 유형의 장치(스마트폰, 태블릿, 노트북, PC 등)에서 제품 또는 서비스를 탐색합니다.

디지털 마케팅 및 온라인 고객을 위한 사용자 경험(UX) 추적의 중요성을 입증하는 사용자 행동에 대한 유사한 데이터가 많이 있습니다. 이제 UX 분석에 대해 알아야 할 모든 것을 논의해 보겠습니다.

UX 디자인은 온라인 상점이나 웹사이트의 홍보에 어떤 영향을 미칩니까?

정보 아키텍처 및 검색 가능성 서비스를 제공하는 컨설팅 회사의 사장인 Peter Morville은 웹사이트 UX 및 행동에 영향을 미치는 다음 요소 를 식별합니다.

즉, 좋은 UX를 갖춘 웹사이트는 다음과 같아야 합니다.

• 유용한

웹사이트 콘텐츠는 고객의 요구를 완전히 충족하고 긍정적인 행동을 불러일으켜야 합니다.

• 쓸 수 있는

사용 용이성은 사용자 경험의 필수 구성 요소로 남아 있으며 우수한 사용자 행동을 제공합니다.

• 바람직한

모든 이미지, 브랜드 및 디자인 요소는 시선을 사로잡아야 하며 긍정적인 감정과 행동을 유발해야 합니다.

• 얻기 쉬운

모든 웹사이트 요소와 콘텐츠는 장애가 있는 사람들이 접근할 수 있어야 합니다.

• 신뢰할 수 있는

웹사이트에 게시하는 모든 내용은 사용자가 귀하를 신뢰할 수 있도록 신뢰할 수 있고 정확해야 합니다. 이것은 웹사이트에서의 행동을 개선합니다.

• 찾기 가능

콘텐츠는 잘 구성되어 있어야 하며 명확한 탐색이 가능해야 합니다.

적절한 웹사이트 UX와 행동을 보장하는 이 6가지 요소가 모두 충족되면 웹사이트 방문자는 귀하의 리소스를 즐기고 좋은 행동을 보일 것입니다. 따라서 이러한 요소를 추적할 가치가 있습니다.

그러나 언급된 통계 및 분석 결과만이 UX가 중요한 역할을 한다는 것을 증명하는 것은 아닙니다. 최근 Google은 108페이지 분량의 온라인 책인 UX 플레이북 을 출판했습니다 . UX로 매출을 늘리는 방법에 대한 테스트를 거친 팁으로 가득합니다. 검토는 광범위한 연구, 분석 및 기사에 대한 A/B 테스트를 기반으로 합니다. 수천 개의 소매 웹사이트를 연구한 결과 Google Analytics는 보편적인 UX 요소가 있다는 것을 발견했습니다.

이 책에는 6가지 핵심 분야에서 모바일 웹사이트의 UX를 분석하고 개선하는 데 도움이 되는 체크리스트가 포함되어 있습니다.

• 홈/랜딩 페이지.
• 메뉴 및 탐색.
• 검색.
• 카테고리/제품.
• 변환.
• 양식 최적화.

양질의 웹사이트 UX는 사이트에서 고객의 행동을 향상시킬 뿐만 아니라 검색 순위도 향상시킵니다. 모바일 웹사이트 사용성은 가장 중요한 200가지 순위 요소 중 하나입니다 . 새로운 Google Mobile-First Indexing 접근 방식은 웹사이트 UX에도 많은 관심을 기울입니다.

✨ 놓치지 마세요: 포괄적인 웹 디자인을 위한 최고의 가이드 + 방법에 대한 팁

히트맵 도구를 사용한 사용자 행동 분석이란 무엇입니까?

대부분의 온라인 상점은 사용자 행동을 추적하기 위해 유사한 분석을 사용합니다. 기존의 모든 웹 리소스가 이미 테스트되었으며 잠재 고객에게 매우 편리하다는 주관적인 믿음 때문에 그렇게 합니다. 실제로 각 사이트 또는 온라인 상점에는 고유한 대상 고객이 있으며, 이는 귀하와 다르게 행동할 수 있습니다.

그렇기 때문에 잠재 고객이 온라인 상점에서 어떻게 행동하는지 이해하려면 클릭 히트맵을 사용해야 합니다.

이 분석 맵으로 수집된 데이터를 통해 사용자의 선호도와 행동에 대해 자세히 알아볼 수 있습니다. 또한 고객이 구매를 완료하는 데 방해가 되는 장애물이나 결함도 볼 수 있습니다.

이러한 조사 및 추적 방법은 온라인 상점의 전환율을 높이고 더 나은 사용자 경험을 제공하는 데 도움이 될 수 있습니다.

히트맵 분석 도구를 사용한 사용자 행동 추적

이 추적 도구는 데이터를 수집하고 웹사이트를 보는 데 사용된 장치 유형과 해당 웹사이트에서 사용자의 행동을 분류합니다.

이것의 또 다른 장점은 모든 동적 웹사이트 요소(팝업, 메뉴 등)와의 행동 상호작용을 추적할 수 있다는 것입니다. 다시 말하지만 모든 것이 실시간으로 발생합니다.

웹사이트 추적 데이터를 처리하는 이 히트맵은 클릭이 발생한 장소를 감지할 뿐만 아니라 그 순서도 기록합니다. 분석 도구는 페이지를 백분율 기준으로 5개 부분으로 나누고 각 부분의 클릭 수를 추적합니다. 또한 사용자 행동의 매우 중요한 측면인 스크롤 깊이를 추적합니다. 사용자 행동에 대한 이 데이터를 사용하여 중요한 정보를 배치하기에 가장 적합한 지점(최대 클릭이 있는 영역)을 정의할 수 있습니다.

다양한 웹 리소스 페이지에서 사용자 경험과 행동을 추적하고 조사하여 얻은 수치와 결과에 대해 더 이야기해 보겠습니다.

히트맵 데이터 기반 사용자 행동 분석

사용자 행동은 웹사이트의 주제, 트래픽 소스, 웹사이트 방문자의 의도에 따라 다릅니다. 보다 정확한 사용자 행동 분석을 위해 다양한 소스에서 약 1억 번의 클릭을 수집했습니다. 이러한 상호 작용은 주제와 기능이 다른 웹 사이트에서 이루어졌습니다.

다음은 트래픽 소스별로 그룹화된 총 클릭수 그래프입니다. 우리는 사용자 행동에 대한 다음 연구에서 이 분석 데이터에 의존했습니다.

기기 유형별 총 클릭수 세분화

그래프에서 알 수 있듯이 PC에서 가장 많은 클릭이 발생했습니다. 모바일 클릭 수는 현저히 낮고 가장 적은 클릭은 태블릿 사용자에 기인합니다.

모바일 트래픽이 매년 꾸준히 증가하고 있으며 이는 사용자 행동에도 영향을 미친다는 것을 누구나 알고 있습니다. 이것은 논리적인 질문을 제기합니다. 대부분의 클릭이 여전히 데스크톱에서 이루어지는 이유는 무엇입니까?

답은 간단합니다. 사용자가 모바일 장치에서 웹사이트를 방문할 때 특정 목적(다른 페이지로 이동, 버튼 또는 활성 링크 선택)을 위해서만 클릭합니다. 나머지 시간에는 스크롤합니다. 사용자가 PC에서 탐색할 때 종종 마우스로 텍스트 위로 마우스를 이동하거나 요소를 강조 표시하거나 복사하거나 소위 빈 클릭(웹 사이트 요소 외부 클릭)을 합니다. 타겟 클릭은 전체 상호작용과 그 행동의 일부만을 구성합니다.

클릭 전 마우스 호버 분석

그래프는 데스크톱 웹사이트 버전의 사용자가 요소를 클릭하기 전에(최소 2초 동안 중지) 훨씬 더 자주 요소를 가리키고 있음을 명확하게 보여줍니다. 이는 내용을 주의 깊게 읽거나 주저함을 의미합니다.

일반적인 행동 패턴(다양한 트래픽 소스 및 장치를 기반으로 한 클릭)을 알면 웹사이트 방문자의 행동과 행동을 예측하고 웹사이트를 보다 효율적으로 사용하도록 도울 수 있습니다.

사용자 행동에 대한 보다 자세한 추적, 분석 및 예측을 위해 페이지 부분 간의 클릭 분포를 보여주는 그래프도 준비했습니다.

스크롤 깊이 및 장치 유형에 따른 클릭 분포

아래 그래프는 클릭 수가 기기 유형 및 페이지의 일부에 따라 어떻게 달라지는지 보여줍니다.

보시다시피, 사용자는 페이지의 첫 부분(0-20%)에서 가장 많은 클릭을 했습니다. 다른 부분의 클릭을 합산하더라도 여전히 적습니다.

그래프는 또한 페이지의 두 번째 부분(20-40%)부터 클릭이 크게 감소한 것을 보여줍니다. 즉, 콘텐츠 구조를 계획해야 합니다. 사용자에게 가장 중요한 정보는 긍정적인 행동을 형성하는 데 매우 중요하므로 항상 첫 번째 부분에 배치되어야 합니다.

물론 모든 페이지가 동일한 것은 아닙니다. 크기와 디자인이 다를 수 있습니다. 그럼에도 불구하고 이 그래프는 한 가지 주요 아이디어를 전달합니다. 고객을 유지하려면 페이지 상단에 클릭 유도문안을 배치하십시오.

페이지 부분에 따른 클릭 순서 분포

이전 그래프가 주요 정보를 배치할 위치를 보여 주는 반면, 다음 그래프는 사용자가 웹 페이지를 탐색하는 방법과 가장 자주 수행하는 작업을 이해하는 데 도움이 됩니다.

클릭 시퀀스는 의도적으로 기기 유형별로 분류됩니다. 이는 사용자 행동에 대한 보다 명확한 전체 그림을 보기 위해 필요합니다.

PC에서 클릭 시퀀스 배포

그래프는 대부분의 사용자가 페이지 상단에서 첫 번째 클릭을 했다는 것을 보여줍니다(0-20%). 게다가 첫 번째 클릭 수는 두 번째(20-40%) 및 다음 페이지 부분에서 급격히 감소합니다.

이러한 분포는 또한 다른 페이지 섹션의 첫 번째 클릭 수가 두 번째, 세 번째 등의 클릭보다 항상 높다는 것을 보여줍니다.

이 그래프에서 어떤 결론을 내릴 수 있습니까?

첫 번째 클릭 후 많은 사용자가 페이지를 떠나 다른 페이지로 이동하거나 웹사이트를 아예 닫습니다. 훨씬 적은 수의 사용자가 페이지를 계속 탐색하고 웹 사이트와 상호 작용합니다.

스마트폰에서 클릭 시퀀스 배포

상황은 모바일 장치 사용자 사이에서도 유사합니다. 그러나 이 경우 페이지의 첫 번째 부분(0-20%)과 두 번째 부분(20-40%)에서 발생한 클릭 수의 차이가 더 중요합니다.

즉, 모든 모바일 웹사이트 버전은 상단에 필요한 모든 정보를 포함해야 합니다. 사용자는 자세한 내용을 검색하기 위해 아래로 스크롤할 가능성이 거의 없습니다.

태블릿에서 클릭 시퀀스 배포

이러한 비교는 다양한 유형의 장치에 대해 웹사이트를 최적화하고 긍정적인 사용자 행동을 제공하는 데 필수적입니다. 예를 들어 데스크탑 버전은 페이지 상단에 많은 정보를 포함할 수 있지만 모바일 버전은 공간이 제한되어 있습니다. 사용자 행동을 개선하기 위해 모바일 웹사이트를 디자인할 때 이 점을 반드시 고려하세요.

페이지 부분에 따른 스크롤 깊이 분포

아래 그래프는 깊이 있는 사용자가 클릭하지 않고 페이지를 스크롤하는 방법을 보여줍니다.

지표를 기반으로 페이지의 특정 지점에서 시작하는 스크롤 깊이의 점진적인 감소를 감지할 수 있습니다. 페이지의 모든 부분에서 사용자 수가 감소합니다. 아래쪽으로 갈수록 방문자가 계속 스크롤하는 횟수가 줄어듭니다. 대부분의 클릭은 페이지의 첫 번째 부분에서 이루어지므로 이 그래프는 두 번째 부분부터 감소를 보여줍니다.

웹사이트가 추적해야 할 항목을 클릭하는 이유

잠재 고객이 웹 사이트에서 편안함을 느낄 수 있도록 하려면 페이지를 방문한 직후에 그들이 무엇을 하는지 알아야 합니다. 따라서 이것은 추적할 가치가 있습니다.

그들이 어떤 클릭을 하는지, 어떤 섹션을 방문하는지, 판매 유입경로의 어느 단계에서 웹사이트를 떠나는지 알아보세요. 다양한 웹사이트 요소에 대한 클릭 수는 다음 질문에 답할 수 있습니다.

• 사용자가 웹사이트에서 무엇을 좋아하고 무엇이 구매를 방해합니까?
• 한 웹사이트 페이지의 전환율이 다른 페이지보다 높은 이유는 무엇입니까?
• 웹사이트의 이탈률이 높은 이유(또는 별도 페이지의 이탈률이 높음)는 무엇입니까?
• 웹사이트에 클릭할 수 있는 것처럼 보이는 요소가 포함되어 있지 않습니까?
• 내용은 좋은가요? 스크롤 깊이를 어떻게 늘릴 수 있습니까?
• 내부 URL과 흥미로운 제안을 배치하기에 가장 유리한 위치는 어디입니까?
• 특정 페이지에 표시되는 팝업이 적절하고 효과적인가? (대부분의 사용자가 팝업을 닫으면 제거를 시도하고 팝업 없이 어떻게 동작하는지 확인해야 합니다.)
• 행동 촉구 및 기타 요소가 효과적입니까?

이 정보가 있어야만 불만족 고객의 수를 줄이고 긍정적인 사용자 행동을 늘리며 신규 고객을 확보할 수 있습니다.

웹사이트 클릭 및 스크롤 분석을 통한 사용자 행동

추적 스크립트가 설치된 직후 Plerdy의 클릭 및 스크롤 히트맵의 데이터 조각을 볼 수 있습니다. 사용자 행동을 추적하기 위한 분석 도구의 사이드바를 열려면 Ctrl-Alt-H를 누르기만 하면 됩니다. 통계는 각 페이지에 별도로 표시됩니다. 추적 정보는 Hotjar 및 기타 유사한 많은 분석 도구에서 사용하는 스크린샷 대신 라이브 웹사이트에 실시간으로 표시됩니다. 이를 통해 동적 요소를 추적하고 페이지와 기본 대시보드 간의 전환을 피할 수 있습니다.

대시보드에는 사용자 행동의 특정 매개변수별로 그룹화된 수집된 모든 분석 데이터가 포함됩니다. 고객의 행동에 영향을 미치는 웹사이트 성능의 편차를 확인하는 것은 매우 편리합니다.

라이브 웹사이트에서 사용자 행동의 시각적 표현 예시

히트맵 추적 도구는 웹사이트 방문자의 행동을 분석하여 CTR이 가장 높은 기능 버튼(해당 섹션으로 전달)을 찾는 데 사용됩니다. 가장 인기 있는 요소는 사용자가 분석하려는 웹사이트의 URL 또는 도메인을 입력할 수 있는 필드입니다. 추적 데이터에 따르면 이 필드는 10612번 클릭된 반면 검색 버튼은 1890번만 클릭되었습니다.

따라서 다른 사용자가 방금 Enter 를 클릭하고 결과를 기다리거나 웹사이트를 전혀 떠났다고 가정할 수 있습니다.

웹사이트 소유자가 이 행동 패턴을 무시했다면 수많은 사용자를 잃었을 것입니다. 다행히 방문자는 Enter 를 클릭하여 링크 분석을 실행할 수 있습니다. 유일한 문제는 분석이 매우 느리기 때문에 사람들이 페이지를 떠나게 만들 수 있다는 것입니다.

요소에 대한 총 클릭 수 외에도 사용자가 먼저 클릭한 요소/차단을 볼 수도 있습니다. 이를 통해 방문자가 페이지에 도착한 직후 방문자의 관심을 끄는 요소와 이것이 행동에 어떤 영향을 미치는지 이해할 수 있습니다.

직접 트래픽만을 위한 검색창의 CRT에 대한 별도의 분석은 이 요소가 총 직접 트래픽 클릭의 12.3%를 차지하는 것으로 나타났습니다(직접 트래픽이 47%를 구성함). 즉, 이 페이지에서 검색 표시줄이 강조되지만 사용자는 주의를 산만하게 하는 다른 요소도 클릭하여 행동에 영향을 미칩니다.

웹사이트 방문자가 가장 먼저 클릭하는 위치와 이것이 방문자의 행동을 결정하는 방법을 알고 싶다면 분석 히트맵이 매우 유용할 수 있습니다. 트래픽 소스뿐만 아니라 클릭 순서별로 첫 번째 클릭을 필터링합니다.

예를 들어, 이러한 방식으로 자연 트래픽에서 온 방문자가 가장 먼저 클릭한 위치와 그들의 행동을 찾을 수 있습니다.

고객 행동에 대한 추가 분석을 위해 페이지의 여러 부분에서 클릭 시퀀스의 이전 그래프로 돌아가 보겠습니다.

이 스크린샷을 보고 나면 모든 클릭의 97.6%가 첫 번째 화면에서 이루어진다는 결론을 다시 한 번 확인할 수 있습니다. 따라서 페이지의 다른 4개 부분은 덜 효과적이며 거의 클릭되지 않습니다.

마우스 호버 분석은 사용자가 요소와 매우 빠르게 상호 작용한다는 것을 보여줍니다. 대부분의 방문자가 PC에서 웹 사이트를 탐색하지만 방문자가 클릭하는 데 2초도 채 걸리지 않습니다.

스크롤 깊이의 상황도 비슷합니다. Serpstat 웹사이트의 홈페이지는 8개의 1920×1080px 스크롤 화면으로 구성되어 있습니다. 수집된 데이터에 따르면 사용자의 5%만이 두 번째 화면을 보거나 스크롤하여 두 번째 화면에서의 행동이 그다지 생산적이지 않았습니다.

스크롤 깊이 분석 데이터는 실제로 아무도 웹 사이트의 하단을 확인하지 않는다는 것을 다시 증명하므로 동작이 거의 없습니다. 거기에 추가 요소를 배치해도 거의 소용이 없습니다.

마지막 말

이것이 제가 Plerdy의 팀과 함께 수행한 연구입니다. 웹사이트 UX 분석 및 사용자 행동에 대한 이해에 도움이 되길 바랍니다.