실험안 B 더보기탭 첫 화면을 폰 한 대로 보여준다. 상단 제목과 칩, 페이 영역, 광고 아래에 쇼핑 카테고리로 묶인 서비스 리스트

리스트형 탐색 강화 실험

더보기탭의 서비스 탐색 영역을 그리드에서 리스트로 바꾸는 실험을 진행했습니다. 카테고리순 리스트인 B안을 채택했지만, 서비스 클릭 감소는 다음 실험에서 풀어야 할 과제로 남았습니다.

Year
2025.11 발의 – 2026.05
Role
실험 발의 · 실험안 디자인 리드
Status
B안 채택 · 혼합 UI 실험으로 연결
스크롤 유도 시안 두 장. 왼쪽은 하단에 뜨는 플로팅 버튼이 광고 위에 겹치고, 오른쪽은 칩 줄 위에 뜬 상단 안내가 페이 영역을 아래로 밀어낸다
하단 플로팅 버튼
상단 스크롤 안내
하단 플로팅 버튼 시안. 버튼이 광고 위에 겹친다
하단 플로팅 버튼
상단 스크롤 안내 시안. 안내가 페이 영역을 아래로 밀어낸다
상단 스크롤 안내

출발점

스크롤을 유도하는 장치는 다른 영역을 가렸습니다

더보기탭에는 페이, 서비스 바로가기, 광고가 한 화면에 함께 있습니다. 사용자의 활동은 대부분 첫 화면에서 끝났고, 광고 아래 영역은 거의 눌리지 않았습니다.

처음에는 스크롤을 유도하는 버튼과 안내를 세 차례 설계했습니다. 아래쪽 버튼은 광고를, 위쪽 안내는 페이 영역을 가렸습니다.

카카오 나우 배너 영역 시안 두 개. 왼쪽은 가로로 넘기는 캐러셀, 오른쪽은 네 장을 한 번에 보여주는 2열 그리드
캐러셀 배너
그리드 배너
캐러셀 배너 시안
캐러셀 배너
2열 그리드 배너 시안
그리드 배너
첫 번째 배너에 몰린 클릭 비중이 그리드 전환 전 69%에서 전환 후 41%로 줄어든 막대 도식

근거

노출 구조를 바꾸자 클릭이 분산됐습니다

같은 시기 카카오 나우 배너를 가로로 넘기는 캐러셀에서 한 번에 보이는 그리드로 바꾸자, 첫 번째 배너에 몰리던 클릭이 69%에서 41%로 분산됐습니다. 유도 장치를 더하기보다 노출 구조를 바꾸는 쪽을 검토하게 된 근거였습니다.

대조군의 첫 화면 서비스 그리드. 아이콘과 이름만 있는 4열 3행 배치와 넘김 표시
대조군 · 첫 화면 4×3 그리드

제안

탐색 영역만 따로 검증하는 실험을 발의했습니다

첫 화면 그리드에는 서비스 12개가 보이고, 나머지는 옆으로 넘겨야 나타납니다. 서비스를 목록으로 보여주고 카테고리별로 묶는 구조를 검토하는 실험을 발의했습니다.

상단 페이 영역 실험과 별개로 진행할 수 있도록 범위를 탐색 영역으로 좁혔고, 스쿼드 리뷰에서 채택돼 2026년 5월에 집행했습니다.

세 실험안의 첫 화면을 폰 세 대로 나란히 보여준다. A안은 광고 아래 가나다순 전체 서비스, B안은 광고 아래 쇼핑 카테고리, C안은 쇼핑 카테고리가 광고 위에 있다
A안 · 가나다순
B안 · 카테고리순
C안 · 쇼핑을 광고 위로
A안 첫 화면. 광고 아래 전체 서비스가 가나다순으로 정렬되어 있다
A안 · 가나다순
B안 첫 화면. 광고 아래 쇼핑 카테고리로 묶인 서비스 리스트
B안 · 카테고리순
C안 첫 화면. 쇼핑 카테고리가 광고 위에 있다
C안 · 쇼핑을 광고 위로

디자인

정렬 규칙만 다른 세 안을 설계했습니다

가나다순으로 정렬한 A안과 카테고리순으로 묶은 B안, 광고 위치를 분리한 C안을 비교했습니다. 상단 영역은 모두 같게 두었습니다.

탐색 지표가 좋아도 선물하기 구매전환이나 거래액이 의미 있게 떨어지면 채택하지 않는다는 기준을 실험 전에 PM·데이터 분석가와 정했습니다.

B안의 카테고리 카드 세 장. 쇼핑, 라이프, 지갑 카테고리 아래 서비스 이름과 한 줄 설명이 놓여 있다

디자인 세부

같은 성격의 서비스를 카테고리로 묶었습니다

B안은 쇼핑, 라이프, 지갑처럼 같은 성격의 서비스를 카테고리로 묶었습니다. 카테고리 이름 아래에 서비스를 한 줄씩 놓고, 이름 오른쪽에 한 줄 설명을 붙였습니다.

B안의 대조군 대비 변화 막대 도식. 광고 매출은 24.9% 높고, 서비스 클릭은 9% 낮다

결과

광고 매출은 늘었지만 서비스 클릭은 줄었습니다

세 안 모두 더보기탭 조회는 늘었지만, 서비스 클릭은 줄었습니다. A안은 선물하기 구매전환이 통계적으로 유의하게 떨어져 제외했고, B안은 가드레일을 지키면서 광고 매출이 가장 크게 늘어 채택했습니다.

리스트 안 순위와 클릭 변화 기울기 도식. 선물하기는 A안 12위 −32%에서 B안 1위 −11%로, 받은선물은 A안 10위 −34%에서 B안 2위 +9%로 바뀐다

발견

서비스가 놓인 순서와 클릭 변화가 함께 움직였습니다

선물하기는 A안에서 12번째, B안에서 맨 위에 놓였고, 클릭 감소 폭은 32%에서 11%로 줄었습니다. 받은선물은 10번째에서 2번째로 올라가자 감소가 증가로 바뀌었습니다.

이 경향은 집행 기간 14일 내내 같은 방향이었습니다. 리스트 형식뿐 아니라 서비스가 놓이는 순서도 결과에 영향을 줄 수 있다는 단서였습니다.

다음 실험의 혼합 UI 첫 화면. 4열 2행 그리드와 광고 아래로 카테고리 리스트가 이어진다
다음 실험 · 그리드와 리스트를 함께

다음 판단

그리드와 리스트를 함께 쓰는 구조로 이어갔습니다

B안을 채택한 뒤에도 서비스 클릭 감소는 과제로 남았습니다. 다음 실험에서는 주요 서비스를 첫 화면의 그리드에 두고, 그 아래에 카테고리 리스트를 이어 붙이는 혼합 구조를 검토했습니다. 이어진 과정은 그리드·리스트 혼합 UI 실험에 정리했습니다.

역할

리드한 것

  • 문제 재정의와 실험 발의
  • 세 실험안의 UI·가이드·디자인 QA
  • 결과 해석과 후속 실험 설계
  • 디자인 시스템 영향 관리

함께 한 것

  • 실험 조건·판정 지표 — PM, 데이터 분석가
  • 통계 검정 — 데이터 분석가
  • 광고 영향 분석 — 광고 분석 조직