–
랜딩 페이지를 개편했다면, 가장 먼저 확인해야 할 것은 ‘사용자의 행동이 실제로 어떻게 달라졌는가’입니다. 사용자가 어디까지 스크롤했고, 어느 구간에서 이탈했는지는 스크롤 히트맵을 통해 확인할 수 있죠.
–
하지만 개편 효과를 분석하는 과정은 생각보다 번거롭습니다. 개편 전후 일주일의 데이터만 비교하더라도 총 14개의 스크롤 히트맵을 직접 열어봐야 하기 때문입니다. 분석 기간이 한 달로 늘어나면 확인해야 하는 히트맵도 그만큼 많아집니다. 이 과정에서 불필요한 반복 작업이 발생하고, 그 사이 분석의 흐름은 끊깁니다.
–
만약 여러 날짜의 스크롤 히트맵을 한눈에 비교할 수 있다면 어떨까요? 이 글에서는 필름 스트립(Filmstrip) 기능으로 스크롤 데이터의 변화를 쉽고 빠르게 분석하는 방법을 소개하겠습니다.
–
흐름 속에서 스크롤 히트맵을 분석해야 하는 이유
스크롤 히트맵은 사용자가 페이지의 어느 지점까지 관심을 가지고 살펴보았는지를 시각적으로 보여줍니다. 이때, 스크롤 데이터가 시간의 흐름 속에서 어떻게 변화하는지 살펴보는 것이 중요합니다. 페이지 개편이나 마케팅 캠페인 이후 사용자의 탐색 패턴이 어떻게 변화했는지 명확하게 확인할 수 있기 때문입니다.
–
필름 스트립은 이러한 변화의 흐름을 직관적으로 보여줍니다. 분석을 원하는 기간의 스크롤 히트맵들을 나열해, 날짜별로 달라지는 데이터를 한 눈에 확인할 수 있는 것입니다. 이를 통해 특정 시점의 변화나 반복되는 스크롤 패턴을 손쉽게 발견할 수 있습니다.
–
필름 스트립 실전 활용법
서비스 소개 페이지를 개편하려는 B사가 있다고 가정해봅시다. 페이지 상단에 주요 기능을 설명하는 텍스트가 길게 배치되어 있어 ‘도입 문의’ 버튼까지 도달하는 사용자가 매우 적은 것이 개편의 이유입니다.
이에 B사는 장문의 설명형 텍스트 대신 이미지를 적절히 배치해 사용자의 시각적 부담을 줄이는 방향으로 페이지를 수정했습니다. 필름 스트립을 활용해 페이지 개편의 효과를 한눈에 확인해보겠습니다.
–
개편 전에는 히트맵의 붉은 영역이 페이지 상단에 집중되어 있었지만, 개편 이후에는 붉은 영역이 중반부까지 확장된 모습을 확인할 수 있습니다. 이는 시각 자료를 추가한 페이지가 사용자의 탐색 범위를 넓히는 데 효과가 있었음을 의미합니다.
또한 어텐션 그래프를 살펴보면, 사용자들이 주요 기능 설명 영역에 머무르는 시간이 눈에 띄게 증가했음을 확인할 수 있습니다. 해당 영역에 관심은 있으나, 개편 전에는 정보가 장문의 텍스트로 제공되어 사용자들이 부담을 느끼고 이탈한 것입니다. 이러한 분석은 앞으로 어떠한 콘텐츠를 강화해야 하는지 판단하는 근거로 활용될 수 있습니다.
–
스크롤 히트맵, 아직도 하나씩 열어보고 있나요?
기존에는 일자별 히트맵을 일일이 열어보고 정리하는 데에 많은 시간이 필요했습니다. 그러나 필름 스트립을 활용하면 비교 분석과 의사 결정에 모든 시간을 사용할 수 있게 됩니다.
이는 사용자의 스크롤 패턴 변화를 파악해야 하는 상황에서 특히 유용합니다. 페이지 개선 이후 변화가 실제로 유지되고 있는지 확인하거나, 캠페인 기간 동안 사용자의 탐색 패턴이 어떻게 달라졌는지 비교할 때 필름 스트립은 반복적인 작업을 대신해 데이터의 변화를 보여주는 도구로 활용될 수 있습니다.
–
여러분의 페이지에는 어떤 변화가 일어나고 있나요? 필름 스트립을 통해 스크롤 데이터의 흐름을 직접 확인해보세요!
–
