ADR-U-008

빈 상태 및 오류 상태는 “다음 행동 안내” 중심으로 설계한다

  • ADR ID: ADR-U-008

  • 상태: Accepted

  • 작성일: 2026-03-02

  • 범위: 모바일 앱, 사용자 웹


1. 배경 (Context)

초기 단계에서는 다음 상황이 빈번하게 발생할 수 있다.

  • 반경 내 슬롯 없음

  • 시간 프리셋 조건 미충족

  • 위치 권한 거부

  • 네트워크 오류

  • 서버 응답 지연

대부분의 커머스 플랫폼은 이런 상황에서:

  • 추천 상품 노출

  • 인기 콘텐츠 노출

  • 광고 영역 삽입

  • 랭킹 보여주기

로 전환한다.

이 방식은 본 플랫폼 철학과 충돌한다.


2. 결정 (Decision)

빈 상태 및 오류 상태에서는
광고/추천 콘텐츠를 삽입하지 않는다.

대신 사용자가 다음으로 할 수 있는 행동만 제시한다.


3. 빈 상태 유형 정의

빈 상태는 최소 4가지로 구분한다.


3.1 반경 내 슬롯 없음

조건:

resultCount == 0
AND 위치 정상

UI 제공:

  • 반경 확장 버튼

  • 시간 프리셋 변경

  • 새로고침

금지:

  • 추천 슬롯

  • 광고성 콘텐츠


3.2 필터 과도 적용

조건:

resultCount == 0
AND 필터 활성

UI 제공:

  • 필터 초기화 버튼

  • 시간 조건 완화 안내


3.3 위치 권한 거부

조건:

geolocation denied

UI 제공:

  • 위치 권한 요청 버튼

  • 지역 수동 선택(fallback)

  • 왜 위치가 필요한지 간단 설명

금지:

  • 위치 없이 인기 슬롯 보여주기

3.4 네트워크 오류

조건:

API error OR timeout

UI 제공:

  • 재시도 버튼

  • 네트워크 상태 안내

금지:

  • 캐시된 과거 데이터 자동 노출 (혼란 방지 목적)

4. 빈 상태 디자인 원칙

4.1 시각적 절제

  • 중립 색상 사용

  • 아이콘 1개 허용

  • 감성 문구 금지

  • 과장된 일러스트 금지


4.2 행동 중심 구성

빈 상태 화면은 다음 구조를 가진다.

  1. 상태 설명

  2. 가능한 다음 행동 버튼(1~2개)

  3. 보조 텍스트

CTA는 1개가 기본, 2개까지 허용.


5. 금지 규칙

  • “이럴 땐 이런 상품 어떠세요?” 구조

  • 인기 매장 자동 노출

  • 지역 광고 삽입

  • 무한 스크롤 유도

  • 체류 시간 늘리기 목적의 콘텐츠


6. 구조적 목적

이 규칙은 다음을 방지한다.

  • 빈 화면을 광고로 채우는 유혹

  • 탐색을 길게 만드는 설계

  • 쇼핑몰화

  • 밀도 부족을 UI로 감추는 행위


7. 밀도 전략과의 관계

빈 화면은 “밀도 부족의 신호”다.

이를 UI로 숨기지 않고,
운영 KPI로 관리한다.

빈 상태 발생률은 KPI로 측정한다.


8. UX 리뷰 체크리스트

  • 빈 상태에 추천/광고가 포함되어 있는가?

  • CTA가 2개를 초과하는가?

  • 감성/과장 문구가 있는가?

  • 사용자가 다음 행동을 명확히 알 수 있는가?


9. 재검토 조건

  • 밀도가 충분히 형성되어 빈 상태 발생률이 5% 미만이 될 경우

  • 사용자 테스트에서 빈 상태가 과도하게 이탈을 유발할 경우

  • 플랫폼 전략이 탐색 중심으로 변경될 경우