1. ‘모바일 온리’ 시대, 아직도 사용자의 클릭만 보고 있나요?
“뱅킹은 모바일에서만 이용할 수 있어요.”
국내 주요 디지털 은행들이 선언한 이 문장은 단순한 플랫폼 변화 이상의 의미를 지닙니다. 제품 설계의 무게중심이 데스크탑의 ‘풍부한 정보 전달’에서 모바일의 ‘압축된 효율성’으로 이동하고 있음을 나타내는 것입니다.
–
데스크탑 사용자와 달리, 모바일 사용자는 작은 화면으로 자투리 시간을 활용해 서비스를 이용합니다. 이때 사용자는 정보의 탐색과 즉각적인 선택을 반복적으로 수행합니다. 관심이 가는 정보를 확인하고, 즉시 행동에 옮기는 것입니다.
–
따라서 모바일 UX에서는 사용자가 ‘원하는 정보에 얼마나 쉽게 접근할 수 있는가’가 중요합니다. 그리고 이러한 탐색의 순간은 사용자의 ‘스와이프(Swipe)’로 나타납니다.
이 글에서는 스와이프 히트맵을 활용해 모바일 UX를 진단하는 방법에 대해 살펴보겠습니다.
–
2. 사용자의 스와이프에 담긴 두가지 숨은 의도
모바일 UX 분석에서 스와이프는 사용자의 ‘관심’과 ‘기대’를 의미합니다.
–
먼저, 스와이프 데이터를 통해 사용자가 관심을 가지고 탐색하고자 한 정보를 파악할 수 있습니다. 스와이프는 사용자가 다음 정보를 확인하려고 했다는 신호이기 때문입니다. 또한, 특정 영역에 추가적인 선택지나 콘텐츠가 있을 것이라는 사용자의 기대도 읽어볼 수 있습니다.
이처럼 스와이프 데이터는 모바일 사용자의 정보 탐색 과정을 이해하는 출발점으로 역할합니다.
–
3. 스와이프 데이터로 모바일 UX 최적화하기
뷰저블의 스와이프 히트맵은 상하(↕) 방향과 좌우(↔) 방향의 스와이프 데이터를 제공합니다. 지금부터 각 데이터가 나타내는 사용자의 니즈를 살펴보고, 이를 바탕으로 모바일 UX를 개선하는 방법을 알아보겠습니다.
–
1) 상하 스와이프
먼저, 상하 스와이프는 사용자가 특정 콘텐츠를 얼마나 깊게 이해하려고 했는지를 보여줍니다. 발생한 스와이프의 밀도에 따라 서로 다른 해석이 가능하죠.
예를 들어, ‘후기’ 영역에 상하 스와이프가 많이 발생했다고 가정해봅시다. 이는 사용자가 스와이프를 촘촘히 발생시키며 콘텐츠를 집중적으로 탐색하고 있음을 의미합니다.
이를 통해 관심도가 높은 ‘후기’ 콘텐츠를 강화하거나, 페이지의 상단에 배치하는 방안을 검토해 볼 수 있습니다.
–
반대로, ‘상품 상세’ 영역에는 스와이프가 적게 발생했다고 가정해봅시다. 이는 사용자가 궁금해하는 내용이 충분히 드러나지 않거나, 콘텐츠의 가독성이 부족함을 의미합니다. 사용자가 정보를 소비하지 않고, 빠르게 통과한 것입니다.
따라서 콘텐츠를 재구성하거나 내용을 압축해 핵심 정보를 보다 효과적으로 전달할 수 있습니다.
–
2) 좌우 스와이프
좌우 방향의 스와이프는 사용자가 탐색의 범위를 얼마나 확장하려고 했는지를 보여줍니다.
–
만약 ‘이벤트 배너’ 영역에 좌우 스와이프가 많이 일어났다면, 사용자가 다양한 이벤트들을 적극적으로 탐색하고 있다고 해석할 수 있습니다. 이는 다양한 정보에 대한 사용자의 기대를 보여줍니다. 또, 여러 정보를 서로 비교하고자 하는 니즈를 나타내죠.
이때, 배너의 개수를 늘리는 등 콘텐츠를 확대한다면 사용자의 기대에 부합하는 경험을 제공할 수 있습니다.
–
반면, ‘추천 상품’처럼 좌우 스와이프가 가능하지만, 스와이프가 일어나지 않은 영역도 있습니다. 이러한 현상은 주로 스와이프가 가능한 영역이라는 사실을 사용자가 몰랐을 때 발생합니다.
이때는 다음 카드를 일부 노출하거나, 힌트를 제공해 다양한 정보를 적극적으로 탐색하도록 유도해 볼 수 있습니다.
–
4. 모바일 사용자를 이해하는 출발점
‘스와이프’는 모바일 환경의 사용자가 무엇에 관심을 가졌고, 무엇을 기대했는지 보여주는 데이터입니다.
이때 상하 방향의 스와이프는 탐색의 깊이를, 좌우 방향의 스와이프는 탐색의 너비를 의미합니다. 사용자가 하나의 콘텐츠에 대한 구체적인 정보를 얻고자 할 때는 상하 스와이프가 일어납니다. 반면, 다양한 콘텐츠를 비교하고자 할 때는 좌우 스와이프가 일어나죠.
–
이처럼 스와이프 데이터는 모바일 사용자의 정보 탐색 과정을 입체적으로 보여주는 핵심적인 데이터입니다. 뷰저블의 스와이프 히트맵으로 모바일 사용자의 정보 탐색 과정을 낱낱이 파악해보세요!
–
