개요
상품 상세에서 해소되지 않은 궁금증을 해결하는 대화형 인터페이스.
| 모드 | 담당 | 응답 속도 | 필요 멤버십 |
|---|
| AI 포미 | AI 챗봇 | 즉시 | 한 달 무료 체험 / AI포미 패스 / 올인원 패스 |
| 매니저 | 사람 (비동기) | 최대 3시간 | 한 달 무료 체험 / 매니저 패스 / 올인원 패스 |
진입 조건
| 조건 | 설명 |
|---|
| 상품 상세 [질문하기] | 상세 → 챗봇 |
| 멤버십 상태 확인 | 모드별 접근 권한 검증 |
멤버십별 접근 권한 및 시작 화면
시작 모드
| 멤버십 상태 | 시작 모드 |
|---|
| 무료 유저 (체험 중) | AI 모드 |
| 무료 유저 (체험 종료) | 멤버십 가입 유도 |
| AI포미 패스 | AI 모드 |
| 매니저 패스 | 매니저 모드 |
| 올인원 패스 | AI 모드 |
탭 접근 권한
| 멤버십 상태 | AI 포미 탭 | 매니저 탭 |
|---|
| 무료 유저 (체험 중) | 무제한 | 무제한 |
| 무료 유저 (체험 종료) | 잠금 (가입 유도) | 잠금 (가입 유도) |
| AI포미 패스 | 무제한 | 잠금 (업그레이드 유도) |
| 매니저 패스 | 잠금 (업그레이드 유도) | 무제한 |
| 올인원 패스 | 무제한 | 무제한 |
공통 UI 구조
상단 헤더 (Sticky)
대화 중에도 어떤 상품에 대해 질문 중인지 표시
| 요소 | 설명 |
|---|
| 뒤로가기(<) | 상품 상세 페이지 복귀 |
| 상품 정보 | 상품명 |
모드 전환 탭 (Mode Switcher)
메시지 입력창 바로 위에 위치. 알약 모양(Pill-shape) 탭.
| 탭 | 상태 | 설명 |
|---|
| AI | 기본 활성 (선택 시 배경색) | AI 모드 |
| 매니저 | 비활성 | 매니저 모드 |
입력 영역 (Input Area)
| 요소 | AI 모드 | 매니저 모드 |
|---|
| Placeholder | "AI에게 궁금한 점을 물어보세요" | "매니저에게 궁금한 점을 물어보세요" |
입력 방식
| 상태 | 우측 아이콘 | 액션 |
|---|
| 입력 전 | 마이크 | STT 음성 인식 실행 |
| 입력 중 | 전송 | 메시지 전송 |
모드 1: AI 포미 상담
초기 진입 (Initial State)
| 요소 | 내용 |
|---|
| 시스템 메시지 | 픽포미 로고 + "안녕하세요 저는 AI 포미예요! 상품에 대해 어떤 점이 궁금하세요?" |
| 날짜 구분선 | "25년 12월 17일" |
질문 전송 및 답변
전송 직후
| 위치 | 내용 |
|---|
| 우측 | 사용자 말풍선 + 시간 |
| 좌측 | "정보 찾는 중.." (로딩 애니메이션) |
답변 완료
| 위치 | 내용 |
|---|
| 좌측 | AI 답변 말풍선 |
| 하단 | 피드백 버튼들 |
답변 피드백 (Feedback Actions)
AI 답변 말풍선 하단에 피드백 버튼 구성
| 버튼 | 아이콘/텍스트 | 액션 |
|---|
| 복사 | 복사 아이콘 | 답변 텍스트 클립보드 복사 |
| 좋아요 | 엄지 위 아이콘 | 좋았던 점 선택 바텀 시트 |
| 아쉬워요 | 엄지 아래 아이콘 | 아쉬웠던 점 선택 바텀 시트 |
| 답변 평가하기 | 텍스트 버튼 | 피드백 바텀 시트 호출 |
모드 2: 매니저 상담
매니저 첫 질문 안내 팝업
매니저 모드 처음 사용 시 한 번만 표시
| 요소 | 내용 |
|---|
| 타이틀 | "매니저에게 질문하기" |
| 설명 | "매니저가 질문을 확인하고 직접 답변해 드려요. 보통 3시간 이내에 답변을 받을 수 있어요" |
| 버튼 | [확인했어요] → 팝업 닫힘 |
접수 완료 카드
| 요소 | 내용 |
|---|
| 상태 뱃지 | `확인 중` (회색 박스) |
| 문구 | "질문이 전송되었어요! 답변이 오면 알림으로 알려드려요" |
| 응답 시간 | "3시간 내 답변을 받을 수 있어요" |
| 알림 설정 버튼 | [알림 설정하기] - 알림 권한 없는 경우만 노출 |
채팅 중 모드 변경
토글을 통해 AI / 매니저 모드 전환 시, 해당 모드의 시스템 메시지가 자동 전송됨
| 전환 | 자동 메시지 |
|---|
| AI → 매니저 | "매니저에게 질문할래요" + 매니저 인사 메시지 |
| 매니저 → AI | AI 포미 인사 메시지 |
접근성
탭 전환 (Tab Switching)
| 상황 | 안내 |
|---|
| AI 탭 선택됨 | "AI 탭, 선택됨. AI와 대화하기." |
| 매니저 탭 선택 가능 | "매니저 탭, 선택 안 됨. 매니저에게 질문하기." |
| 매니저 탭 잠금 | "매니저 탭, 잠금. 매니저 패스 또는 올인원 패스가 필요합니다." |
메시지 읽기
| 상황 | 처리 |
|---|
| 새 메시지 도착 | 자동 읽기 (Live Region): "픽포미 매니저의 새로운 메시지: 안녕하세요..." |
| AI 로딩 중 | "정보를 찾는 중입니다..." 주기적 안내 |
예외 처리
| 상황 | 처리 |
|---|
| 네트워크 오류 | 말풍선 옆 빨간 느낌표(!) + [재전송] 버튼 |
| 입력 글자 수 초과 | 1000자 제한. 초과 시 입력 불가 + 토스트 |
| 금칙어 포함 | 전송 차단 + "바른 말을 사용해주세요" 경고 |
| 결제 실패 | "결제에 실패했습니다. 다시 시도해주세요." 토스트 |