◉ PM COMPASS
CÔNG CỤ

Làm việc với Designer (PM ↔ UI/UX)

Dùng khi: phối hợp với designer bị lệch pha — PM đưa yêu cầu như đặt món, designer làm xong PM chê, hoặc design đẹp mà lệch mục tiêu kinh doanh.

Cốt lõi: PM sở hữu vấn đề và outcome, designer sở hữu giải pháp trải nghiệm. PM không vẽ hộ, không "sửa màu này đi" — PM cung cấp bối cảnh, ràng buộc, dữ liệu người dùng, và tiêu chí thành công.

Phối hợp theo 6 giai đoạn

  1. Nghiên cứu: làm chung — PM mang mục tiêu kinh doanh + dữ liệu, designer mang phương pháp research; cùng dự phỏng vấn.
  2. Định nghĩa: PM viết problem statement + success metrics; hai bên thống nhất scope. Input tốt nhất cho designer là vấn đề rõ, không phải giải pháp phác sẵn.
  3. Thiết kế (ideate → wireframe → prototype): designer diverge; PM review theo mục tiêu và tính khả thi, không theo gu cá nhân. Khung Double Diamond: hai lần phân kỳ–hội tụ (đúng vấn đề → đúng giải pháp) — đừng ép hội tụ khi đang cần phân kỳ.
  4. Kiểm thử: usability test cùng nhau; cãi nhau bằng clip người dùng thật thay vì ý kiến.
  5. Handoff cho dev: PM đảm bảo AC khớp design; designer available cho dev hỏi.
  6. Sau ra mắt: cùng xem số + feedback → vòng cải tiến.

Ngôn ngữ chung tối thiểu PM cần có

  • Wireframe (khung xám ý tưởng — góp ý cấu trúc, đừng chê xấu) vs mockup (hình thức) vs prototype (tương tác được, để test).
  • Mô hình 5 lớp (Garrett): Strategy → Scope → Structure → Skeleton → Surface. Tranh cãi thường do góp ý lộn lớp — chê màu sắc (Surface) khi vấn đề nằm ở luồng (Structure).
  • UX Honeycomb: 7 tiêu chí đánh giá trải nghiệm — useful, usable, desirable, findable, accessible, credible, valuable — dùng làm checklist review thay cho "nhìn chưa ưng".

Bẫy thường gặp

  • PM đưa luôn giải pháp ("làm cái popup ở đây") → designer thành thợ vẽ, mất giá trị chuyên môn.
  • Feedback bằng gu ("chưa đẹp") thay vì bằng mục tiêu ("bước này rơi 40% user, ta cần giảm friction").
  • Kéo designer vào khi mọi thứ đã chốt — họ chỉ còn "tô màu quyết định của người khác".

Nguồn: Module 5 (quy trình PM–designer, Double Diamond, wireframe, 5 layers, Honeycomb). Liên quan: Đánh giá Heuristic · Định luật UX · Kiểm chứng giả định

Được dùng trong