ADR-U-004
> 시간 중심 정보 위계를 모든 주요 화면에 강제한다
ADR ID: ADR-U-004
상태: Accepted
작성일: 2026-03-02
범위: 모바일 앱(사용자), 사용자 웹(조회), 가맹점 웹(슬롯 표시 영역)
1. 배경 (Context)
본 플랫폼의 1차 단위는 매장이 아니라 타임슬롯이다.
“쿠폰”은 표현일 뿐, 실제로는 시간 조건부 이용 권한이다.
대부분의 커머스/로컬 플랫폼 UI는 매장 또는 상품 중심으로 정보 위계를 구성한다.
이 경우 다음 현상이 발생한다.
매장이 주인공이 되면서 쇼핑몰처럼 보임
브랜드/이미지/랭킹 중심으로 진화
할인율 경쟁, 배지 남발, 광고 피로 증가
본 플랫폼의 경쟁력은 “시간 기반 즉시 판단”이며,
사용자는 3초 안에 다음을 알아야 한다.
사용 가능 시간
혜택 조건
남은 수량
거리
이를 구조적으로 강제하기 위해 정보 위계를 ADR로 고정한다.
2. 결정 (Decision)
모든 주요 화면에서 정보 위계는 아래 순서를 항상 따른다.
시간 범위
혜택 조건
남은 수량
거리
매장 정보
위계는 단순 권고가 아니라 UI 구성 규칙이다.
예외는 허용하지 않는다(예외가 필요하면 별도 ADR로 제안).
3. 적용 범위 및 최소 표시 규격
3.1 적용 화면
슬롯 리스트 카드(탐색 1차 화면)
슬롯 상세 화면(결정 2차 화면)
확보(Reserved) 화면(행동 화면)
사용자 웹 리스트/상세
공유 링크 랜딩(슬롯 상세)
3.2 각 화면의 “최소 표시 필드”
리스트 카드(필수)
시간: startAt ~ endAt
혜택: benefitText(요약)
수량: remainingQuantity
거리: distance
매장: name(보조)
비로그인 상태에서는 예약 CTA 인접 영역에 “예약 시 로그인 필요” 수준의 약한 힌트를 표시할 수 있음
상세(필수)
시간(가장 크게)
혜택(다음)
수량
거리/길찾기
매장 상세(마지막)
확보 화면(필수)
시간(가장 크게)
사용 확정 유효 마감(expiresAt 또는 startAt+grace)
혜택 요약
수량(참고 수준)
거리(참고 수준)
4. 시각적 위계 규칙 (Visual Hierarchy Rules)
4.1 텍스트 우선순위(강제)
시간은 한 화면에서 가장 큰 글자 크기, 가장 높은 대비를 가진다.
혜택은 시간보다 작지만, 매장명보다 위에 위치한다.
수량과 거리는 같은 레벨 또는 수량이 우선이다.
매장 정보는 정보량이 많아도 2차로 밀린다.
4.2 레이아웃 우선순위(강제)
상단 영역: 시간 + 혜택
중단 영역: 수량 + 거리
하단 영역: 매장명/업종/주소 일부
5. 금지 사항 (Prohibitions)
다음은 어떤 화면에서도 허용하지 않는다.
매장명/브랜드를 시간보다 크게 표시
매장 이미지가 시간보다 시각적으로 우선하는 카드 구성
할인율(%)을 시간보다 우선 표시
“인기”, “추천”, “BEST” 같은 감성 배지로 혜택을 대신 표현
매장 소개/리뷰/사진을 슬롯 리스트 1차 화면에서 노출
비로그인 탐색 화면에서 전체 차단형 로그인 요구(모달 강제/전면 배너 고정)
6. 예외 처리 규칙
예외는 기본적으로 허용하지 않는다.
예외가 필요하다면 다음을 충족해야 한다.
업종 특성상 “시간보다 매장”이 1차 정보인 근거 제시
사용자 테스트 결과로 정보 위계가 판단 속도를 저하시킨다는 근거
별도 ADR-U-004.x로 승인
7. 검증 체크리스트 (UI Review Checklist)
릴리즈 전 모든 주요 화면은 아래를 통과해야 한다.
시간 정보가 첫 시선에서 읽히는가
혜택이 시간 다음으로 명확한가
수량과 거리가 3초 내 인지 가능한가
매장 정보가 1차 탐색을 방해하지 않는가
배지/색상/아이콘이 정보 위계를 왜곡하지 않는가
비로그인 상태에서도 탐색/상세 조회가 차단되지 않는가
로그인 힌트가 CTA 맥락에만 제한되고 화면 지배 요소가 되지 않는가
8. 재검토 조건 (Revisit Conditions)
사용자 테스트에서 “시간/혜택 인지가 어렵다”가 반복 발생
특정 업종에서 시간보다 매장 정보가 구매결정에 압도적으로 중요하다는 데이터 확보
플랫폼이 당일 시간 중심을 벗어나는 전략 변화(ADR-P 변경)
Buy me a coffee