Lần đầu vào: gặp Linh trước khi cài đặt gì
Mẫu chuẩnMàn hình đầu tiên là lời giới thiệu, không phải lưới trống hay danh sách việc. Checklist chỉ hiện sau khi bắt đầu tuyển, và mang tên các bước của việc tuyển người.
Sơ đồ luồng
Vào Crew
Chưa có nhân viên bán hàng nào.
Gặp Linh
Thẻ giới thiệu: Linh là ai và ba lời hứa.
Tuyển Linh
Một nút chính, khoảng 5 phút.
Tiến độ tuyển
Vai trò, Đào tạo, Phỏng vấn, Thoả thuận, Bắt đầu thử việc.
Bảng điều khiển
Khi đủ năm hàng, checklist mờ đi.
Màn hình
- Trả lời khách 24/7 bằng đúng thông tin sản phẩm của bạn
- Mọi tin nhắn đều qua bạn duyệt trong thời gian thử việc
- Bạn đặt trần chi phí, dừng bất cứ lúc nào
Linh là tên gợi ý. Bạn đặt tên và chọn ảnh đại diện cho nhân viên của mình ở bước Vai trò.
- Trả lời khách 24/7 bằng đúng thông tin sản phẩm của bạn
- Mọi tin nhắn đều qua bạn duyệt trong thời gian thử việc
- Bạn đặt trần chi phí, dừng bất cứ lúc nào
Linh là tên gợi ý. Bạn đặt tên và chọn ảnh đại diện cho nhân viên của mình ở bước Vai trò.
Sau khi bắt đầu tuyển
Tiến độ tuyển: hàng đã xong gọn một dòng
Tuyển Linh
Đã xong 2/5
- Đã xong: Vai trò
- Đã xong: Đào tạo
Việc tiếp theo: Phỏng vấn
Chưa hỏi Linh câu nào
Chưa làm: Thoả thuận
Chưa ký thoả thuận làm việc
Chưa làm: Bắt đầu thử việc
Chờ bốn bước trên
Đã có bản nháp: nút chính nhớ chỗ dừng
- Trả lời khách 24/7 bằng đúng thông tin sản phẩm của bạn
- Mọi tin nhắn đều qua bạn duyệt trong thời gian thử việc
- Bạn đặt trần chi phí, dừng bất cứ lúc nào
Linh là tên gợi ý. Bạn đặt tên và chọn ảnh đại diện cho nhân viên của mình ở bước Vai trò.
Nguồn hoặc kết nối hỏng về sau: một hàng lý do, không mở lại cả checklist
Kênh Facebook mất kết nối
Demo tương tác
Bấm Tuyển Linh để thay thẻ giới thiệu bằng tiến độ tuyển. Hoàn tất năm hàng để thấy tick vào, thanh tiến độ chạy và checklist mờ đi rồi được gỡ.
- Trả lời khách 24/7 bằng đúng thông tin sản phẩm của bạn
- Mọi tin nhắn đều qua bạn duyệt trong thời gian thử việc
- Bạn đặt trần chi phí, dừng bất cứ lúc nào
Linh là tên gợi ý. Bạn đặt tên và chọn ảnh đại diện cho nhân viên của mình ở bước Vai trò.
Đặc tả luồng
Màn hình
- Trái: avatar Linh (minh hoạ, không dùng ảnh người thật), tên, dòng vai trò "Trợ lý AI tư vấn bán hàng". Phải: ba lời hứa viết như kết quả, mỗi lời một icon.
- Tên Linh chỉ là gợi ý: chủ shop đặt tên và chọn một trong sáu ảnh đại diện minh hoạ (không dùng ảnh người thật) ở bước Vai trò.
- Nút chính "Tuyển Linh · khoảng 5 phút"; nút ghost "Xem Linh làm việc thử" mở demo widget (UX-8).
- Sau khi bắt đầu tuyển, thẻ được thay bằng tiến độ tuyển (setup-checklist) gắn nhãn vòng đời: Vai trò, Đào tạo, Phỏng vấn, Thoả thuận, Bắt đầu thử việc. Mỗi hàng: trạng thái, một dòng tình trạng thật ("Đã đọc 124 sản phẩm · 6 sản phẩm thiếu giá"), liên kết sâu.
Phản hồi và chuyển động
- Tick vào bằng scale 0.9 sang 1 và opacity (duration-fast, easing-enter); thanh tiến độ tăng bằng width (duration-standard). Không pháo giấy: khoảnh khắc đáng nhớ là lúc bắt đầu thử việc ở UX-2.
- Khi đủ năm hàng: danh sách mờ bằng opacity rồi gỡ ở transitionend, không animate chiều cao.
Trạng thái
- Đã có bản nháp: nút chính thành "Tiếp tục tuyển Linh · còn 2 việc".
- Kết nối hoặc nguồn hỏng về sau: bảng điều khiển hiện một hàng lý do và remedy ("Kênh Facebook mất kết nối" · "Kết nối lại"), không mở lại cả checklist.
Nghiệm thu
Giới thiệu, tuyển, làm tiếp giữa chừng, hàng lý do khi mất kết nối; ở 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.