앞 페이지까지에서 우리는 storefront와 admin의 화면 구조를 정리했습니다. 이제 마지막으로 AI 상담 챗봇을 어떤 사용자 경험으로 붙일지 정해야 합니다. 이번 교재에서 챗봇은 부가 장식이 아닙니다. 상품 문의, 주문 문의, FAQ 응답, 상담 전환까지 담당하는 지원 흐름의 일부입니다.
많은 프로젝트에서 챗봇은 마지막에 작은 말풍선 위젯처럼 붙습니다. 하지만 그렇게 만들면 실제로는 도움을 주지 못합니다. 사용자가 어디서 질문을 던지는지, 어떤 질문은 바로 답해도 되는지, 어떤 질문은 사람이나 운영 흐름으로 넘겨야 하는지 설계하지 않으면 챗봇은 "있는 것처럼 보이는 기능"이 됩니다.
이번 페이지의 목적은 챗봇을 제품 경험 안에 자연스럽게 넣는 것입니다. 어떤 화면에서 어떤 맥락으로 열리고, 어떤 질문을 처리하고, 어떤 순간에 상담 전환을 제안해야 하는지를 먼저 정해야 뒤의 AI/백엔드 구현이 흔들리지 않습니다.
챗봇은 일반 페이지와 다르게 "질문 -> 해석 -> 응답 -> 다음 행동"이라는 별도 흐름을 가집니다. 그래서 일반 화면처럼 버튼과 카드만 놓는다고 끝나지 않습니다.
설계 없이 바로 붙이면 보통 아래 문제가 생깁니다.
즉 챗봇 UX의 핵심은 많이 답하는 것이 아니라, 적절한 질문을 적절한 시점에 처리하고, 처리 못하는 경우에도 사용자를 버리지 않는 것입니다.
이 페이지를 읽고 나면 아래 항목이 정리되어 있어야 합니다.
이 문서가 정리되면 다음 단계에서 챗봇 백엔드와 프론트 패널을 구현하기 쉬워집니다.
이번 MVP에서 챗봇의 역할은 명확하게 제한합니다.
중요한 점은 이 챗봇이 범용 비서가 아니라는 것입니다. 이커머스 상담 assistant이므로, 답변 범위는 서비스 도메인 안으로 제한하는 편이 맞습니다.
챗봇은 어디서나 뜨게 만들 수 있지만, 이번 교재에서는 "질문이 자연스럽게 발생하는 화면"에 집중하는 것이 좋습니다.
챗봇은 항상 전면에 있는 것보다, 사용자가 막히는 지점에서 자연스럽게 여는 편이 더 좋습니다.
챗봇 설계의 첫 단계는 질문 유형을 나누는 것입니다. 이번 교재에서는 최소한 아래 세 가지로 나누면 충분합니다.
예:
예:
예:
이번 교재의 챗봇 대화는 아래 구조를 기본으로 생각하면 됩니다.
중요한 점은 "답변만 주고 끝내지 않는다"는 것입니다. 좋은 챗봇 UX는 다음 행동을 같이 보여 줍니다.
상품 질문은 주로 상품 상세 화면에서 발생합니다.
주문 질문은 주문 상세, 주문 완료, 결제 실패 지점에서 많이 나옵니다.
주문 질문은 정보 정확성이 중요하므로, 지나친 생성형 자유도를 주기보다 상태 기반 답변이 적합합니다.
FAQ 질문은 챗봇이 가장 안정적으로 처리할 수 있는 영역입니다.
챗봇 UX에서 가장 중요한 요소 중 하나는 "언제 넘길 것인가"입니다. 챗봇이 해결할 수 없는 문제를 끝까지 붙잡으면 사용자 신뢰가 떨어집니다.
이번 교재에서는 아래 경우에 핸드오프를 제안하는 것이 자연스럽습니다.
즉 핸드오프는 실패가 아니라, 안전장치입니다.
핸드오프는 단순히 "모르겠습니다"가 되어선 안 됩니다. 다음 행동이 보여야 합니다.
좋은 핸드오프는 챗봇 경험을 끊는 것이 아니라, 사람 또는 다른 화면으로 자연스럽게 잇는 것입니다.
이번 교재의 UI는 과하게 화려할 필요 없습니다. 대신 사용성이 분명해야 합니다.
챗봇은 텍스트만 잘 보여도 충분히 쓸 만할 수 있습니다. 핵심은 말풍선 디자인보다 흐름입니다.
추천 질문은 사용자가 "무엇을 물어볼 수 있는지" 이해하지 못할 때 도움이 됩니다.
이번 교재에서 추천 질문은 특히 아래 화면에서 유용합니다.
추천 질문은 챗봇 사용 장벽을 낮추는 가장 쉬운 도구입니다.
챗봇도 일반 화면처럼 실패 상태가 필요합니다.
이번 교재에서는 "모든 상황에 답한다"보다 "답하지 못할 때도 사용자에게 길을 준다"가 더 중요합니다.
이번 교재를 따라 하는 학습자는 최소한 아래 흐름을 먼저 적어 두면 충분합니다.
| 질문 유형 | 주 화면 | 기본 응답 | 다음 행동 |
|---|---|---|---|
| 상품 질문 | 상품 상세 | 상품 설명/가격/옵션 안내 | 장바구니 담기 또는 상세 확인 |
| 주문 질문 | 주문 상세/완료 | 상태 설명 | 주문 상세 이동 또는 재시도 |
| FAQ 질문 | 결제/정책 관련 화면 | 정책 안내 | 관련 화면 이동 |
| 해결 불가 | 모든 핵심 화면 | 제한 안내 | 핸드오프 또는 운영 문의 |
이 다섯 가지 실수는 챗봇을 기능 데모로만 남기고 실제 지원 도구로 못 쓰게 만듭니다.
이 페이지에서 우리는 AI 상담 챗봇이 어디서 열리고, 어떤 질문을 처리하고, 언제 핸드오프를 해야 하는지 정리했습니다. 이제 storefront, admin, assistant surface까지 화면 기획의 기본 골격이 모두 잡혔습니다. 다음 단계에서는 이 설계를 실제로 구현하기 위한 개발 환경과 인프라 구성을 시작합니다.
다음 단계에서는 이제 실제 frontend/backend/runtime을 안정적으로 돌릴 수 있도록 개발 환경과 인프라를 셋업합니다.