# Design QA Checklists And Review Rubric

## 목적

현재 프로젝트는 미니멀, 화이트 원톤, 플랫, 각진 머티리얼 계열이라는 강한 UI 원칙을 갖고 있다.  
하지만 원칙이 있어도 실제 화면이 그 기준을 꾸준히 지키지 못하면 저장소 전체 인상이 금방 흐트러진다.  
이 문서는 디자인 QA 체크리스트와 리뷰 루브릭을 정의한다.

## 공통 리뷰 항목

### 1. 밀도

- 정보가 과하게 비어 보이지 않는가
- 반대로 숨 막히게 촘촘하지 않은가
- 주요 조작은 1~2번 시선 이동 안에 있는가

### 2. 정렬

- 리스트, 헤더, 입력창, 패널의 기준선이 일관적인가
- 흰색 UI에서 정렬 오차가 더 크게 보인다는 점을 고려했는가

### 3. 피로도

- 빨간색, 파란색, 강조색 남발이 없는가
- 의미 없는 그림자와 입체 효과가 없는가
- 텍스트가 너무 많아 설명형 화면처럼 보이지 않는가

### 4. 상태 표현

- 읽지 않음, 고정, 무음, 연결 상태가 직관적인가
- 상태 표현이 색 의존적이지 않은가

### 5. 플랫폼 적합성

- 데스크톱은 다중 창/리사이즈에 견디는가
- 모바일은 한 손 조작과 안전 영역을 지키는가

## 리뷰 루브릭

- A: 당장 스크린샷으로 공개 가능
- B: 방향은 좋고 일부 다듬으면 됨
- C: 기능은 있으나 화면 완성도가 낮음
- D: 내부 데모 수준

## 데스크톱 체크리스트

- 창 폭을 크게 줄여도 레이아웃이 붕괴하지 않는가
- 패널 리사이즈 후 다시 열어도 상태가 유지되는가
- 팝아웃 창이 메인 창과 다른 품질로 보이지 않는가
- 목록과 본문 사이의 위계가 분명한가

## 모바일 체크리스트

- 가로 스크롤이 없는가
- 키보드가 올라와도 입력창이 가려지지 않는가
- 하단 내비와 뒤로가기 흐름이 충돌하지 않는가
- 손가락 도달 범위가 현실적인가

## 스크린샷 리뷰 체크리스트

- 최신 UI와 일치하는가
- 상태 배지와 텍스트가 과장되지 않았는가
- 프로토타입 문구, 디버그 문구가 남아 있지 않은가
- 공개 저장소 첫인상으로 충분히 단정한가

## 완료 기준

- 디자인 QA는 취향 토론이 아니라 원칙 점검이어야 한다.
- 모든 공개 스크린샷과 릴리즈 화면은 최소 B 이상 품질을 만족해야 한다.