Menu
ESC

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

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

Đang tải...

Bài 31 — Working with design: design system & collaboration

Chứng Chỉ Product Manager Hoàn Chỉnh Bài 31/60

Mở đầu — vì sao bài này quan trọng

Có một sự thật mà nhiều PM mới vào nghề học được theo cách đau đớn: bạn có thể có ý tưởng tốt nhất thế giới, một PRD chỉn chu nhất, nhưng nếu bạn không biết cách làm việc với designer, sản phẩm cuối cùng vẫn có thể trở thành một mớ hỗn độn về trải nghiệm. Design không phải là khâu "tô màu" sau khi PM đã nghĩ xong mọi thứ. Design là nơi chiến lược sản phẩm gặp người dùng thật — và designer là đối tác có thể giúp bạn phát hiện ra rằng giải pháp bạn tâm đắc thực ra giải sai vấn đề.

Trong thực tế ở Việt Nam và Đông Nam Á, mối quan hệ PM–design thường gặp ba kiểu lệch lạc. Một là PM "vẽ sẵn" giao diện rồi đưa cho designer "làm cho đẹp" — biến designer thành thợ Photoshop. Hai là PM phó mặc hoàn toàn cho design rồi bất ngờ khi sản phẩm không khớp với mục tiêu kinh doanh. Ba là PM và designer tranh cãi về cái nút màu gì trong khi quên mất họ đang giải bài toán gì cho người dùng. Cả ba kiểu đều khiến sản phẩm chậm, đội ngũ mệt mỏi, và tệ nhất là làm hỏng lòng tin giữa hai vai trò vốn cần nhau nhất.

Bài này sẽ giúp bạn hiểu rõ các vai trò trong đội design, cách phân định ranh giới trách nhiệm giữa PM và designer, và đặc biệt là cách tận dụng design system để cộng tác nhanh và nhất quán. Khi làm tốt, bạn sẽ thấy tốc độ ship tăng, ít tranh cãi hơn, và designer sẽ trở thành đồng minh chủ động thay vì người thực thi thụ động.

Khái niệm cốt lõi

Các kiểu vai trò trong đội design

Không phải designer nào cũng giống nhau. Hiểu đúng vai trò giúp bạn biết tìm ai cho việc gì.

  • Product Designer (Designer sản phẩm): Đây là vai trò phổ biến nhất ở các startup và công ty công nghệ Việt Nam hiện nay. Họ làm end-to-end: từ nghiên cứu vấn đề, phác thảo luồng (user flow), thiết kế trải nghiệm (UX) đến giao diện chi tiết (UI). Một Product Designer giỏi suy nghĩ như một half-PM — họ quan tâm đến vấn đề người dùng và mục tiêu kinh doanh, không chỉ "đẹp".
  • UX Researcher (Nghiên cứu trải nghiệm): Vai trò chuyên sâu về nghiên cứu người dùng — phỏng vấn, usability testing, khảo sát. Ở các công ty lớn như Grab, Shopee, Tiki mới có researcher riêng; ở startup nhỏ thì PM hoặc Product Designer kiêm luôn. Researcher giúp bạn trả lời "người dùng thực sự nghĩ gì" thay vì đoán.
  • UI Designer (Thiết kế giao diện): Tập trung vào phần thị giác và thương hiệu (visual + branding): màu sắc, typography, icon, layout, sự nhất quán hình ảnh. Ở những đội tách bạch, UI Designer nhận luồng từ UX rồi hoàn thiện phần nhìn.
  • Design Lead / Design Manager: Người quản lý chất lượng và định hướng design. Khi sản phẩm lớn dần, bạn sẽ làm việc với họ về tầm nhìn design, ưu tiên nguồn lực design, chứ không phải từng màn hình.
Ở đa số đội Việt Nam quy mô vừa, bạn sẽ chủ yếu làm việc với Product Designer. Đừng kỳ vọng họ chỉ "làm UI" — hãy kéo họ vào từ khâu vấn đề.

Ranh giới trách nhiệm: PM làm gì, Designer làm gì

Đây là gốc rễ của hầu hết xung đột. Một cách phân định lành mạnh:

  • PM sở hữu "What" và "Why": vấn đề cần giải, đối tượng người dùng, mục tiêu kinh doanh, độ ưu tiên, ràng buộc (thời gian, kỹ thuật, pháp lý), và định nghĩa thành công (metric).
  • Designer sở hữu "How" về trải nghiệm: luồng người dùng, cấu trúc thông tin, tương tác, giao diện. Họ quyết định cách giải, miễn là giải đúng vấn đề và đạt mục tiêu.
Nguyên tắc vàng: PM mang đến vấn đề, không phải giải pháp đóng gói sẵn. Khi bạn nói "tôi muốn một cái dropdown ở góc phải", bạn đã cướp mất phần việc và sự sáng tạo của designer. Thay vào đó hãy nói "người dùng đang bỏ cuộc ở bước chọn địa chỉ giao hàng vì có quá nhiều trường phải điền — chúng ta cần giảm ma sát ở bước này, mục tiêu tăng tỷ lệ hoàn tất từ 62% lên 75%." Hãy để designer đề xuất cách.

Design System — ngôn ngữ chung để cộng tác nhanh

Design system là bộ "linh kiện" và quy tắc dùng chung: các component (nút, ô nhập, thẻ, modal...), token màu sắc/khoảng cách/typography, và hướng dẫn sử dụng. Nó giống như bộ LEGO chuẩn hóa để cả design lẫn engineering lắp ráp màn hình nhanh và nhất quán.

Vì sao PM cần quan tâm đến design system dù không trực tiếp xây nó?

  • Tốc độ: Khi đã có component chuẩn, một màn hình mới có thể được thiết kế và code trong vài ngày thay vì vài tuần, vì không phải "phát minh lại bánh xe".
  • Nhất quán: Người dùng học cách dùng sản phẩm một lần là dùng được mọi nơi. Điều này giảm tải nhận thức và tăng tin tưởng.
  • Quyết định dễ hơn: Khi cần một thành phần mới chưa có trong system, đó là tín hiệu cần PM cân nhắc — chi phí xây mới có xứng đáng không, hay tái sử dụng cái đã có là đủ.
PM nên hiểu design system đủ để biết: cái gì đã có sẵn (rẻ, nhanh), cái gì cần xây mới (đắt, chậm), và khi nào việc lệch khỏi system là chính đáng.

Vòng lặp cộng tác lành mạnh

Cộng tác tốt là một vòng lặp liên tục chứ không phải "ném qua tường": PM định khung vấn đề → cùng khám phá giải pháp → design thử nghiệm → review chung → kiểm chứng với người dùng/dữ liệu → tinh chỉnh. PM tham gia sớm và xuyên suốt, nhưng không lấn sân quyết định trải nghiệm.

Tình huống thực tế

Ví dụ 1 — Startup fintech tại TP.HCM: khi PM "vẽ sẵn" giao diện

Tại một startup ví điện tử quy mô khoảng 40 người ở TP.HCM, PM tên Linh có thói quen tự vẽ wireframe chi tiết trong Figma rồi gửi cho designer kèm câu "làm đẹp giúp anh cái này". Sau ba tháng, designer Minh xin nghỉ vì cảm thấy mình chỉ là "thợ tô màu", không được dùng chuyên môn.

Sản phẩm cũng gặp vấn đề: luồng nạp tiền mà Linh tự thiết kế có tỷ lệ hoàn tất chỉ 58%. Khi PM mới về thay đổi cách làm — đưa vấn đề thay vì giải pháp ("người dùng rớt nhiều ở bước xác nhận OTP, hãy tìm cách giảm rớt") — designer mới đề xuất gộp bước, tự động điền OTP, và thêm trạng thái chờ rõ ràng. Tỷ lệ hoàn tất tăng lên 79% sau một tháng.

Bài học: Khi PM cướp phần "How" của designer, bạn vừa làm mất động lực của họ vừa bỏ lỡ chuyên môn giải quyết trải nghiệm. Hãy giữ vai trò mang vấn đề và để designer giải.

Ví dụ 2 — Sàn thương mại điện tử khu vực: sức mạnh của design system

Một sàn thương mại điện tử hoạt động ở nhiều nước Đông Nam Á (giả định, quy mô tương tự Shopee/Lazada) phải tung tính năng cho từng thị trường rất nhanh. Ban đầu mỗi đội (Việt Nam, Thái Lan, Indonesia) tự thiết kế nút, form, thẻ sản phẩm theo cách riêng. Kết quả: trải nghiệm lệch nhau, engineering phải code lại từng phần, và mỗi tính năng mất trung bình 6 tuần.

Sau khi đầu tư xây một design system dùng chung — với khoảng 60 component chuẩn và token thống nhất — thời gian ra một tính năng tương tự giảm còn khoảng 3 tuần. PM của từng thị trường giờ chỉ cần ghép component có sẵn cho 80% màn hình, dành công sức thiết kế mới cho 20% phần thực sự khác biệt theo địa phương.

Vai trò PM ở đây rất rõ: họ giúp quyết định khi nào một thị trường được phép lệch khỏi system (ví dụ phương thức thanh toán nội địa đặc thù) và khi nào phải tuân theo chuẩn chung để giữ tốc độ.

Bài học: Design system không phải việc của riêng design — nó là đòn bẩy tốc độ và nhất quán mà PM cần chủ động bảo vệ và tận dụng. Biết khi nào tái sử dụng và khi nào xây mới là một quyết định sản phẩm.

Ví dụ 3 — Đội B2B SaaS: design critique cứu một tính năng

Một công ty SaaS quản lý nhân sự ở Hà Nội chuẩn bị ra mắt tính năng duyệt đơn nghỉ phép. PM Hà tổ chức một buổi design critique (góp ý thiết kế) sớm, mời cả designer, hai engineer và một nhân viên CS từng nghe nhiều phàn nàn từ khách hàng.

Trong buổi đó, engineer chỉ ra rằng thiết kế dự kiến cần một API mới tốn 2 tuần, trong khi một biến thể đơn giản hơn dùng được API sẵn có. CS thì nhắc rằng quản lý thường duyệt đơn trên điện thoại, nhưng bản thiết kế lại tối ưu cho desktop. Nhờ phát hiện sớm, đội xoay sang phương án mobile-first dùng API cũ, ra mắt sớm hơn dự kiến 10 ngày, và tỷ lệ duyệt đơn trong 24 giờ tăng đáng kể.

Bài học: Cộng tác design không chỉ là PM với designer, mà là kéo đúng người vào đúng lúc. Review sớm và đa chiều rẻ hơn rất nhiều so với sửa sau khi đã code.

Hướng dẫn từng bước

Dưới đây là quy trình cộng tác với design cho một tính năng điển hình:

  • Khởi động bằng vấn đề, không phải giải pháp. Viết một bản brief ngắn: ai là người dùng, họ đang gặp khó khăn gì, vì sao việc này quan trọng bây giờ, metric thành công, và các ràng buộc. Tránh đính kèm wireframe của riêng bạn ở bước này.
  • Kéo designer vào từ khâu khám phá. Cùng designer (và researcher nếu có) xem dữ liệu, nghe phản hồi người dùng, đi qua các luồng hiện tại. Mục tiêu là hai bên chia sẻ chung một hiểu biết về vấn đề.
  • Thống nhất phạm vi và mức độ "fidelity". Quyết định cần gì: sketch nhanh để bàn ý tưởng, hay prototype chi tiết để test. Đừng yêu cầu bản hoàn chỉnh khi mới đang khám phá — phí công.
  • Kiểm tra với design system trước. Hỏi: phần lớn màn hình này có dùng được component sẵn có không? Chỗ nào cần component mới? Việc xây mới có đáng không, hay nên tái sử dụng?
  • Tổ chức design critique sớm và thường xuyên. Mời designer, engineer, và một tiếng nói từ tuyến đầu (CS/sales). Góp ý tập trung vào "giải pháp này có giải đúng vấn đề và đạt mục tiêu không", tránh sa đà vào sở thích cá nhân.
  • Đưa engineer vào sớm để kiểm tính khả thi. Một thiết kế đẹp nhưng tốn 4 tuần code có thể thua một thiết kế đủ tốt tốn 4 ngày. PM cân bằng giá trị và chi phí.
  • Kiểm chứng với người dùng hoặc dữ liệu trước khi ship lớn. Usability test nhanh với 5 người dùng thường đủ phát hiện 80% vấn đề trải nghiệm nghiêm trọng.
  • Đóng vòng lặp sau khi ship. Theo dõi metric đã cam kết, chia sẻ kết quả lại với designer. Họ cần biết thiết kế của mình tạo ra tác động gì để học và cải thiện.

Lỗi thường gặp & mẹo

  • Lỗi: PM giao "giải pháp" thay vì "vấn đề". Mẹo: tự kiểm tra brief của bạn — nếu nó mô tả màn hình trông như thế nào thay vì vấn đề cần giải, hãy viết lại.
  • Lỗi: Để design ở khâu cuối ("ném qua tường"). Mẹo: mời designer vào từ buổi đầu tiên bàn về vấn đề, không phải sau khi PRD đã chốt.
  • Lỗi: Tranh cãi theo sở thích cá nhân ("tôi thấy màu này đẹp hơn"). Mẹo: luôn quy chiếu về người dùng và mục tiêu. Hỏi "quyết định này ảnh hưởng metric nào?" Nếu không ai biết, đó là dấu hiệu cần test chứ không cần tranh cãi.
  • Lỗi: Phá vỡ design system tùy tiện. Mẹo: mỗi lần muốn lệch khỏi system, hãy coi đó là một quyết định có chi phí (chậm hơn, khó bảo trì). Chỉ lệch khi giá trị thật sự xứng đáng.
  • Lỗi: Bỏ qua tiếng nói của engineer khi đánh giá thiết kế. Mẹo: tính khả thi kỹ thuật là một phần của thiết kế tốt, không phải rào cản. Mời họ vào critique.
  • Mẹo cộng tác: Tách "feedback" khỏi "quyết định". Khi review, PM cho feedback dưới góc nhìn vấn đề/mục tiêu, nhưng quyền quyết định cách giải vẫn thuộc về designer. Điều này giữ trách nhiệm rõ ràng và bảo vệ động lực của họ.

Bài tập thực hành

  • Viết lại brief. Lấy một tính năng bạn từng (hoặc đang) làm. Viết bản brief 1 trang chỉ mô tả vấn đề, người dùng, mục tiêu và ràng buộc — không có một hình vẽ giao diện nào. Đưa cho một đồng nghiệp đọc và hỏi: "Bạn có hiểu rõ vấn đề cần giải không?"
  • Kiểm kê design system. Tìm hiểu sản phẩm bạn đang làm có design system không. Liệt kê 10 component được dùng nhiều nhất. Với một màn hình bất kỳ, đánh dấu phần nào dùng component sẵn có và phần nào là "tự chế". Ước tính: nếu phần tự chế đó được chuẩn hóa, đội sẽ tiết kiệm bao nhiêu thời gian?
  • Mô phỏng một buổi design critique. Chọn một màn hình hiện có của sản phẩm bạn dùng hằng ngày (ví dụ MoMo, Grab, Tiki). Viết 5 câu hỏi góp ý tập trung vào "thiết kế này giải vấn đề gì cho người dùng và đạt mục tiêu nào", tránh hoàn toàn nhận xét kiểu "đẹp/xấu".

Tóm tắt

Làm việc với design không phải là quản lý một "nhà cung cấp giao diện", mà là cộng tác với một đối tác chiến lược giúp bạn biến vấn đề thành trải nghiệm mà người dùng yêu thích. Hiểu đúng các vai trò — Product Designer, UX Researcher, UI Designer — giúp bạn tìm đúng người cho đúng việc. Phân định ranh giới rõ ràng — PM sở hữu "What/Why", designer sở hữu "How về trải nghiệm" — giúp loại bỏ phần lớn xung đột và giữ động lực cho cả hai bên.

Design system là đòn bẩy tốc độ và nhất quán mà PM cần chủ động tận dụng và bảo vệ: biết khi nào tái sử dụng, khi nào xây mới, khi nào được phép lệch chuẩn là một quyết định sản phẩm thực thụ. Và cuối cùng, cộng tác tốt là một vòng lặp: tham gia sớm, review đa chiều, kiểm chứng với người dùng, rồi đóng vòng bằng cách chia sẻ kết quả. Khi bạn mang vấn đề rõ ràng và trao quyền cho designer giải, bạn sẽ thấy sản phẩm ship nhanh hơn, ít tranh cãi hơn, và đội ngũ design trở thành đồng minh chủ động nhất của bạn.