Example opportunity
A short explanation of why this item belongs in the decision list.
Decision List Row
반복 항목을 요약·근거·상태·다음 행동 순서로 읽고 비교할 수 있게 하는 rule-led decision row입니다.
WBDS package contract rendered without Radar-specific visual styling.
Anatomy
반복되는 decision row의 세 역할을 specimen과 직접 연결합니다.
Decision summary
제목과 짧은 설명이 먼저 읽혀야 합니다. 항목의 의미를 상태나 행동보다 먼저 이해하게 합니다.
Decision metadata
검증, 시점, 근거처럼 비교에 필요한 보조 축을 같은 row 안에서 분리해 보여줍니다.
Action affordance
다음 단계는 한쪽 끝에 두되 좁은 화면에서는 읽기 순서 뒤로 자연스럽게 내려갑니다.
States
row 자체가 추천·검증·freshness의 business vocabulary를 소유하지 않습니다.
Independent axes
제품이 가진 recommendation, verification, freshness, urgency 등은 필요에 따라 meta 영역에 배치하되 하나의 badge 집합으로 합치지 않습니다.
Missing evidence
unknown, unsupported, stale 같은 상태는 제품/신뢰 contract가 정의한 copy와 상태 표현을 사용합니다. row가 임의로 판정하지 않습니다.
Usage
여러 항목을 빠르게 훑고 다음 행동을 결정해야 할 때 사용합니다.
title/summary를 먼저 읽고, meta에서 비교 근거를 확인한 뒤, 필요한 항목만 action으로 이동하는 반복 구조에 적합합니다. 단순 콘텐츠 목록에는 generic List를 우선 검토합니다.
How to use
행 전체를 카드로 만들지 않고 rule과 whitespace로 반복 구조를 유지합니다.
Hierarchy
summary → metadata → action 순서를 유지합니다. 상태 pill을 늘려 핵심 title을 밀어내지 않습니다.
Responsive
760px 이하에서는 package contract가 한 열로 쌓이고 action alignment가 시작점으로 돌아옵니다. 중요한 정보나 action을 숨기지 않습니다.
Accessibility
반복 항목의 이름과 행동이 키보드/스크린리더에서도 분리되어야 합니다.
Structure
list container에서는 각 row를 article 또는 list item 등 실제 문맥에 맞는 semantic container로 사용합니다.
Actions
행 전체를 무조건 하나의 거대한 link로 만들지 않습니다. title destination과 별도 command가 함께 있으면 각각 명확한 accessible name을 제공합니다.
참고 문서
4
ComponentsPatternsComponent contractsRadar consumer coverage