사용자 화면 · 마이페이지

회원 탈퇴 플로우

MYP-016 · 2026. 03. 04

화면 이름 회원 탈퇴 플로우
화면 위치 마이페이지 > 회원탈퇴
화면 ID MYP-016
작성일 2026. 03. 04
9:41
회원 탈퇴

***님 어떤 이유로 탈퇴하시나요?

더 이상 사용하지 않아요
내가 찾는 작품이 없어요
알림이 너무 많아서요
미술품에 관심이 사라졌어요
기타
1
9:41
회원 탈퇴

그 동안 차트를 이용해주셔서 감사합니다!

(선택) 서비스가 개선될 수 있도록 의견을 남겨주세요.

탈퇴하기
2
Description
0 화면 접근 조건
  • 회원탈퇴는 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 해당 화면 진입 가능으로 이동
1 회원탈퇴 사유 선택 화면
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 회원 탈퇴
    • 탈퇴 사유 리스트
  • 탈퇴 사유 옵션
    • 더 이상 사용하지 않아요
    • 내가 찾는 작품이 없어요
    • 알림이 너무 많아서요
    • 미술품에 관심이 사라졌어요
    • 기타
  • 동작
    • 탈퇴 사유 선택 시
      • 선택 즉시 다음 화면으로 이동
    • 서비스 개선 의견 작성 화면으로 이동
2 회원탈퇴 서비스 개선 의견 작성 화면
  • 구성
    • 뒤로가기 버튼
    • 감사 인사: "그 동안 차트를 이용해주셔서 감사합니다!"
    • 서비스 개선 의견 입력 필드
    • "탈퇴하기" 버튼
  • 서비스 개선 의견은 선택 사항
    • 입력하지 않아도 탈퇴 진행 가능
  • 동작 규칙
    • "탈퇴하기" 버튼 클릭 시
      • 계정 비활성화 처리
      • 로그아웃 처리
      • 탈퇴 완료 토스트 메시지 노출
      • 초기 진입 화면 또는 홈 화면으로 이동
3 토스트 메시지 정의
  • 탈퇴 완료 시
    • 회원 탈퇴가 완료되었습니다
4 공통 규칙
  • 회원 탈퇴는 2단계 플로우로 진행
    • 1차 화면: 탈퇴 사유 선택
    • 2차 화면: 서비스 개선 의견 + 최종 탈퇴 확인
  • 서비스 개선 의견은 통계/분석 목적이며 필수 입력이 아님
  • 탈퇴 완료 후 기존 계정으로 재로그인 불가
    • 일정 기간 후 개인정보 완전 삭제 (개인정보 처리방침 참조)
  • 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

9:41
회원 탈퇴

***님 어떤 이유로 탈퇴하시나요?

더 이상 사용하지 않아요
내가 찾는 작품이 없어요
알림이 너무 많아서요
미술품에 관심이 사라졌어요
기타
9:41
회원 탈퇴

그 동안 차트를 이용해주셔서 감사합니다!

(선택) 서비스가 개선될 수 있도록 의견을 남겨주세요.

탈퇴하기
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
헤더 타이틀 --sans · 17px · 700 Pretendard, --charcoal, letter-spacing: -0.02em
뒤로가기 아이콘 chevron-left · square/miter --charcoal, 20px, stroke 1.5px
질문 텍스트 --sans · 20px · 700 Pretendard, --charcoal, letter-spacing: -0.03em
사유 항목 텍스트 --sans · 15px · 500 Pretendard, --charcoal
이동 아이콘 chevron-right · square/miter --text-muted, 8x14px, stroke 1.5px
구분선 rgba(26,26,26,0.06) 사유 항목 간 경계
텍스트에어리어 border rgba(26,26,26,0.12) 1px solid, 직각 (R=0)
플레이스홀더 --sans · 13px · 400 --text-muted
CTA 버튼 --charcoal bg · 50px 직각 (R=0), 텍스트 #fff, 15px 600
좌우 패딩 24px 전체 콘텐츠 마진
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 회원탈퇴는 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 해당 화면 진입 가능으로 이동
1 회원탈퇴 사유 선택 화면
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 회원 탈퇴
    • 탈퇴 사유 리스트
  • 탈퇴 사유 옵션
    • 더 이상 사용하지 않아요
    • 내가 찾는 작품이 없어요
    • 알림이 너무 많아서요
    • 미술품에 관심이 사라졌어요
    • 기타
  • 동작
    • 탈퇴 사유 선택 시
      • 선택 즉시 다음 화면으로 이동
    • 서비스 개선 의견 작성 화면으로 이동
2 회원탈퇴 서비스 개선 의견 작성 화면
  • 구성
    • 뒤로가기 버튼
    • 감사 인사: "그 동안 차트를 이용해주셔서 감사합니다!"
    • 서비스 개선 의견 입력 필드
    • "탈퇴하기" 버튼
  • 서비스 개선 의견은 선택 사항
    • 입력하지 않아도 탈퇴 진행 가능
  • 동작 규칙
    • "탈퇴하기" 버튼 클릭 시
      • 계정 비활성화 처리
      • 로그아웃 처리
      • 탈퇴 완료 토스트 메시지 노출
      • 초기 진입 화면 또는 홈 화면으로 이동
3 토스트 메시지 정의
  • 탈퇴 완료 시
    • 회원 탈퇴가 완료되었습니다
4 공통 규칙
  • 회원 탈퇴는 2단계 플로우로 진행
    • 1차 화면: 탈퇴 사유 선택
    • 2차 화면: 서비스 개선 의견 + 최종 탈퇴 확인
  • 서비스 개선 의견은 통계/분석 목적이며 필수 입력이 아님
  • 탈퇴 완료 후 기존 계정으로 재로그인 불가
    • 일정 기간 후 개인정보 완전 삭제 (개인정보 처리방침 참조)
  • 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다
← 이전 화면: MYP-015 다음 화면: PRS-001 →