히트 맵 분석 도구 | SiTest

히트맵 해석으로
사이트 안전진단

히트맵 해석 없이 사이트는 개선할 수 없다

기존의 액세스 해석 방법으로 할 수 없었던 것을 실현

Google Analytics에서 대표하는 종래의 접속 해석 툴은,
주로 사이트 방문에 관한 정량적 데이터를 축적합니다.
우리는 그 데이터를 기본으로 사이트 개선을 실시해 왔습니다.

그러나, 정량적인 해석에는 문제점이 2개 있습니다.

첫째는, 해석 데이터를 사이트 개선에 살리기 위해서는 전문적인 지식이 필요한 것.

둘째는, 사용자가 실제로 사이트상의 페이지를 어떻게 보고 있을까 하는 것 까지는 알 수 없는 것 입니다.

거기서 등장한 것이, 이미 생물학 분야 등에서 이용되고 있던 히트맵 입니다.

히트 맵 이미지

히트맵 이란, 데이터 배열을 색을 이용하여 표현한 그래프의 일종입니다.

단순한 숫자 나열로는 판단하기 어려운 내용도, 색깔 별로 나누어 시각적으로 알기 쉬운 방법을 이용하는 것으로써 상황을 판단할 수 있습니다.

웹에서 활용되는 히트맵 해석은, 이 색깔로 나누는 것을 최대한 활용해서 종래의 접속 해석 도구의 문제인 이해하기 어려움이나 전문성을 배제하는 것에 성공했습니다.

게다가, 또 다른 하나의 문제인 사용자의 실제 움직임에 대해서도, 스크롤율이나 클릭 액션 등의 지표를 히트맵 해석에 덧붙이는 것으로 해결하고 있습니다.

이미 히트맵 해석은 사이트 개선에 필요 불가결한 존재가 되었다라고 해도 과언이 아닙니다.

히트맵 해석으로 UX를 높인다.

히트맵 해석에서는 사용자의 페이지상의 움직임을 가시화할 수 있습니다.

종래의 접속 해석 도구와는 다른 해석이 가능하기 때문에, 가장 효과적인 방법은 두가지를 조합하는 것입니다.

예를 들어, 접속 해석에서는 직접율이 높은 페이지(사용자를 놓치고 있는 페이지)를 찾아낸 후, 그 페이지가 실제로 사용자에게 어떻게 보여지고 있는지를 히트맵 해석으로 탐색하고 과제를 발견하는 것을 실행합시다.

접속 해석

사이트 전체를정량적으로해석

광고의 성과 보고와 겸해서, SiTest에 의한 사이트 해석 결과를 함께 드리겠습니다. 보다 퀄리티 높은 리포트를 전해 드리는 것으로, 클라이언트의 만족도 향상이나 새로운 제안의 기회 창출로 연결해 드립니다.

과제있는페이지발견

히트맵 해석

각 페이지를정성적으로해석

시각적으로 디자인을 공유하는 것으로, 사이트 방문자가 요구하고 있는 디자인 변경 포인트를 함께 생각하는 것으로 제휴가 원활해집니다.

페이지 내의과제발견
7개의 항목

히트맵 해석은 사용자 익스피리언스(UX)를 나타내는 지표로도 됩니다.

UX란 사용자가 상품이나 서비스를 이용했을 때 얻을 수 있는 경험(만족도)입니다.

2004년에 피터・모빌씨가 발표한 UX하니컴 구조에서는 7개의 항목을 정의하고 있습니다. 이것을 Web사이트에 적용시켜 히트맵 해석을 실시하는 함으로써, 사용자의 UX를 높이는 것이 가능합니다.

예를 들어, 사용자가 요구하는 정보가 찾기 쉬운가를 히트맵의 주목도로 대조합니다.

7개의 항목을 지표로 하여, UX라고 하는 관점으로부터 히트맵 해석을 활용해 주십시오.

스크롤 해석 히트 맵에서 페이지의 전환점을 탐험

방문한 사용자의 페이지스크롤율을 히트맵에서 표시하는 기능이「스크롤 해석」입니다.

모든 히트맵 해석의 기본이 되는 기능인, 사용자의 체류 시간에 따라 색깔(체류 시간이 길 수록 빨갛게, 짧을 수록 파랗게 표시된다)이 바뀌기 때문에, 직관적으로 사이트 상황을 파악하는 것이 가능합니다.

또, 페이지마다 체류자의 증감을 그래프로 확인할 수 있기 때문에, 「직접이 자주 일어나는 장소」의 발견으로 연결할 수 있습니다.

스크롤 해석 활용법

스크롤 해석에서는, 페이지가 어느 정도 읽혀지고 있는지를 직관적으로 파악할 수 있습니다

만일 페이지 끝까지 열람하는 사용자가 전체의30%라고 하면, 중요 컨텐츠가 하부에 있어도 의미를 가지지 않습니다.

실제로 닐슨이 발표한 조사 결과에서는, 페이지 하부의 방문시간은 상부의1/4 정도이기 때문에, 스크롤 해석을 활용하는 것으로, 근거를 가지고 중요한 컨텐츠를 상부로 가져올지 말지 의사 결정할 수 있습니다.

또, 잘 보여지는 장소, 직접되고 있는 장소를 찾아냄으로써, 보다 효과적인 페이지 구성, 컨텐츠의 순서를 모색할 수 있습니다.
우선은 페이지의 분기점을 찾아, 「중요 장소를 확실하게 읽는 페이지」를 만듭시다.

스크롤 해석으로 페이지의 분기점을 찾는다

스크롤 데이터로 사용자의 직접 장소를 안다

방문한 사용자의 페이지 스크롤율을 그래프로 표시하는 기능이, 「스크롤 데이터」입니다.

히트맵 해석만으로는 알 수 없는 사용자 체류시간의 실제 수치를 확인할 수 있기 때문에 시각적으로 판단하기 어려운 세밀한 사용자의 움직임이 간단하게 파악됩니다.

또, 페이지마다 체류자의 증감도 실제 수치로 파악할 수 있기 때문에, 「페이지의 어느 부분에서 자주 직접되는지」를 간단하게 찾아낼 수 있습니다.

스크롤 데이터 활용법

스크롤 데이터로는 페이지가 어느 정도 읽혀지고 있는지 정량적으로 파악할 수 있습니다

만일 체류 시간이 길었다고 해도 중요 컨텐츠까지 사용자가 직접하고 있으면, 그 컨텐츠는 충분한 힘을 발휘할 수 없습니다.

정성적인 스크롤 해석과 함께 정량적인 스크롤 데이터를 활용하는 것으로 중요 컨텐츠를 상부로 가지고 올 것인지의 의사결정이 보다 확실해집니다.

또한 사용자가 잘 보고있는 장소, 직접하고 있는 장소의 발견을 용이하게 하고 확실한 데이터의 뒷받침을 기초로 가장 효과를 발휘하는 페이지 구성, 컨텐츠의 차례를 결정할 수 있습니다.
스크롤 해석과 함께 사용함으로써 「사용자를 놓치지 않고, 중요 컨텐츠를 읽게 하는 페이지」를 목표로 합시다.

스크롤 데이터로 사용자의 직접 장소를 안다

마우스 그래픽 히트 맵에서 시선의 움직임을 분석

마우스그래피는 사용자의 마우스 움직임을 써모그라피로 표시시키는 기능입니다.

카네기 멜론 대학 교수가 2001년에 발표한 논문에 의하면, 마우스와 시선의 움직임은 84~88% 상관관계가 있다고 언급되고 있습니다.

즉, 마우스의 움직임을 조사하는 것은, 사용자의 시선 움직임을 해석하는 것과 동일하다고 해도 차질이 없습니다.

마우스그래피로는 페이지 안에서 시선이 모여 있는 장소(=마우스 포인터가 놓여져 있는 장소) 가 붉게 표시되어 보다 구체적인 사이트 진단을 가능하게 합니다.

사용자가 중요한 정보를 원활하게 받을 수 있으면, 사용자 경험은 향상됩니다.

마우스그래피를 사용하여 페이지 구성의 재검토를 도모합시다.

마우스그래피 활용법

마우스그래피는 어디가 잘 보여지고 있는지 파악할 수 있기 때문에, 사이트의 레이아웃 변경이나 중요 컨텐츠의 설치 장소 개선을 실시할 때에 도움이 됩니다.

게다가 세그먼트 설정을 실시하는 것으로 마우스그래피는 보다 효과를 발휘합니다.

예를 들면, 직접 사용자와 그 이외의 사용자를 비교하여, 움직임의 차이를 파악할 수 있습니다

그 밖에도, 중요 컨텐츠라고 평가하고 있는 장소를 보고 있는 사용자 속성을 발견할 수 있으면, 그 사용자의 유입수를 늘리는 것으로 예상 고객의 증가로 연결하는 것이 가능합니다.

마우스그래피로 시선의 움직임을 해석

클릭 해석 히트 맵에서 사용성을 향상

usability가 뛰어난 사이트란, 사용자가 실행하고 싶은 행동을 간단한 조작으로 실행할 수 있는 사이트라고 말합니다.

일반적으로 유효함이나 효율, 사용자의 만족도 등이 지표로서 이용됩니다.

야곱・닐슨에 의하면, usability는 CVR에 영향을 주고, 실제로 usability의 최적화가 평균87%의 CVR 증가율로 연결된 것을 66개의 사례로부터 증명하고 있습니다.

SiTest의 클릭 해석에서는, usability 중에서도 특히 중요한 「클릭 액션」이 실행된 장소를 표시합니다.

다른 페이지로 링크, 구입 버튼 등 다음 행동을 촉구하는 클릭을 해석하는 것으로, usability가 뛰어난 사이트를 구축해 나갑시다.

클릭 해석의 활용법

클릭 해석으로는, 사용자가 적절히 링크나 전환 포인트를 인식하여 클릭하고 있는지 판별할 때에 활용해 주십시요.

예를 들어, 상품 페이지를 방문한 사용자가 구입 버튼을 적절하게 인식하여 클릭하고 있는지 확인하고, 그 배치를 바꾸는 것으로 구입율을 향상시킬 수 있겠지요.

반대로 링크를 설정하지 않은 정지화면이나 버튼과 같이 보이는 장소에 클릭이 모여 있는 경우는, 사용자의 만족도를 떨어뜨려 구매 의욕의 저하로 연결될 가능성도 있습니다.

어쨌든 「사용자가 링크나 구입 버튼 등을 바로 인식할 수 있도록, 불필요한 장소에서 클릭 액션을 일으키게 하지 않는 사이트 구축」을 위해서 클릭 해석을 이용하십시오.

클릭 해석으로 usability를 향상

마우스 무브로 사용자의 움직임을 본다.

사용자가 사이트상을 어떻게 열람하고 있는지. 이 정보는 사이트 운영자라면 누구든지 생각하는 일이지요.

그러나, 사용자의 실제 조작을 트랙킹 하는 조사 서비스는 수 십 만원 드는 고액이며, 또한 불과 몇 명에서 몇십 명 정도의 한정된 계측으로 조사에 시간도 걸립니다.

SiTest의 마우스 무브로는, 마우스의 움직임을 녹화하는 것으로 비용도 시간도 들이지 않고 방문한 사용자의 움직임을 해석할 수 있습니다.

마우스그래피 항목에서도 설명한 것처럼, 마우스의 움직임과 시선의 움직임은 깊은 관련이 있습니다.

마우스가 상정 외의 움직임을 하는지 안 하는지 확인하여, 사용자가 망설이고 있는 포인트를 발견할 수 있으면, 페이지 레이아웃의 변경이나 도선을 다시 짜 usability, CVR를 개선할 수 있습니다.

마우스 무브 활용법

마우스 무브는 세그먼트를 설치하는 것으로 특정 사용자에게 제한된 마우스의 움직임을 분석할 수 있습니다

예를 들면 직접 사용자의 움직임에 눈에 뛴 특징이 있으면, 그 포인트를 개선함으로써 직접율을 줄이고, 목표 달성 가능성을 확대시키는 것도 가능합니다.

게다가 마우스무브에는 개별 재생과 동시 재생 2개를 선택하는 기능을 탑재하고 있습니다.

접속이 많은 페이지에서는 1명 1명의 움직임을 확인하는 것 만으로도 상당한 시간이 걸립니다.

동시 재생을 활용하는 것으로 특징을 찾아내는 시간을 단축하고, 또 개별적으로 보고 싶은 경우, 전환하는 것도 버튼 1개로 가능한 것이 장점입니다.

마우스 무브로 사용자의 움직임을 본다.

게이즈플롯으로 사용자 심리 추측

아이트래킹 조사 분야에서, 히트맵 해석과 대등하게 중요하게 자리 잡고 있는 것이, 게이즈플롯라고 하는 해석 방법입니다.

사용자의 실제 조작을, 순서와 체류 시간으로 재구성했습니다.

페이지내의 컨텐츠를 어떤 순서로 어느 정도 시간을 들여 읽고 있는지 직관적으로 파악할 수 있습니다.

원하는 대로 사용자는 컨텐츠를 보고 있는지, 사용자는 그 컨텐츠를 그냥 보고 넘어가지 않고 주목하고 있는지 한눈에 알기 때문에, 페이지 레이아웃의 변경이나 동선의 재검토를 사용자 시선으로 진행할 수 있습니다.

게이즈플롯 활용법

게이즈플롯에서는 페이지 내의 컨텐츠끼리의 인과관계를 알 수 있습니다.

통상의 게이즈플롯 기능으로는 단순하게 마우스의 움직임을 차례로 좇아 갈 뿐 입니다만 SiTest로는 체류 시간이 원의 크기와 색으로 표현되고 있어서 보다 직관적인 해석이 가능합니다.

페이지 내에서 헤매지 않은지, 어떠한 순서로 상품 구입을 결정했는지, 다시 읽고 싶은 흥미를 불러 일으키는 컨텐츠가 있는지등 다각적으로 사용자의 움직임으로부터 분석이 가능합니다.

또, 마우스 무브와 같이, 세그먼트 나누기가 가능하므로, 직접사용자나 전환에 이른 사용자, 특정 광고로부터 방문한 사용자 등, 여러 가지 세그먼트 사용자의 움직임을 해석하는 것으로, 직접율이나 CVR 개선을 도모할 수 있습니다.

게이즈플롯으로 사용자 심리 추측

탭 분석 히트 맵에서 멀티 디바이스에 대응

일본경제신문 BP컨설팅이 발표한 조사 결과에 의하면, 2014년 국내 스마트 폰・핸드폰 유통 시장은 4조 2213억엔.
불과 2년에 2배 가까운 성장을 이루고 있습니다.

타블렛 단말도 이와 같이 시장규모를 늘리고 있어, 사이트에서도 멀티 디바이스 대응이 요구되는 시대입니다.

그러나 급속한 시장 성장을 따라가기 위해, 우선 대응만 한 사이트에서는 스마트 폰이나 타블렛 단말 사용자의 시점에 맞추지 않아서 CVR이 낮아져 버립니다.

SiTest에서는 스마트폰 이나 타블렛 단말 사용자의 특징인 「탭 액션」을 해석할 수 있는 기능을 탑재했습니다.

버튼의 크기가 적절한지, 움직임은 매끄러운지, PC 해석만으로 알 수 없는 사용자의 움직임을 해석하여, 전 디바이스에서 사이트 최적화, 고객 획득을 목표로 합시다.

탭 해석 활용법

스마트폰이나 타블렛 단말은 PC와 비교해서 브라우저 사이즈가 작아집니다.

그 때문에 우선 PC사이트를 모방하여 만든 레벨의 모바일 사이트에서는 버튼 등이 인식되어 있지 않거나, 혹은 너무 작아서 부근을 오류로 탭 하고 있다라고 하는 것도 발생합니다.

우선은 탭 해석으로 사용자의 움직임이 정상적인지 파악합시다.

또, 2012년 6월 Google은 「스마트폰에 최적화된 사이트 구축」이라는 제목을 붙여 반응형 웹 디자인을 추천하는 취지를 발표했습니다만, 반응형 웹 디자인 이라고 안심할 수 있는 것은 아닙니다.

원래 스마트폰, 타블렛 단말 사용자는 PC사용자와 다른 「탭」이라고 하는 액션을 실행하기 위해, 각각 최적화하는 것이 목표 도달율을 끌어올리는데 연결됩니다.

탭 해석으로 멀티 디바이스에 대응

터치 액션으로 타블렛・스마트폰 사용자의 조작을 시각화.

스마트폰, 타블렛 단말로부터 사이트를 보는 사용자는, 탭 이외에도 여러 가지 조작을 실행하고 있습니다.

페이지 그 자체에 흥미가 없으면 프리크로 전후의 페이지에 이동하고, 컨텐츠에 흥미가 없으면 스와이프 해서 페이지를 좌우로 넘기고, 자세하게 보고 싶으면 핀치 인 하여 확대해서 읽습니다.

확실히 터치 액션은 사용자 심리를 그대로 나타내고 있습니다.

부담 없이 사용할 수 있는 디바이스 에서의 접속이기 때문에 더욱, 그러한 디바이스의 최적화를 실시함으로 사용자 심리를 확실히 잡아서, 보다 많은 고객 획득을 도모할 수 있습니다.

터치 액션의 활용법

브라우저 사이즈가 PC보다 작기 때문에, 비록 반응형 웹 디자인이라 해도, 사용자에게 있어 보기 쉬운 디자인 이라고는 할 수 없습니다.

페이지 내의 각 컨텐츠의 터치 액션을 파악함으로써, 핀치 인 되고 있는 장소를 크게 게재하도록 하거나, 스와이프로 그냥 넘겨버리는 장소는 요점을 알기 쉽게 강조하거나, 문자가 아닌 화상을 이용하는등 타블렛・스마트폰 사용자의 사용자 심리를 파악하여 조작성을 의식한 페이지 만들기가 가능합니다.

사용자의 흥미에 맞춘 컨텐츠 재구성을 실시하거나, 보기 힘든 컨텐츠를 보기 쉽게 바꾸거나 하는 개선을 실시함으로써, 사용자를 각 컨텐츠에 확 끌어당겨 이탈 시키지 않는 페이지 만들기가 가능해지고, 사용자 체류 시간의 증가, CV에 결합되는 사용자수의 증가를 도모할 수 있습니다.

터치 액션으로 타블렛・스마트폰 사용자의 조작을 시각화.

지금 무료로 
사용해보십시오.

SiTest의 혁신적인 기능을 
1 개월간 무료로 
사용하실 수 있습니다.

이름【필수】
이메일 주소【필수】
전화 번호【필수】

이용 약관여기

메뉴 버튼닫기 버튼