| 1 | 헤더 |
- 타이틀 : 마이페이지
- 우측 아이콘
- 동작
- 알림 아이콘 클릭 시
- 알림 목록 화면으로 이동 (화면 ID 써야함)
- 메시지 아이콘 클릭 시
- 현재 버전에서는 동작 미확정
- 추후 채팅 기능 도입 시 메시지 화면으로 연결 예정
- UX/예외
|
| 2 | 프로필 영역 |
- 구성
- 닉네임
- 동작
- 영역 클릭 시 프로필 관리 화면으로 이동 (MYP-002)
- UX
- 닉네임은 최대 N자 초과 시 말줄임 처리 (추후 정리 필요)
- 프로필 이미지 미설정 시 기본 프로필 이미지 노출
- 비로그인 상태에서는 로그인 안내 문구 노출
- 문구 : 차트 로그인 하기
- 마이페이지 > 프로필 관리 영역 클릭 시
|
| 3 | 내 활동 영역 |
- 구성
- 동작
- 구매 내역 클릭 시 구매 내역 화면으로 이동 (MYP-003~MYP-004)
- 판매 내역 클릭 시 판매 내역 화면으로 이동 (MYP-005~MYP-006)
- 찜한 작품 클릭 시 찜한 작품 목록 화면으로 이동 (MYP-007)
- UX
- 각 아이콘은 동일한 터치 영역 유지
- 데이터 존재 여부와 관계없이 항상 진입 가능
- 데이터 없는 경우 각 화면에서 별도 안내 문구 노출
|
| 4 | 설정/정보 리스트 영역 |
- 구성
- 계정 정보, 알림 설정, 공지사항, 1:1문의, 자주 묻는 질문(FAQ), 약관/정책, 버전 정보, 로그아웃
- 동작
- 각 항목 클릭 시 대응 화면으로 이동
- 로그아웃 버튼 클릭 시, ❺ 모달 노출
- 버전 정보
- 비클릭 텍스트
- 형식
- 최신 버전일 경우 : vX.X.X (최신버전입니다)
- 최신 버전이 아닐 경우 : vX.X.X (최신버전이 아닙니다)
- UX
- 리스트 항목은 전체 영역 클릭 가능
- 로그아웃 항목은 하단 배치하여 오동작 방지
|
| 5 | 로그아웃 모달 |
- 노출 조건
- 설정/정보 리스트 영역에서 로그아웃 텍스트 버튼 클릭 시 노출
- 구성
- 타이틀 : 로그아웃 안내
- 안내 문구 : 로그아웃 하시겠어요?
- 버튼
- 취소
- 로그아웃
- 클릭 시 로그아웃 처리
- 사용자 세션 종료
- 마이페이지 유지
- 차단 규칙
- 모달 외 영역 터치 닫기 불가
- 로그아웃 처리 중 중복 클릭 방지
- 예외 처리
|
| 6 | 공통 규칙 |
- 마이페이지는 비로그인 상태에서도 접근 가능
- 단 아래 메뉴는 로그인 이후 이용 가능
- 프로필 관리, 내 활동, 계정 정보, 1:1문의
- 비로그인 상태에서 로그인 필요 메뉴 선택 시
- 로그인 안내 모달(LOG-008) 노출
- 로그인 완료 후 선택한 메뉴로 재진입
- 마이페이지 내 설정/변경 완료 시
- 데이터 없음 상태는 오류가 아닌 정상 상태로 처리
|