Product Management
Đăng nhập
ESC

Nhập từ khóa để tìm kiếm

↑↓ Di chuyển
Enter Mở
ESC Đóng

AI UX Patterns

AI

Thiết kế UX cho AI feature: streaming, citation, undo, guardrail, confidence signaling, recovery.

Bạn đang ở đâu với kỹ năng này?

Làm bài Đánh giá Kỹ năng PM cho Sản phẩm AI — Một lần làm chấm điểm cho tất cả kỹ năng trong nhóm AI, không chỉ kỹ năng này.

Làm bài đánh giá

Kỹ năng này cho bạn điều gì

Bắt đầu từ đây

Hiểu vì sao sản phẩm AI cần bộ pattern riêng: model trả lời trôi chảy kể cả khi sai, nên việc cho người dùng KIỂM được thay vì bắt TIN là việc của thiết kế. Gọi tên được các pattern cốt lõi và biết mỗi cái chống rủi ro gì.

Khi đã làm được

Chọn được pattern theo bảng thiệt hại × độ tin cậy, vẽ được luồng có nhánh theo độ tin cậy và trạng thái chờ, chủ trì được buổi duyệt kết quả xấu hằng tuần, và thiết kế vòng lặp thói quen hữu ích mà không rơi vào thủ thuật thao túng.

Roadmap — Cách học và đạt kỹ năng

Đã đọc 0/13 mục · còn khoảng 10 phút
Cách chúng tôi ghi nhận

Một mục được tính là đã đọc khi nó nằm giữa màn hình đủ lâu so với độ dài của nó (bảng và sơ đồ tính một nửa), bạn vẫn đang cuộn hoặc bấm phím, và bạn đã thấy tới cuối mục. Lướt nhanh hoặc để tab mở không được tính. Chúng tôi chỉ lưu thời gian đọc từng mục — không lưu gì khác.

AI UX Patterns là gì — và vì sao gọi là "UX", vì sao gọi là "pattern"

Một pattern là lời giải đã được dùng đi dùng lại cho một vấn đề lặp lại, kèm điều kiện áp dụng. Nó không phải ý tưởng hay — nó là thứ đã bị thử và sống sót, nên bạn không phải phát minh lại, và người dùng không phải học lại.

Gọi là UX vì phần khó nhất của sản phẩm AI không nằm ở model. Model trả về một chuỗi chữ kèm một mức độ chắc chắn mà nó không nói ra. Việc biến chuỗi đó thành thứ người dùng tin được, kiểm được và sửa được — đó là thiết kế trải nghiệm, không phải kỹ thuật. Hai sản phẩm gọi cùng một API có thể cho cảm giác hoàn toàn khác nhau chỉ vì khác pattern.

Ví dụ dễ thấy: cùng một model tóm tắt hợp đồng. Sản phẩm A in ra đoạn tóm tắt. Sản phẩm B in ra đoạn tóm tắt, mỗi câu có số trang bấm được để nhảy về đúng điều khoản gốc. Model giống hệt nhau. B được luật sư dùng thật, A thì không — vì A bắt người đọc tin, B cho người đọc kiểm.

Vì sao AI cần bộ pattern riêng, không dùng lại UX phần mềm thường

Phần mềm truyền thống là tất định: cùng đầu vào cho cùng đầu ra, sai thì sai lộ liễu. Sản phẩm AI phá cả bốn giả định mà UX cũ dựa vào.

Giả định của UX cũThực tế với AIHệ quả lên thiết kế
Cùng thao tác cho cùng kết quảHai lần chạy cho hai kết quả khác nhauPhải thiết kế cho sự biến thiên: nút chạy lại, lưu phiên bản, giải thích vì sao khác
Sai thì báo lỗi rõ ràngSai một cách trôi chảy và tự tin — không có thông báo lỗi nàoPhải thiết kế đường kiểm chứng, vì hệ thống không tự biết nó đang sai
Thao tác gần như miễn phí và tức thìMỗi lần gọi tốn tiền và mất vài giây tới vài phútPhải thiết kế trạng thái chờ và cho người dùng chọn khi nào đáng gọi
Năng lực hệ thống là cố định và biết trướcNgười dùng không đoán được nó làm được gìPhải thiết kế lời mời — gợi ý, ví dụ mẫu — thay vì một ô trống

Ô trống nhấp nháy là thất bại UX kinh điển của sản phẩm AI. Nó hỏi người dùng một câu họ không trả lời được: "bạn muốn gì?" — khi chính họ còn chưa biết cái hộp này làm được gì.

Bộ pattern cốt lõi — tra nhanh

PatternDùng khiNó chống rủi ro gì
Gợi ý mồi (Suggested prompts)Người dùng lần đầu, hoặc màn hình trốngKhông biết hỏi gì nên bỏ đi
Trích dẫn nguồn (Citations)Câu trả lời dựa trên tài liệu có thậtTin nhầm một câu bịa nghe rất hợp lý
Bản nháp, không phải kết luậnAI sinh nội dung người khác sẽ đọcNgười dùng gửi đi thứ họ chưa đọc kỹ
Người duyệt trước khi tác độngHành động khó hoàn tác: gửi mail, đổi dữ liệu, chi tiềnMột lỗi model thành một lỗi kinh doanh
Hiện độ tin cậyKết quả có lúc chắc lúc khôngNgười dùng tin đều nhau ở mọi câu trả lời
Sửa được tại chỗKết quả gần đúng nhưng chưa dùng đượcGần đúng mà phải làm lại từ đầu
Tường minh giới hạnCó vùng model chắc chắn kémKỳ vọng sai rồi mất niềm tin vĩnh viễn
Phản hồi hai chiềuBạn cần dữ liệu để cải thiệnKhông bao giờ biết nó sai ở đâu
Thoát về thủ côngAI không xử được ca nàyNgười dùng kẹt, không có đường ra
Hiện tiến trình từng bướcTác vụ chạy lâuNgười dùng tưởng treo máy và bỏ ngang

Bốn pattern quan trọng nhất — chi tiết cách làm

1. Gợi ý mồi. Vấn đề: ô trống không dạy người dùng điều gì. Cách làm: hiện 3–5 gợi ý bấm được, lấy từ việc người dùng thật sự hay làm, viết ở ngôi thứ nhất ("Tóm tắt hợp đồng này thành 5 gạch đầu dòng") chứ không phải mô tả tính năng ("Tóm tắt văn bản"). Đổi gợi ý theo ngữ cảnh màn hình. Phản pattern: gợi ý cố định, ai vào cũng thấy như nhau, sang tuần thứ hai thành nhiễu.

2. Trích dẫn nguồn. Vấn đề: người dùng không phân biệt được câu có căn cứ với câu bịa, vì cả hai viết hay như nhau. Cách làm: mỗi khẳng định gắn một liên kết nhảy thẳng tới đoạn gốc — không phải tên tài liệu, mà đúng đoạn, được tô sáng. Nếu không tìm được nguồn, nói thẳng là không có. Phản pattern: liệt kê 5 tài liệu ở cuối câu trả lời; không ai mở, và nó chỉ tạo cảm giác đáng tin giả.

3. Người duyệt trước khi tác động. Vấn đề: model sai thì chỉ là một đoạn chữ xấu — trừ khi đoạn chữ đó tự động gửi cho 400 khách hàng. Cách làm: tách sinh ra khỏi thực thi. AI soạn, người bấm gửi. Hiện rõ cái gì sắp xảy ra, với ai, và nút hoàn tác nếu có thể. Mức độ chặn tỉ lệ với mức thiệt hại: đổi nhãn nội bộ thì cho chạy thẳng, gửi email khách hàng thì bắt duyệt.

4. Sửa được tại chỗ. Vấn đề: kết quả đúng 80% mà phải gõ lại toàn bộ thì người dùng bỏ luôn tính năng. Cách làm: cho sửa trực tiếp trên kết quả, cho chọn một đoạn và yêu cầu viết lại riêng đoạn đó, giữ lịch sử phiên bản. Phản pattern: chỉ có nút "Tạo lại" — nó vứt luôn 80% đang đúng.

Chọn pattern thế nào — theo thiệt hại khi sai, không theo độ "xịn" của model

Đây là bảng quyết định dùng được ngay. Trục dọc: nếu AI sai thì mất gì. Trục ngang: model chắc chắn tới đâu ở tác vụ này.

Thiệt hại khi saiModel thường đúngModel lúc đúng lúc sai
Thấp (gợi ý thẻ tag nội bộ)Chạy thẳng, có nút hoàn tácChạy thẳng + hiện độ tin cậy + cho sửa tại chỗ
Trung bình (soạn nháp trả lời khách)Bản nháp + sửa tại chỗBản nháp + trích dẫn nguồn + bắt đọc trước khi gửi
Cao (đổi dữ liệu, chi tiền, gửi ra ngoài)Người duyệt + hiện rõ tác độngĐừng tự động hoá. Dùng AI để gợi ý cho người quyết, không phải để quyết

Ô dưới bên phải là ô hay bị làm sai nhất, và nó là ô đắt nhất. Khi thiệt hại cao mà model không ổn định, câu trả lời đúng thường là thu hẹp phạm vi tính năng lại — chứ không phải thêm một lớp cảnh báo rồi vẫn cho chạy.

Theo từng loại người dùng

Kiểu người dùngHọ sợ gì nhấtPattern ưu tiên
Người mới, không rành công nghệKhông biết bắt đầu từ đâu; sợ làm hỏngGợi ý mồi · tường minh giới hạn · hoàn tác rõ ràng
Người dùng thành thạo, dùng hằng ngàyBị chậm lại bởi các bước xác nhận thừaPhím tắt · chạy hàng loạt · giảm dần mức chặn khi đã tin
Chuyên gia (luật sư, kế toán, bác sĩ)Chịu trách nhiệm nghề nghiệp cho thứ AI viết raTrích dẫn nguồn · bản nháp · nhật ký ai sửa gì lúc nào
Người phê duyệt / quản lýKý vào thứ mình không kiểm đượcHiện rõ tác động · so sánh trước/sau · duyệt theo lô
Người vận hành nội bộCa ngoại lệ không có đường xử lýThoát về thủ công · hàng đợi ngoại lệ · phản hồi hai chiều

Cách vẽ một luồng AI — thứ bản vẽ phần mềm thường không có

Sơ đồ luồng thông thường vẽ một đường đi và vài nhánh lỗi. Luồng AI phải vẽ thêm ba thứ, và chính ba thứ này là nơi thiết kế sống hay chết:

  • Nhánh theo độ tin cậy, không phải nhánh theo thành công/thất bại. Vẽ ba nhánh: chắc chắn → hiện kết quả; không chắc → hiện kèm cảnh báo và nguồn; không đủ căn cứ → nói là không biết và mời người dùng làm cách khác.
  • Trạng thái chờ, vẽ như một màn hình thật. Nếu tác vụ chạy 40 giây, màn hình chờ là màn hình người dùng nhìn lâu nhất. Vẽ nó: đang làm bước nào, còn bao lâu, có huỷ được không, kết quả từng phần hiện dần hay chờ trọn gói.
  • Đường vòng lại. Sau khi thấy kết quả, người dùng đi đâu? Sửa tại chỗ, chạy lại với yêu cầu khác, hay bỏ qua? Nếu bản vẽ của bạn chỉ có mũi tên đi tới, nghĩa là bạn đang giả định lần đầu đã đúng.

Ký hiệu tối thiểu nên thống nhất trong đội: hình thoi cho điểm ngưỡng độ tin cậy, hình chữ nhật nét đứt cho bước do AI sinh (để phân biệt với bước tất định), hình tròn đậm cho điểm bắt buộc có người duyệt. Ba ký hiệu là đủ; thêm nữa thì không ai nhớ.

Làm trên công cụ gì cũng được — Figma, Miro, hay giấy. Quan trọng là bản vẽ trả lời được câu: "khi model không chắc, người dùng nhìn thấy gì?"

Nhịp làm việc của đội — những buổi phải có

NhịpTần suấtLàm gìĐầu ra
Duyệt kết quả xấuHằng tuần, 45 phútĐội đọc 10–20 câu trả lời tệ nhất tuần qua, phân loại nguyên nhân: model sai, dữ liệu thiếu, hay thiết kế chưa cho người dùng đường kiểmDanh sách sửa, tách rõ việc của model và việc của UX
Kiểm chuẩn trước khi phát hànhMỗi lần đổi prompt/modelChạy bộ ca mẫu cố định, so kết quả với lần trướcChốt phát hành hay không
Rà soát patternHằng quýMở thư viện pattern của đội, xoá cái không ai dùng, thêm cái đã chứng minhThư viện pattern cập nhật
Nghe người dùng thậtHằng thángNgồi xem 3 người dùng thật dùng tính năng, không hướng dẫn gìChỗ họ khựng lại — thường không phải chỗ đội đoán

Buổi đầu tiên là buổi quan trọng nhất và cũng là buổi hay bị bỏ nhất. Không có nó, đội chỉ nghe về lỗi qua lời phàn nàn — tức là chỉ nghe được phần nổi.

Pattern tạo thói quen như thế nào — và ranh giới đạo đức

Thói quen hình thành qua vòng lặp: dấu hiệu → hành động → phần thưởng → đầu tư. Pattern nhất quán là thứ làm vòng lặp đó chạy được, vì mỗi lần dùng không phải học lại.

Mắt xíchTrong sản phẩm AIPattern phục vụ nó
Dấu hiệuNgười dùng gặp việc lặp lại và nhớ ra công cụ này làm đượcGợi ý mồi đúng ngữ cảnh — nó dạy người dùng khi nào nên gọi AI
Hành độngGọi AI, tốn ít công nhất có thểPhím tắt · chạy ngay trong màn hình đang làm, không bắt sang tab khác
Phần thưởngTiết kiệm được thời gian thật, và tin được kết quảTốc độ · trích dẫn nguồn (tin được là một phần của phần thưởng)
Đầu tưNgười dùng bỏ công vào và sản phẩm tốt lên cho riêng họSửa tại chỗ · phản hồi hai chiều · lưu mẫu prompt riêng

Mắt xích đầu tư là mắt xích bị bỏ quên nhiều nhất và là mắt xích giữ chân người dùng mạnh nhất: mỗi lần họ sửa một kết quả, sản phẩm nên tốt lên cho lần sau. Nếu công họ bỏ ra bốc hơi sau mỗi phiên, họ sẽ không bỏ nữa.

Ranh giới cần nói rõ: mục tiêu là thói quen hữu ích — người dùng quay lại vì công việc trôi hơn. Thông báo giả, chuỗi ngày liên tiếp, hay gây khó khi muốn rời đi là thiết kế thao túng: nó nâng số liệu trong một quý rồi phá niềm tin vĩnh viễn. Thước đo đúng là công việc hoàn thành, không phải số lần mở ứng dụng.

Best practices — rút gọn thành tám câu

  • Mặc định là bản nháp. AI đề xuất, người quyết định. Chỉ bỏ bước duyệt khi đã có số liệu chứng minh, không phải vì thấy nó phiền.
  • Cho kiểm, đừng bắt tin. Đường ngắn nhất từ câu trả lời về bằng chứng gốc là tính năng đáng giá nhất của sản phẩm AI nghiêm túc.
  • Nói "tôi không biết" phải là kết quả hợp lệ. Thà trả về rỗng còn hơn trả về một câu bịa trôi chảy.
  • Không chắc thì phải nhìn thấy được. Nhưng đừng in con số xác suất thô — dịch thành ngôn ngữ hành động: "nên kiểm lại đoạn này".
  • Thất bại phải có đường ra. Mỗi ngõ cụt của AI cần một lối thủ công.
  • Đặt AI vào nơi công việc đang diễn ra, không phải một tab riêng.
  • Nhất quán hơn thông minh. Cùng một pattern ở mọi tính năng AI giúp người dùng học một lần, dùng khắp nơi.
  • Đo bằng công việc hoàn thành, không phải số lần bấm nút AI.

Hiccups thường gặp và cách xử lý

HiccupVì sao xảy raXử lý
Người dùng thử một lần rồi không quay lạiLần đầu ra kết quả kém, không có gì hướng dẫn họ hỏi tốt hơnGợi ý mồi + cho sửa tại chỗ để lần thử thứ hai rẻ hơn lần đầu
Người dùng tin mọi câu trả lời như nhauGiao diện trình bày câu chắc và câu đoán giống hệt nhauPhân biệt bằng thị giác: có nguồn thì hiện nguồn, không có thì nói rõ
Đội chỉ lo chỉnh prompt, giao diện không đổiLỗi bị mặc định là lỗi modelBuổi duyệt kết quả xấu phải phân loại nguyên nhân, có ô riêng cho "thiếu đường kiểm"
Cảnh báo nhiều quá, không ai đọcMỗi ca khó lại thêm một dòng cảnh báoCảnh báo tỉ lệ với thiệt hại; ca thiệt hại cao thì chặn hẳn, ca thấp thì im lặng
Tính năng chạy tốt lúc demo, hỏng với dữ liệu thậtCa mẫu được chọn toàn ca đẹpBộ ca chuẩn phải lấy từ dữ liệu thật, gồm cả ca xấu và ca hiếm

Vì sao vai trò của bạn cần cái này

Vai tròBạn dùng nó để
Product Owner / PMQuyết định chỗ nào AI được tự chạy và chỗ nào bắt buộc có người — đây là quyết định sản phẩm, không phải quyết định kỹ thuật
DesignerVẽ được trạng thái "không chắc" và trạng thái chờ, hai màn hình mà bản thiết kế thường thiếu
Business AnalystViết được tiêu chí chấp nhận cho tính năng không tất định: mô tả hành vi ở từng mức độ tin cậy thay vì mô tả một kết quả cố định
EngineerBiết chỗ nào cần trả về độ tin cậy và nguồn trích dẫn — nếu API không trả, giao diện không thể hiện được
QAKiểm bằng bộ ca chuẩn và ngưỡng, thay vì kiểm bằng một kết quả mong đợi duy nhất

Definition of done

  • Mỗi tính năng AI đã được đặt vào một ô trong bảng thiệt hại × độ tin cậy, và pattern được chọn theo ô đó.
  • Có màn hình cho cả ba nhánh: chắc chắn, không chắc, và không đủ căn cứ.
  • Trạng thái chờ đã được thiết kế, không phải một vòng xoay mặc định.
  • Mỗi ngõ cụt của AI có một lối thoát thủ công.
  • Bộ ca chuẩn lấy từ dữ liệu thật, chạy lại mỗi lần đổi prompt hoặc model.
  • Buổi duyệt kết quả xấu đã có lịch cố định hằng tuần và có người chủ trì.

Tự kiểm 3 câu

Đọc xong rồi thì thử xem — đúng cả ba là đạt.
1. Trợ lý tra cứu hợp đồng cho luật sư. Cách hiện nguồn nào giúp họ dùng thật?
2. Sếp muốn AI tự gửi email ưu đãi cho 400 khách hàng, trong khi model lúc đúng lúc sai. PM nên đề xuất gì?
3. Kết quả AI thường đúng khoảng 80%, nhưng chỉ có nút “Tạo lại”, và người dùng dần bỏ tính năng. Nên sửa gì?

Khóa học liên quan (6)

Sử dụng trong vai trò

Thảo luận & tài liệu thêm 0

Chia sẻ kinh nghiệm, đặt câu hỏi, hoặc đính kèm tài liệu/YouTube giúp người khác học kỹ năng này.

Hãy là người đầu tiên chia sẻ kinh nghiệm cho kỹ năng này.

Kiểm tra kỹ năng này

Bài kiểm tra của các khóa dạy kỹ năng này
1 Chẩn đoán

Đánh giá Kỹ năng PM cho Sản phẩm AI

Chấm riêng từng chiều của kỹ năng này.

chưa ai làm
Làm bài này
2 Quiz

Chương 3: RAG, Đánh giá và An toàn cho sản phẩm AI

Bài kiểm tra của một khóa dạy kỹ năng này.

chưa ai làm
Làm bài này
3 Quiz

Đánh giá cuối khóa: Thiết kế trải nghiệm AI (AI UX)

Bài kiểm tra của một khóa dạy kỹ năng này.

chưa ai làm
Làm bài này
4 Quiz

AI Products Quiz

Bài kiểm tra của một khóa dạy kỹ năng này.

chưa ai làm
Làm bài này

Học kỹ năng này ở đâu?

Có 6 khóa dạy đúng phần này, miễn phí và bằng tiếng Việt.

Bắt đầu học