Cẩm nang · Có nên làm và làm khi nào

Doanh nghiệp đang âm thầm mất tiền vì thiếu hệ thống thiết kế

Chi phí thiếu hệ thống không nằm trong báo cáo tài chính, nhưng nó hiện diện ở mọi sprint, mọi cuộc họp, mọi lần tuyển người mới.

Chốt nhanh

Nếu mỗi sprint đều có cuộc họp thống nhất visual kéo dài hàng giờ, nếu bug UI liên tục xuất hiện vì dùng sai màu hoặc spacing, nếu nhân sự mới mất nhiều tuần mới hiểu được quy tắc giao diện hiện tại, thì doanh nghiệp đang trả chi phí cho sự thiếu hệ thống dù không thấy dòng nào trong sổ sách. Các dấu hiệu này dễ nhận ra nhưng thường bị quy nhầm cho năng lực cá nhân thay vì thiếu nền tảng hỗ trợ. Bước đầu tiên là đo lường: đếm số giờ họp thống nhất visual và số bug UI trong ba sprint gần nhất, rồi nhân với đơn giá giờ nhân sự.

Chi phí thiếu design system (hệ thống thiết kế) là chi phí ẩn: không có dòng nào trong báo cáo tài chính, không có cảnh báo nào trong dashboard, nhưng nó nằm ở mọi chỗ trong vòng lặp làm việc hàng ngày. Vì không nhìn thấy được, nó thường bị bỏ qua hoặc bị quy cho nguyên nhân sai. Bài này giúp Anh Chị nhận diện các dấu hiệu cụ thể, và hiểu tại sao chúng liên quan trực tiếp đến tiền.

Chi phí ẩn hoạt động như nợ tích lũy

Nielsen Norman Group ghi nhận rằng UX debt (nợ trải nghiệm người dùng) làm tăng chi phí sửa lỗi theo thời gian, vì các vấn đề thiết kế bị chôn vùi dưới nhiều lớp tính năng mới, khiến việc sửa sau này tốn kém hơn làm đúng ngay từ đầu. Nguyên tắc này áp dụng hoàn toàn cho design debt (nợ thiết kế), khái niệm được phát triển song song với Technical Debt của Ward Cunningham: nợ tích lũy theo thời gian, mỗi biểu hiện riêng lẻ trông nhỏ, nhưng tổng cộng gây ra chi phí lớn. Khác với nợ kỹ thuật, nợ thiết kế thường không có trong báo cáo kỹ thuật nên khó được ưu tiên xử lý.

Những dấu hiệu trực quan dễ đo được

Anh Chị có thể kiểm tra ngay bằng cách trả lời các câu hỏi sau:

  • Mỗi sprint, team có dành hơn hai giờ họp chỉ để thống nhất màu sắc, khoảng cách, hoặc cách hiển thị nút không?
  • Developer trong team có thói quen copy-paste component (thành phần giao diện) từ file cũ thay vì dùng thư viện chung không?
  • Trong file Figma hiện tại có nhiều phiên bản của cùng một component, và không ai chắc phiên bản nào là chính thống không?
  • Mỗi sprint có ít nhất một đến hai bug UI có thể truy ngược về dùng sai màu hoặc spacing (khoảng cách) không?

Nếu trả lời có cho từ hai câu trở lên, chi phí ẩn đang chạy đều mỗi tuần.

Những dấu hiệu ngầm khó nhận ra hơn

Một số dấu hiệu không hiện rõ trong sprint log hay bug tracker, nhưng lại tốn kém hơn theo thời gian:

  • Nhân sự mới, cả designer lẫn developer, mất hơn hai tuần mới hiểu được quy tắc UI hiện tại vì quy tắc đó chủ yếu tồn tại trong đầu người cũ.
  • Mỗi lần thuê agency ngoài làm banner hoặc landing page, kết quả visual bị khác sản phẩm chính, và team phải mất thêm vòng chỉnh sửa để kéo lại.
  • Khi có yêu cầu kiểm tra WCAG (tiêu chuẩn tiếp cận web) hoặc brand audit (kiểm tra nhận diện thương hiệu), không ai biết bắt đầu rà soát từ đâu vì không có tài liệu chuẩn.

Baymard Institute ghi nhận rằng sự không nhất quán trong giao diện làm tăng cognitive load (tải nhận thức) của người dùng và có thể ảnh hưởng đến niềm tin. Điều này có nghĩa là thiệt hại không chỉ nằm ở nội bộ: khách hàng cuối cũng cảm nhận được sự lộn xộn, dù họ không đặt tên cho nó.

Lỗi hệ thống hay lỗi cá nhân? Cách phân biệt nhanh: hỏi "Nếu thay người này bằng người khác có năng lực tương đương, lỗi có còn xảy ra không?" Nếu có, vấn đề nằm ở hệ thống vì không có nguồn chân lý chung để tham chiếu. Lỗi cá nhân không tái diễn khi người thực hiện thay đổi. Lỗi hệ thống thì có.

Tại sao những dấu hiệu này thường bị bỏ qua

Có ba lý do phổ biến:

  • Chỉ tính chi phí rõ, bỏ qua chi phí mờ. Tiền lương nhân sự xuất hiện trong bảng lương, nhưng giờ họp thống nhất visual không ai đếm.
  • Quy nhầm nguyên nhân. Khi bug UI xuất hiện, phản xạ tự nhiên là tìm ai sai, không phải hỏi hệ thống đang thiếu gì.
  • Chờ đến khi có audit bên ngoài. Lúc đó chi phí sửa lớn hơn chi phí xây hệ thống từ đầu, vì vấn đề đã chôn vùi dưới nhiều lớp.

Nợ thiết kế tích lũy âm thầm. Mỗi lần bỏ qua một quy tắc không được ghi lại, mỗi lần dùng sai một giá trị màu vì không có nguồn chính thống, chi phí sửa về sau tăng lên. Vấn đề không phải ở con người mà ở việc con người không có công cụ để làm đúng.

Kinh nghiệm thực hành Sinh Vũ, dựa trên khung Technical Debt của Ward Cunningham

Bước đầu tiên: đo trước khi quyết định

Sinh Vũ thường đề nghị khách tự đo chi phí ẩn trước khi bàn đến bất kỳ giải pháp nào. Cách đơn giản nhất:

  • Đếm số bug UI trong ba sprint gần nhất. Truy xem bao nhiêu bug có nguyên nhân là dùng sai màu, spacing, hoặc component không đồng nhất.
  • Ước tính số giờ họp thống nhất visual mỗi tuần, nhân với đơn giá giờ thực tế của nhân sự liên quan.
  • Hỏi nhân sự mới gần nhất: họ mất bao lâu để hiểu được quy tắc UI hiện tại, và họ tự học từ đâu?

Con số ra được từ ba phép tính này thường là căn cứ thuyết phục hơn bất kỳ lý lẽ nào về giá trị dài hạn của hệ thống. Nếu con số nhỏ, thì chưa phải lúc đầu tư lớn. Nếu con số đáng kể, thì câu hỏi không còn là "có nên làm không" mà là "bắt đầu từ đâu".

Nguồn tham khảo

Ward Cunningham, khái niệm Technical Debt (áp dụng tương tự cho design debt). Nielsen Norman Group: UX Debt. Baymard Institute, nghiên cứu UX e-commerce về cognitive load và trust. Kinh nghiệm thực hành Sinh Vũ.

Câu hỏi thường gặp

Chi phí này có thực sự đủ lớn để đầu tư xây hệ thống không?

Câu trả lời phụ thuộc vào con số cụ thể của từng doanh nghiệp, không có mức chung. Sinh Vũ thường đề nghị khách tự tính trước: đếm số giờ họp thống nhất visual mỗi tuần, số bug UI mỗi sprint, thời gian onboarding nhân sự mới, rồi nhân với đơn giá giờ thực tế. Con số ra được thường khiến nhiều khách ngạc nhiên và trở thành căn cứ quyết định rõ ràng hơn bất kỳ pitch nào.

Nếu team nhỏ, vài người, có cần lo những dấu hiệu này không?

Team nhỏ thường không thấy vấn đề vì mọi người đang giữ quy tắc trong đầu, không cần viết ra. Rủi ro xuất hiện khi team lớn thêm, hoặc khi cần thuê agency ngoài làm banner hay landing page. Lúc đó khoảng cách visual giữa sản phẩm gốc và sản phẩm bên ngoài lộ rõ, và chi phí sửa lớn hơn chi phí xây hệ thống từ đầu khi team còn nhỏ.

Làm sao phân biệt được đây là lỗi của designer hay developer, hay là lỗi của hệ thống?

Cách nhanh nhất là hỏi: 'Nếu tôi thay người này bằng một người khác có năng lực tương đương, lỗi có còn xảy ra không?' Nếu câu trả lời là có, thì vấn đề nằm ở hệ thống, không phải cá nhân. Lỗi hệ thống tái diễn bất kể ai làm vì không có nguồn chân lý chung (single source of truth) để tham chiếu.

← Về Hệ thiết kế số
{INJ}