UX Phase 2: Important — 위계/일관성 회복
스크린샷에서 발견된 시각 위계/정보 비대칭 4건 fix.
5. Voiding 버튼 fill 격상 (가장 자주 누르는 액션을 primary로)
- containerColor: MlPrimary.copy(alpha=0.1f) → MlPrimary 솔리드
- text color: MlPrimary → White
- Auto Scan(주황) / Single Scan(청록)과 동급 강도로 일관성 회복
- 환자가 가장 자주 누르는 액션이 옅게 디자인되어 있던 문제 해결
6. InfoCard 우측 라벨 명시 ("Session Max")
- 이전: title="X mL / Y mL" + value="65%" (라벨 없음, 의미 모호)
- 새로: title="Session Max", value="X" + unit="mL"
- 좌측 "Current"와 같은 톤. fill % 정보는 도넛이 이미 시각화 중이라 카드는 raw 숫자만
- 좌측 title도 "Current Measurement" → "Current"로 단순화
7. Alignment Hint 박스 톤다운 (3중 강조 해소)
- fontSize 28sp → 20sp
- padding horizontal 20→16dp, vertical 18→12dp
- 배경 alpha 1.0 → 0.7
- corner 16→14dp
- "pubic bone" 빨강 강조는 유지 (의도된 1점 강조)
8. Step 1/3 도트 indicator 추가 (텍스트 한 줄 → 시각 progress)
- 이전: 13sp 회색 텍스트 한 줄 (정보 위계 너무 약함)
- 새로: 14sp Bold MlPrimary + 3-dot indicator
○ 완료된 step: MlPrimary 0.6 alpha, 8dp
● 현재 step: MlPrimary 솔리드, 12dp (강조)
○ 미완료 step: 회색 0.3 alpha, 8dp
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
dw.jang
52bd58ac87