Product Management
Đăng nhập
ESC

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

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

Bài 57 — Working with design: từ wireframe tới ship

Đã đọc 0/12 mục · còn khoảng 12 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.

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

Có một sự thật mà rất ít người nói thẳng với bạn khi bạn mới chuyển sang làm PM: mối quan hệ giữa bạn và designer sẽ quyết định phần lớn chất lượng sản phẩm bạn ship ra — và cũng quyết định luôn cuộc sống tinh thần hằng ngày của bạn ở công ty. Một designer tin tưởng bạn sẽ chủ động đến gặp bạn để bàn ý tưởng từ sớm, sẵn sàng đẩy thiết kế tốt hơn, và bảo vệ chất lượng UX ngay cả khi deadline cận kề. Một designer mất niềm tin vào PM sẽ làm vừa đủ, ngầm chống đối, và mỗi cuộc review trở thành một trận đấu mệt mỏi.

Với người chuyển ngành sang PM, đây là vùng đặc biệt dễ trượt chân. Bạn đến từ một background — có thể là kinh doanh, kỹ thuật, marketing, vận hành — nơi bạn quen "ra quyết định và giao việc". Khi bước vào quan hệ với design, bản năng cũ đó khiến bạn vô tình mang đến designer một bản "giải pháp đã vẽ sẵn" thay vì một "vấn đề cần giải". Và đó chính là cú vấp số một khiến designer khó chịu nhất.

Bài này tập trung riêng vào một quãng đường rất cụ thể: từ lúc một ý tưởng còn là wireframe nguệch ngoạc cho đến lúc nó được ship ra production. Chúng ta sẽ không bàn về cách tuyển designer, không bàn về xây design system (đó là việc của design lead), cũng không lấn sang chuyện làm việc với engineering hay thuyết trình roadmap — những bài khác đã lo. Ở đây, mục tiêu của bạn là học cách trở thành một PM mà designer muốn làm việc cùng.

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

Designer mindset — họ thực sự quan tâm điều gì

Trước khi nói về quy trình, bạn phải hiểu thế giới quan của người ngồi đối diện. Designer giỏi quan tâm đến những "nuance" — những sắc thái tinh tế của trải nghiệm người dùng mà PM thường lướt qua. Khoảng cách 4px giữa hai nút, độ trễ của một animation, thứ tự thông tin trên một màn hình, cảm giác "nặng tay" khi điền một form 9 trường — với designer đây không phải chuyện vặt thẩm mỹ, mà là chất lượng sản phẩm. Khi bạn gạt phăng những điều này bằng câu "thôi cứ để vậy đi cho kịp sprint", bạn đang nói với họ rằng công việc của họ không quan trọng.

Điều khiến designer bức xúc nhất — và bạn cần khắc cốt ghi tâm — là khi PM mang đến cho họ một "solution" thay vì một "problem". Hãy phân biệt hai câu sau:

  • PM mang solution: "Em vẽ giúp anh cái màn hình có dropdown chọn tỉnh thành, rồi nút Tiếp tục màu cam ở dưới nhé."
  • PM mang problem: "Người dùng đang bỏ ngang ở bước nhập địa chỉ giao hàng, tỉ lệ rớt 38%. Em nghĩ mình nên giúp họ điền nhanh và ít sai hơn. Anh thử nghĩ cách giải xem sao?"
Câu thứ nhất biến designer thành "thợ vẽ theo yêu cầu" (pixel pusher). Câu thứ hai mời họ vào đúng vai trò mà họ được đào tạo: người giải quyết vấn đề bằng thiết kế. Designer có thể đề xuất autofill từ vị trí GPS, gợi ý địa chỉ kiểu Google, hoặc tách form thành nhiều bước — những giải pháp mà bạn, một PM, có khi không nghĩ ra.

Mặt khác, designer cũng rất tôn trọng một PM dám và biết cách bảo vệ quyết định thiết kế. Nghe có vẻ mâu thuẫn, nhưng không. Ý là: khi sếp lớn hoặc sales gây áp lực đòi nhét thêm banner quảng cáo vào màn hình onboarding, một PM tốt sẽ đứng ra giải thích vì sao điều đó làm hỏng trải nghiệm và đề xuất phương án khác — thay vì im lặng để designer tự chống đỡ. PM trở thành lá chắn, không phải kẻ chuyển tiếp áp lực.

Ba nguyên tắc nền

Có ba nguyên tắc mà tôi muốn bạn ghi nhớ suốt quãng wireframe-tới-ship:

  • Mang vấn đề kèm context, không mang bản vẽ. Việc của bạn là làm rõ "tại sao", "cho ai", "đo bằng gì". Việc "trông như thế nào" là sân của designer.
  • Phản hồi vào kết quả, đừng phản hồi vào sở thích. Thay vì "anh không thích màu này", hãy nói "nút primary này đang chìm so với nút phụ, anh sợ người dùng không thấy được hành động chính".
  • Đồng hành sớm và liên tục, đừng review một lần ở phút chót. Designer ghét nhất là làm xong xuôi 2 tuần rồi PM mới xuất hiện và lật ngược tất cả.

Tình huống thực tế

Tình huống 1 — PM mang "bản vẽ" tại một ví điện tử

Minh, một bạn vừa chuyển từ vị trí business analyst sang APM tại một ví điện tử lớn ở TP.HCM, được giao cải thiện luồng nạp tiền. Background BA khiến Minh quen với việc viết spec cực chi tiết. Bạn ấy mở Figma, tự kéo thả khung, rồi gửi cho designer kèm lời nhắn: "Chị làm theo cái này nhé, em vẽ gần xong rồi, chị chỉ cần làm đẹp lại."

Designer — vốn có 6 năm kinh nghiệm — phản hồi lịch sự nhưng nguội lạnh, và từ đó chỉ làm đúng những gì Minh "đặt hàng", không hơn. Sản phẩm ship ra đúng deadline nhưng tỉ lệ hoàn tất giao dịch chỉ nhích 2%. Khi product lead hỏi vì sao, designer thẳng thắn: "Em không được mời vào bài toán, em chỉ được giao bản vẽ. Nếu được bàn từ đầu, chị đã đề xuất ghi nhớ nguồn nạp gần nhất và rút gọn từ 4 bước xuống 2."

Bài học: Khi bạn mang một bản vẽ hoàn chỉnh, bạn đã vô tình khóa luôn không gian sáng tạo và cam kết của designer. Họ làm việc như một cái máy, và bạn nhận về kết quả của một cái máy. Minh sau đó đổi cách: bắt đầu mỗi feature bằng một "brief" một trang nêu vấn đề, người dùng, số liệu và ràng buộc — rồi để designer cùng phác giải pháp. Feature tiếp theo nâng tỉ lệ hoàn tất thêm 11%.

Tình huống 2 — Phản hồi "tôi không thích" tại một startup B2B

Tại một startup SaaS B2B ở Hà Nội (khoảng 30 người), PM tên Trang review thiết kế dashboard mới. Trong buổi review, Trang nói liên tục: "Cái này anh thấy hơi xấu", "đổi xanh thành tím đi", "cảm giác nó trống trống". Designer ngồi nghe, gật đầu, sửa. Ba vòng review, mỗi vòng Trang lại đổi ý theo cảm tính khác nhau. Designer kiệt sức, và chất lượng thì không đi đâu vì không ai biết "tốt" nghĩa là gì.

Vấn đề không phải Trang khó tính, mà là Trang phản hồi vào sở thích cá nhân thay vì mục tiêu của sản phẩm. Một feedback tốt phải neo vào người dùng và kết quả: "Khách hàng của mình là kế toán trưởng, họ cần thấy số dư và cảnh báo quá hạn ngay khi mở dashboard. Hiện cái cảnh báo đang nằm dưới fold, anh lo họ bỏ sót." Câu này cho designer một bài toán rõ ràng để giải, và họ có quyền tự quyết về màu sắc, bố cục.

Sau khi được coach lại, Trang áp dụng một quy ước nhỏ: mỗi feedback phải trả lời được câu "vì người dùng/chỉ số nào?". Nếu không trả lời được, đó là sở thích cá nhân và Trang giữ lại cho riêng mình. Số vòng review trung bình giảm từ hơn 3 xuống còn 1,5.

Tình huống 3 — PM làm lá chắn tại một sàn TMĐT

Ở một sàn thương mại điện tử khu vực Đông Nam Á, team của PM tên Khoa thiết kế lại trang chi tiết sản phẩm. Designer đã nghiên cứu kỹ và quyết định đặt thông tin vận chuyển ngay dưới giá, vì user research cho thấy đây là yếu tố quyết định mua hàng tại Việt Nam và Indonesia. Đến phút chót, một giám đốc thương mại đòi nhét một banner khuyến mãi to đùng vào đúng vị trí đó để "đẩy doanh số campaign".

Đây là khoảnh khắc thử lửa. Khoa không im lặng để designer tự cãi với giám đốc, cũng không răm rắp ép designer sửa. Khoa xin một ngày, dựng nhanh một bản A/B test giả định và trình bày với giám đốc: thông tin vận chuyển ở vị trí đó tương quan với tỉ lệ chuyển đổi cao hơn 7% trong dữ liệu cũ; banner có thể đặt ở một vị trí khác mà vẫn đạt mục tiêu campaign. Giám đốc đồng ý thử nghiệm thay vì áp đặt.

Bài học: Designer ở team này kể lại rằng đó là lúc họ thực sự tin tưởng Khoa. PM bảo vệ quyết định thiết kế không phải bằng cảm tính "design của em đẹp mà", mà bằng dữ liệu và một phương án dung hòa. Đó là kiểu "defend" mà designer tôn trọng.

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

Dưới đây là quy trình từ wireframe tới ship mà bạn có thể áp dụng ngay cho feature tiếp theo.

Bước 1 — Viết Design Brief trước khi mở Figma. Một trang, gồm: vấn đề người dùng đang gặp, đối tượng cụ thể, chỉ số muốn cải thiện (và con số hiện tại), các ràng buộc bắt buộc (kỹ thuật, pháp lý, thời gian), và điều không nằm trong phạm vi lần này. Tuyệt đối không đính kèm bản vẽ giải pháp của bạn ở giai đoạn này.

Bước 2 — Kick-off cùng designer (và một engineer nếu được). Ngồi 30–45 phút để cùng hiểu vấn đề, không phải để giao việc. Hỏi nhiều, áp đặt ít. Để designer hỏi ngược lại bạn — những câu hỏi của họ thường lộ ra lỗ hổng trong hiểu biết của chính bạn về bài toán.

Bước 3 — Review ở mức low-fidelity trước. Khi designer ra wireframe hoặc bản phác, hãy review luồng và logic, đừng bắt bẻ màu sắc, font ở giai đoạn này. Sai về luồng mà sửa lúc đã high-fidelity thì tốn gấp nhiều lần.

Bước 4 — Cho feedback có cấu trúc. Với mỗi điểm: nêu quan sát (tôi thấy gì), tác động (lo ngại cho người dùng/chỉ số nào), rồi để ngỏ giải pháp cho designer. Phân loại rõ đâu là "phải sửa" (chặn ship), đâu là "nên cân nhắc", đâu là "ý kiến cá nhân, bỏ qua cũng được".

Bước 5 — Chốt high-fidelity và chuẩn bị bàn giao cho dev. Cùng designer rà các trạng thái dễ quên: loading, empty state, lỗi, dữ liệu dài bất thường, tiếng Việt có dấu làm vỡ layout. Đây là lúc PM cực kỳ hữu ích vì bạn nắm các edge case từ phía nghiệp vụ.

Bước 6 — Theo sát trong lúc dev build. Khuyến khích designer tham gia design QA: so sánh bản chạy thật với Figma. Nhiều chi tiết "rớt" trong lúc code, và designer là người phát hiện nhanh nhất.

Bước 7 — Sau khi ship, đóng vòng lặp. Quay lại với chỉ số trong brief, chia sẻ kết quả với designer. Dù tăng hay giảm, việc cho họ thấy tác động thật của thiết kế là cách nuôi dưỡng động lực mạnh nhất.

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

Lỗi: Mang giải pháp đội lốt vấn đề. Câu "em nghĩ mình nên có một cái nút ở đây" nghe như vấn đề nhưng thực ra là giải pháp. Mẹo: trước khi nói, tự hỏi "câu này mô tả điều người dùng cần, hay điều tôi muốn nhìn thấy trên màn hình?".

Lỗi: Review một lần duy nhất ở phút chót. Bạn biến mình thành người "bác bỏ" thay vì "đồng hành". Mẹo: chia nhỏ nhiều checkpoint ngắn, mỗi cái 15 phút, thay vì một buổi review hoành tráng cuối cùng.

Lỗi: Phản hồi mơ hồ kiểu "làm sao cho nó wow hơn". Designer không đọc được suy nghĩ. Mẹo: luôn neo feedback vào người dùng, ngữ cảnh sử dụng hoặc chỉ số.

Lỗi: Đem ý kiến của sếp vào nguyên xi. "Sếp bảo đổi cái này" làm designer mất tinh thần và bạn mất uy tín. Mẹo: dịch ý kiến của sếp thành vấn đề ("Sếp lo người dùng không thấy nút mua"), để designer giải, rồi bạn mang giải pháp tốt nhất quay lại thuyết phục sếp.

Lỗi: Không bảo vệ designer trước áp lực ngoài. Mẹo: hãy coi đó là việc của bạn. Khi có ai đó muốn phá vỡ một quyết định thiết kế có cơ sở, bạn là người đứng ra với dữ liệu và phương án dung hòa.

Mẹo nhỏ về văn hóa Việt Nam: Designer Việt thường ngại nói "không" thẳng với PM, đặc biệt khi PM lớn tuổi hơn hoặc cấp bậc cao hơn. Một cái gật đầu chưa chắc là đồng tình. Hãy chủ động tạo không gian an toàn: "Em cứ phản biện thoải mái, anh đang cần ý kiến thật của em" — và thực sự lắng nghe khi họ phản biện.

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

  • Viết lại brief. Lấy một feature gần nhất bạn từng giao cho designer (hoặc một feature giả định). Viết lại nó thành Design Brief một trang theo Bước 1 — chỉ vấn đề, đối tượng, chỉ số, ràng buộc. Nếu bạn không tránh khỏi việc lén vẽ giải pháp, gạch bỏ và viết lại.
  • Chữa 5 câu feedback. Lấy 5 câu phản hồi "sở thích" sau và viết lại thành phản hồi neo vào người dùng/chỉ số: "màu này xấu", "thêm gì đó cho đỡ trống", "anh không thích font này", "cái này nhìn rối", "làm cho nó hiện đại hơn".
  • Đóng vai lá chắn. Viết kịch bản 5–7 câu cho tình huống: một stakeholder đòi nhét banner vào màn hình checkout, phá vỡ luồng thanh toán mà designer đã thiết kế. Bạn sẽ nói gì để vừa bảo vệ trải nghiệm, vừa không biến stakeholder thành kẻ thù?
  • Phỏng vấn một designer. Nếu đang đi làm, mời một designer cà phê 20 phút và hỏi: "Một PM làm điều gì khiến chị muốn làm việc cùng? Điều gì khiến chị mệt mỏi nhất?" Ghi lại và đối chiếu với bài này.

Tóm tắt

Làm việc với design từ wireframe tới ship không phải là kỹ năng giao việc, mà là kỹ năng cộng tác. Designer quan tâm sâu sắc đến những sắc thái trải nghiệm mà PM dễ xem nhẹ; họ bức xúc khi bị biến thành thợ vẽ vì PM mang "giải pháp" thay vì "vấn đề"; và họ thực sự tôn trọng một PM dám đứng ra bảo vệ quyết định thiết kế bằng lý lẽ và dữ liệu. Ba việc cụ thể bạn nên làm ngay: (1) mở đầu mọi feature bằng một brief nêu vấn đề chứ không phải bản vẽ; (2) phản hồi neo vào người dùng và chỉ số, phân loại rõ mức độ; và (3) trở thành lá chắn trước áp lực ngoài thay vì người chuyển tiếp áp lực. Khi designer tin bạn, chất lượng sản phẩm ship ra — và cả niềm vui làm việc mỗi ngày của bạn — sẽ thay đổi rõ rệt.

Học xong bài này rồi? Tạo tài khoản miễn phí để lưu lại — lần sau vào là biết ngay đang dở ở đâu, và học hết khóa thì có chứng chỉ. Lưu tiến độ của tôi