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

Duyệt đề xuất và trả lời khách

Mẫu chuẩn

Khách nhắn, Linh soạn nháp, chủ shop xem nguồn, sửa nếu cần, bấm Gửi và thấy đúng điều đang xảy ra: đang gửi, đã gửi, đã nhận, hoặc chưa rõ.

PatternSlice D3Dữ liệu mẫuHolderBarSourceCitationEffectStatus

Sơ đồ luồng

  1. Khách nhắn

    Huy hiệu trên Hộp thư và mục trong Cần bạn.

  2. Linh đề xuất

    Thẻ ghim trên khung soạn, kèm nguồn và lý do cần duyệt.

  3. Chủ shop xem nguồn

    Chạm chip để thấy đúng dữ kiện và bản sửa.

  4. Gửi hoặc Sửa

    Gửi bản của Linh, hoặc sửa rồi gửi bản đã sửa.

  5. Trạng thái trung thực

    Đang gửi, đã gửi, đã nhận; chưa rõ thì cho kiểm tra lại.

Màn hình

Cùng một cuộc trò chuyện ở máy tính và điện thoại. Thẻ đề xuất ghim phía trên khung soạn; trên điện thoại nút Gửi cao 44px trở lên.

NexoCrew · Hộp thư · Nguyễn Văn ADữ liệu mẫuMA
L

Linh đang phụ trách

Soạn nháp, bạn duyệt

Hôm nay

NA

Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?

Nguyễn Văn A · 10:24

Linh đề xuất trả lời

Soạn nháp

Dạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?

Gửi tới: Nguyễn Văn A · Messenger

Cần duyệt vì Linh đang ở chế độ soạn nháp.

Máy tính · ba ngăn rút gọn theo khung: danh sách ẩn, rail hiện khi đủ rộng
9:41Nguyễn Văn ADữ liệu mẫu
L

Linh đang phụ trách

Soạn nháp, bạn duyệt

Hôm nay

NA

Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?

Nguyễn Văn A · 10:24

Linh đề xuất trả lời

Soạn nháp

Dạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?

Gửi tới: Nguyễn Văn A · Messenger

Cần duyệt vì Linh đang ở chế độ soạn nháp.

Chạm một nguồn để mở dữ kiện trong tờ trượt.

Tổng quanHộp thưDuyệtBáo cáo
Điện thoại · 375

Biến thể trạng thái của thẻ đề xuất

Linh đang soạn… (chỉ khi thật sự đang chạy)

Linh cần bạn

Linh đề xuất trả lời

Soạn nháp

Dạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?

Gửi tới: Nguyễn Văn A · Messenger

Cần duyệt vì Linh đang ở chế độ soạn nháp.

Bảng giá đã cũ 3 ngày. Giá có thể đã đổi. Vẫn gửi?

Demo tương tác

Bấm Gửi để xem thẻ thu vào luồng tin thành một bong bóng đang gửi rồi đi qua Đã gửi, Đã nhận. Đổi kết quả giả lập để xem Chưa rõ và lỗi kết nối cùng nút khắc phục. Bật bảng giá cũ để thấy bước xác nhận ngay trong thẻ. Không có thông báo thành công nào xuất hiện trước khi bên kia xác nhận.

Dữ liệu mẫu
Kết quả giả lập từ kênh

Hôm nay

NA

Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?

Nguyễn Văn A · 10:24

Linh đề xuất trả lời

Soạn nháp

Dạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?

Gửi tới: Nguyễn Văn A · Messenger

Cần duyệt vì Linh đang ở chế độ soạn nháp.

Vòng đời thật:
Đang gửi…
Đã gửi
Đã nhận
Chưa rõ đã gửi chưa
Không gửi được

Đặc tả luồng

Kích hoạt và bố cục

  • Máy tính: ba ngăn (danh sách, cuộc trò chuyện, rail chi tiết). Thanh người phụ trách ở đầu, thẻ đề xuất ghim trên khung soạn.
  • Phím tắt: Enter trên thẻ là Gửi (gợi ý bằng một dòng Kbd nhỏ dưới hàng nút, chỉ máy tính, ẩn trên điện thoại), E là Sửa, Esc đóng popover, J/K chuyển cuộc trò chuyện. Tất cả liệt kê trong tờ trượt ?.
  • Điện thoại: thẻ là bảng neo dưới, Gửi lớn, nguồn mở trong sheet.

Phản hồi

  • Bấm Gửi: nút vào trạng thái pending, thẻ chuyển thành bong bóng chờ với EffectStatus.
  • Đã gửi chỉ nghĩa là kênh nhận lệnh. Đã nhận chỉ hiện khi kênh báo.
  • Chưa rõ: màu hổ phách, "Chưa rõ đã gửi chưa", hành động Kiểm tra lại, không bao giờ tự gửi lại. Lỗi: "Không gửi được · Kênh mất kết nối" cùng Kết nối lại.
  • Sửa rồi gửi là một lần gửi do người soạn; nhãn đổi thành "Gửi bản đã sửa".

Chuyển động

  • Thẻ sang bong bóng: opacity và dịch 8px (duration-standard). Đổi trạng thái: crossfade nhãn (duration-fast). Không nảy, không pháo giấy.
  • Reduced motion: chỉ còn opacity, thời lượng không quá fast.

Hướng dẫn

  • Dòng "Cần duyệt vì Linh đang ở chế độ soạn nháp" trên mỗi đề xuất. Hướng dẫn nguồn nằm ngay trong chip.

Biên

  • Chưa có nháp: đường skeleton "Linh đang soạn…", chỉ khi Linh thật sự đang chạy.
  • Linh không trả lời được: thẻ "Linh cần bạn" với lý do cụ thể, "Trả lời thủ công" và "Cập nhật bảng giá".
  • Nguồn đã cũ: chip hổ phách "Bảng giá đã cũ (3 ngày)", Gửi cần thêm một xác nhận ngay trong thẻ, không dùng modal.

Nghiệm thu

Review với nguồn, sửa, gửi, vòng đời trạng thái; khắc phục khi chưa rõ; ở 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.