시장 콘솔 UI/UX 리서치 완료 — 우선순위 개선 스펙 (커밋 b4574a7)
산출물: docs/ux-research-20260703.md (414줄, feat/onboard-landing 푸시됨)
방법: 라이브 실조작 감사(CDP, 스크린샷 6장·프로브 실측) + 소스 감사 + 병렬 리서치 에이전트 2(팔란티어/지도 · CRM/토스/KPI, 전부 1차 소스 검증) + 색 검증기 계산
리서치로 검증된 사실 (추측 아님)
- V-World
midnight(다크 지도) 타일이 현재 키로 200 OK — 다크 전환 최대 리스크 소멸, 타일명 한 줄 교체 - 시맨틱 3색(병원 #e11d48/공급 #2563eb/매칭 #16a34a) 다크 서피스 검증기 전항목 PASS — 마커 색 무변경으로 다크 전환 가능
- 현행 라이트 muted 텍스트 2.56:1 AA 미달 → 다크 전환이 접근성 결함까지 해소(동일 회색 6.96:1)
- 사이드바 실측 1755px = 2.1화면 적층 (데모 해상도 824px 기준) — IA 붕괴 정량 증거
- 필터 재계산 실측 13ms — "105k 디바운스" 우려는 P2로 강등
P0 (데모 크리티컬, 총 ~1인일)
| # | 항목 | 난이도 |
|---|---|---|
| P0-1 | 다크 미션컨트롤 전환 (Blueprint 토큰 + midnight 타일 + 엣지라이트) | 중 |
| P0-2 | IA 재정렬 — 검색→카드→CRM 상단, 전략(워터폴/오도미터/수요)은 탭 | 중 |
| P0-3 | 클러스터 시맨틱 색 (기본 초록/노랑/주황 → 병원 빨강계/공급 파랑계) | 하 |
| P0-4 | 숫자 단위계 fmtKrw (12자리 원 생숫자 → 억/만 자동 스케일) | 하-중 |
| P0-5 | 클러터 제거 (잔여 로드텍스트→상태칩, 드롭다운 오버레이, 즉시단가 3회 반복 제거) | 하 |
| P0-D | 데모 연출 — flyTo 2초 안무+마커 펄스, 프레젠테이션 모드(F1 풀스크린) | 하 |
레퍼런스 핵심 차용 (1차 소스)
- Blueprint(팔란티어 자체 OSS) 다크 램프 #111418/#1C2127/#252A31 + 알파화이트 디바이더 + 엣지라이트 섀도(다크 패널 시그니처) — SCSS 소스에서 hex 검증, Apache-2.0
- Foundry Gaia 독 해부: 좌=검색/필터, 우=선택 상세(선택 전 숨김) — 공식 문서
- Salesforce Path 스테이지바: 좁은 패널 파이프라인의 정답(칸반 금지 — Pipedrive도 모바일서 포기) + HubSpot 가중 파이프라인 값
- 토스 공식: Rally 모션 토큰화·"한 타겟 한 모션", TPS 이중 숫자폭(실시간=tabular/히어로=비례). 웹에 도는 "150/250/400ms 토스 토큰"은 비공식임을 명시
- 숨고 신뢰칩 실측:
5.0(13,176)·6,356회 고용결합 표기 — 업체행에 이식 - driver.js(5kb 바닐라) 가이드 투어, CARTO dark 폴백(200 OK 확인)
디자인시스템 v0.1
css/tokens.css 즉시 붙여넣기 가능한 :root 블록 + 컴포넌트 스펙 13종 + 대비 검증표(전항목 AA+) + 구현 인계(커밋 순서 5단계·파일별 변경 맵·회귀 체크리스트 9항목) 포함.
다음: 프론트 세션이 이 스펙 받아 P0 구현 → 7/3 부회장 데모.
[full report: ~/projects/clean-veteran/docs/ux-research-20260703.md]