Bỏ qua tới nội dung
Luồng Human Sale / UX-8 / NEXOFRAME

Demo widget: khách hỏi, chủ shop trả lời

Mẫu chuẩn

Một màn hình chia đôi: bên trái trang web của shop có widget, bên phải hộp thư của chủ shop. Chủ shop thấy câu hỏi tới và câu trả lời quay lại ngay trong lúc xem.

PatternSlice W2Dữ liệu mẫuComposerMessageBubbleTabsBadge

Sơ đồ luồng

  1. Mở demo

    Mọi bề mặt đều có huy hiệu "Dữ liệu mẫu · Môi trường demo".

  2. Bấm một câu gợi ý

    Lần tương tác đầu chỉ cần một chạm.

  3. Câu hỏi tới hộp thư

    Bên chủ shop thấy tin trượt vào.

  4. Người trả lời

    Chủ shop gõ trả lời trong hộp thư.

  5. Khách thấy

    Câu trả lời xuất hiện trong widget.

Màn hình

NexoCrew · Demo widgetDữ liệu mẫuMA
Shop Hoa · trang sản phẩmDữ liệu mẫu · Môi trường demo

Áo sơ mi lụa trơn

450.000 ₫ · Size S, M, L

LLinh · trợ lý AI của shop

Mình là Linh, trợ lý AI của shop. Bạn cần mình giúp gì về sản phẩm này?

Hộp thư · Khách từ websiteDữ liệu mẫu · Môi trường demo

Chưa có tin nào. Khách bấm một câu hỏi gợi ý ở bên kia để bắt đầu.

Máy tính · chia đôi: website có widget và hộp thư
9:41Demo widgetDữ liệu mẫu
Shop Hoa · trang sản phẩmDữ liệu mẫu · Môi trường demo

Áo sơ mi lụa trơn

450.000 ₫ · Size S, M, L

LLinh · trợ lý AI của shop

Mình là Linh, trợ lý AI của shop. Bạn cần mình giúp gì về sản phẩm này?

Điện thoại · hai tab Khách hàng và Chủ shop, chấm báo tin chưa xem

Demo tương tác

Bấm một câu hỏi gợi ý trong widget, chờ nó tới hộp thư bên phải, rồi trả lời. Toàn bộ dữ liệu là dữ liệu mẫu; không có khách thật nào liên quan.

Dữ liệu mẫu
NexoCrew · Demo widgetDữ liệu mẫuMA
Shop Hoa · trang sản phẩmDữ liệu mẫu · Môi trường demo

Áo sơ mi lụa trơn

450.000 ₫ · Size S, M, L

LLinh · trợ lý AI của shop

Mình là Linh, trợ lý AI của shop. Bạn cần mình giúp gì về sản phẩm này?

Hộp thư · Khách từ websiteDữ liệu mẫu · Môi trường demo

Chưa có tin nào. Khách bấm một câu hỏi gợi ý ở bên kia để bắt đầu.

Đặc tả luồng

Quy tắc

  • Huy hiệu "Dữ liệu mẫu · Môi trường demo" hiện cố định ở mọi bề mặt của demo.
  • Máy tính: chia đôi, trái là trang web có widget, phải là hộp thư của chủ shop; câu hỏi tới và câu trả lời quay lại theo thời gian thực.
  • Tiêu đề widget luôn ghi "Linh · trợ lý AI của shop" và tin đầu có một dòng nói rõ là trợ lý AI (quyết định của chủ sở hữu: khách phải biết).
  • Câu hỏi gợi ý trong widget ("Áo này còn size M không?") để lần tương tác đầu chỉ cần một chạm.
  • Điện thoại: hai tab "Khách hàng" và "Chủ shop"; chấm báo khi bên kia vừa đổi.

Nghiệm thu

Hỏi bằng câu gợi ý, câu hỏi tới hộp thư, người trả lời, khách thấy trong widget; ở 1440 và 375, bàn phím, sáng và tối.

Nguồn: docs/09_delivery/responsible-sale/ux-flows.md. Giao diện này là mẫu thiết kế dựng từ primitive thật; không phải tuyên bố về năng lực đã giao.