ux-designer

name: ux-designer description: | 우선순위별 UX 개선 권고안과 평가 보고서(휴리스틱·접근성·사용자 플로우)를 만들어 드립니다. 다음과 같은 요청 시 사용하세요: - "UX 디자인 검토해줘" - "휴리스틱 평가해줘" - "접근성(WCAG) 검토해줘" - "사용자 플로우 분석해줘" - "와이어프레임 사용성 점검해줘" - "사용성 개선안 정리해줘" 3개 차원(휴리스틱·접근성·플로우)을 분석해 심각도·우선순위가 매겨진 개선 로드맵으로 정리하고, ai-slop-reviewer·humanize-korean으로 마무리할 수 있습니다. [책임 경계] vs moai-product:ux-researcher: ux-designer=휴리스틱·접근성·플로우 평가, ux-researcher=인터뷰·페르소나·VOC 리서치 user-invocable: true version: 2.27.0

UX 디자이너 (UX Designer)

개요

UX 디자인 분석 및 권고안 생성 스킬입니다. Fan-out/Fan-in 패턴을 사용하여 3개 차원(휴리스틱 평가, 접근성 검토, 사용자 플로우 분석)을 병렬로 분석한 후 결과를 통합하여 우선순위별 개선 로드맵을 제시합니다.

제품의 사용자 경험(UX)을 다차원으로 분석하고 실행 가능한 개선 권고안을 제공합니다.

트리거 키워드

UX 디자인, 사용자 경험, UX 분석, heuristic evaluation, 휴리스틱 평가, 접근성, accessibility, 사용성, 사용자 플로우, wireframe, UX 리서치, UI/UX 검토, 디자인 개선

워크플로우

1단계: 제품 컨텍스트 분석

제품 유형(Web App, Mobile App, Desktop Software, Physical Product), 타겟 사용자(연령, 기술 수준, 장애 여부, 주요 언어), 디자인 목표(전환율 개선, 이탈률 감소, 만족도 향상, 신규 사용자 온보딩), 기존 화면(Wireframe, Mockup, 실제 화면 캡처)을 확인합니다.

2단계: Fan-out - 병렬 분석

3개 차원이 독립적으로 병렬 분석 수행:

차원 1: 휴리스틱 평가 (Heuristic Evaluation) Nielsen's 10 Usability Heuristics를 기반으로 평가: 시스템 상태 가시성, 시스템과 현실 세계의 일치, 사용자 통제권과 자유, 일관성과 표준, 오류 예방, 인식보다 기억, 사용의 유연성과 효율성, 미적·최소화 디자인, 오류 진단·회복·정정, 도움말과 문서

차원 2: 접근성 검토 (Accessibility Review) WCAG 2.1 (Level AA) 기준으로 평가: 인지 가능성(텍스트 대안, 캡션, 구분 가능, 크기 조정), 운용 가능성(키보드 접근, 충분 시간, 광과민성, 네비게이션 가능), 이해 가능성(가독성, 예측 가능, 입력 도움), 견고성(호환성, 마크업)

차원 3: 사용자 플로우 분석 (User Flow Analysis) 사용자의 여정(User Journey)을 분석: 진입 경로, 핵심 경로, 장벽 식별(Friction Points), 예외 경로(Edge Cases), 이탈 경로(Exit Points)

3단계: Fan-in - 결과 통합

상관관계 분석(차원 간 중복 이슈와 상호 의존성 파악), 심각도 산정(Critical, Serious, Minor, Cosmetic), 영향도 평가(비즈니스 영향), 우선순위 결정(심각도 × 영향도 × 해결 비용)을 수행합니다.

4단계: 우선순위 산정

RICE 프레임워크 또는 MoSCoW 방법으로 우선순위 결정:

RICE Score = (Reach × Impact × Confidence) / Effort
MoSCoW: Must Have, Should Have, Could Have, Won't Have

5단계: 개선 로드맵 제안

우선순위별 실행 가능한 로드맵 작성: 단기(1-2주), 중기(1-3개월), 장기(3-6개월)

사용 예시

예시 1: 이커머스 앱 결제 플로우 UX 개선

제품: 모바일 이커머스 앱 (안드로이드/iOS)
타겟 사용자: 20-40대, 모바일 네이티브
디자인 목표: 결제 이탈률 감소 (현재 68%)
기존 화면: 장바구니 → 배송 정보 → 결제 수단 → 결제 완료 (4단계)

예시 2: SaaS 대시보드 온보딩 UX 개선

제품: B2B SaaS 대시보드 (웹 앱)
타겟 사용자: 비기술적 마케터, 30-50대
디자인 목표: 신규 사용자 첫 주 달성률 30% → 60%로 개선
기존 화면: 회원가입 → 이메일 인증 → 대시보드 진입 (빈 상태)

출력 형식

UX 분석 보고서는 다음 섹션들을 포함합니다:

제품 컨텍스트
Fan-out: 차원별 분석 결과 (휴리스틱 평가, 접근성 검토, 사용자 플로우 분석)
Fan-in: 통합 분석 (상관관계 분석, 우선순위 산정)
통합 UX 권고안 (P0/P1/P2/P3)
개선 로드맵 (단기/중기/장기)

주의사항

UX 분석 시 유의사항

사용자 중심: 사용자의 관점에서 문제를 정의 (개발자/비즈니스 관점 배제)
증거 기반: 주장은 데이터나 사용자 테스트로 뒷받침
실행 가능성: 이상적인 해결책이 아니라 실행 가능한 개선안 제시
우선순위: 모든 것을 한 번에 해결하려 하지 말고 영향력 순으로 접근
접근성 기본: 모든 UX 개선은 접근성을 기본으로 고려

흔한 실수 피하기

미적 디자인에만 집중: UX는 미적 디자인이 아닌 사용성과 경험
내려가기 (Waterfall) 방식: 분석 → 설계 → 구현 순서가 아니라 빠르게 실험
사용자 테스트 생략: 분석만으로는 부족, 실제 사용자 테스트로 검증
일반적 권고안: "UX 개선" 같은 모호한 제안 지양
접근성 후순위: 접근성은 추가 기능이 아니라 기본 요건

스킬	사용 시점
`moai-product:ux-researcher`	선행 작업: 사용자 리서치가 필요한 경우
`moai-product:spec-writer`	후속 작업: UX 사양서 작성 필요 시
`moai-content:landing-page`	대안: 랜딩 페이지 UX 개선 필요 시

후처리 체인

UX 분석 보고서의 서술형 권고안 부분(통합 UX 권고안 P0~P3 설명, 개선 로드맵 서술)만 다음 체인으로 마무리합니다. 심각도·RICE·우선순위 매트릭스 같은 표·점수 데이터는 정제 대상이 아닙니다:

moai-product:ux-designer → moai-core:ai-slop-reviewer → moai-content:humanize-korean

moai-core:ai-slop-reviewer: AI 특유의 상투적 표현·과장·군더더기를 점검하고 다듬습니다.
moai-content:humanize-korean: 자연스러운 한국어 문장으로 최종 정제합니다.