hgzero/claude/uiux-design.md

UI/UX설계가이드

[요청사항]

• <작성원칙>을 준용하여 설계
• <작성순서>에 따라 설계
• [결과파일] 안내에 따라 파일 작성

[가이드]
<작성원칙>

• 유저스토리와 매칭되어야 함. 불필요한 추가 설계 금지 <작성순서> 아래 순서에 따라 순차적으로 작성
• 준비
  • 유저스토리의 분석 및 이해
  • 설계 계획
• UI/UX 설계서 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가
  • 프로토타입 화면 목록 정의
  • 화면 간 사용자 플로우 정의
  • 화면별 상세 설계:
    • 개요: 목적, 관련 유저스토리, 비즈니스 중요도
    • 주요 기능
    • UI 구성요소
    • 인터랙션
  • 화면간 전환 및 네비게이션
  • 반응형 설계 전략
  • 접근성 보장 방안
  • 성능 최적화 방안
  • 변경 이력
• UI/UX 스타일 가이드 작성: 아래 항목을 반드시 포함하고 필요 시 항목 추가
  • 브랜드 아이덴티티: 디자인 컨셉 등
  • 디자인 원칙
  • 컬러 시스템
  • 타이포그래피
  • 간격 시스템
  • 컴포넌트 스타일
  • 반응형 브레이크포인트
  • 대상 서비스 특화 컴포넌트
  • 인터랙션 패턴
  • 변경 이력
• 검토:
  • <작성원칙> 준수 검토
  • 스쿼드 팀원 리뷰: 누락 및 개선 사항 검토
  • 수정 사항 선택 및 반영

[참고자료]

• 유저스토리

[결과파일]

• 스타일가이드: design/uiux/style-guide.md
• UI/UX설계서: design/uiux/uiux.md
• 화면명은 한글로 작성
  예시) 01-대시보드.svg