Chuyên môn · Có nên làm và làm khi nào

Design system tốn bao nhiêu và bao lâu hoàn vốn

Câu hỏi nghe đơn giản nhưng câu trả lời thay đổi hoàn toàn tùy phạm vi và cách đội vận hành, nên Sinh Vũ sẽ cho Anh Chị khung để tự ước lượng thay vì một con số cố định.

Chốt nhanh

Chi phí của một design system (hệ thống thiết kế) phụ thuộc chủ yếu vào ba thứ: số lượng thành phần cần làm, số nền tảng phải phủ và mức độ quản trị Anh Chị muốn. Hoàn vốn không đến từ doanh thu mới mà đến từ chi phí không phải trả nữa: không còn dựng lại cùng một nút bấm ở mỗi đội, không còn mất thời gian sửa lệch giao diện mỗi lần ra tính năng. Vì thế kỳ vọng hoàn vốn phụ thuộc vào việc đội có thật sự dùng hệ thống hay không, dùng ít thì gần như không hoàn vốn dù bỏ tiền làm kỹ đến đâu.

Đối sánh nhanh
Nên chọn hướng này khi
  • ngân sách hạn chế, chỉ cần chuẩn hóa gốc token trước
  • nhiều đội cùng dùng, phần tiết kiệm nhân lên đủ để hoàn vốn
  • tỉ lệ áp dụng thật cao thì hoàn vốn nhanh hơn
Chưa cần khi
  • tỉ lệ áp dụng thấp, hệ ít dùng thì gần như không hoàn vốn
  • coi đây là chi phí một lần, bỏ quên khoản duy trì

Khi khách hỏi "làm design system tốn bao nhiêu", câu trả lời trung thực nhất là: không có một con số chung. Không phải Sinh Vũ né tránh, mà vì phạm vi quyết định chi phí hoàn toàn, và phạm vi của mỗi doanh nghiệp khác nhau. Điều Sinh Vũ có thể làm là cho Anh Chị khung tư duy để ước lượng đúng, thay vì một con số nghe có vẻ chắc nhưng không sát thực tế.

Ba thứ quyết định chi phí

Phạm vi là yếu tố lớn nhất. Phạm vi bao gồm ba chiều:

  • Số lượng component (thành phần giao diện): Càng nhiều thành phần cần làm và tài liệu hóa, chi phí càng tăng tuyến tính.
  • Số nền tảng phải phủ: Chỉ web, hay cả web và ứng dụng di động, hay thêm cả tài liệu in ấn thương hiệu. Mỗi nền tảng bổ sung tốn công thiết kế và viết mã riêng.
  • Mức độ quản trị: Chỉ chuẩn hóa token (đơn vị thiết kế cơ bản: màu sắc, kiểu chữ, khoảng cách) là mức gọn nhất. Hệ đầy đủ có thêm quy trình duyệt thay đổi, changelog (nhật ký cập nhật) và tài liệu sử dụng cho đội, đòi hỏi nhiều hơn đáng kể.

Ngoài ba chiều này, còn có chi phí bảo trì hàng năm, thường tính theo phần trăm phí dự án ban đầu. Đây là khoản hay bị bỏ ra ngoài ngân sách và là nguyên nhân phổ biến khiến hệ thống xuống cấp sau khi bàn giao.

Thời gian thực hiện trông đợi

Dựa trên khung dịch vụ của Sinh Vũ, một dự án design system từ giai đoạn kiểm tra hiện trạng đến bàn giao đầy đủ thường mất từ bốn đến sáu tháng. Con số này áp dụng cho phạm vi trung bình gồm đủ sáu hạng mục bàn giao cốt lõi. Phạm vi hẹp hơn rút ngắn được, phạm vi rộng hơn hoặc nhiều nền tảng hơn kéo dài thêm.

Đây là khung kế hoạch ban đầu, không phải số đo rút ra từ hàng chục dự án đã hoàn thành, nên sẽ hiệu chỉnh theo thực tế của từng khách sau khi xác định phạm vi cụ thể.

Hoàn vốn đến từ đâu

Đây là phần nhiều doanh nghiệp hiểu sai nhất. Hoàn vốn của design system không đến từ một khoản doanh thu mới. Nó đến từ chi phí không còn phải trả nữa.

Giá trị kinh tế của hệ thống nằm ở chỗ dựng một thành phần một lần thật tốt thay vì trả tiền dựng lại nó ở từng đội. Chi phí của một nút bấm nhân lên qua nhiều sản phẩm mới là con số cần so sánh.

Nathan Curtis, EightShapes

Nói cụ thể hơn: nếu mỗi đội sản phẩm đang tự dựng nút bấm, form nhập liệu, thanh điều hướng theo cách riêng, thì tổng thời gian lãng phí cộng lại mới là "chi phí ẩn" mà Anh Chị đang trả mà không thấy. Design system chuyển khoản đó thành thời gian tiết kiệm được mỗi sprint (chu kỳ phát triển sản phẩm).

Hướng gọn: Đầu tư ở mức token và quy tắc cốt lõi, phù hợp khi ngân sách hạn chế hoặc đội nhỏ dùng một nền tảng. Tiết kiệm có nhưng nhỏ hơn, hoàn vốn chậm hơn.

Hướng đầy đủ: Đầu tư hệ component đầy đủ kèm tài liệu và quản trị, phù hợp khi nhiều đội cùng dùng. Phần tiết kiệm nhân lên theo số đội, hoàn vốn hợp lý hơn rõ rệt.

Lỗi thường gặp khi tính toán

  • Xem đây là chi phí một lần: Bỏ quên khoản bảo trì hàng năm khiến hệ thống lạc hậu, đội ngừng dùng và vốn đã bỏ gần như mất trắng.
  • Đòi một con số hoàn vốn cố định: Con số đó phụ thuộc vào quy mô đội và tỉ lệ áp dụng thật. Hai doanh nghiệp cùng phạm vi nhưng khác tỉ lệ áp dụng sẽ có thời gian hoàn vốn hoàn toàn khác nhau.
  • Quên tính chi phí ẩn đang trả: Khi không thấy khoản đang mất do thiếu hệ thống, người ta tưởng làm hệ là "tốn thêm" trong khi thực ra đang chuyển chi phí từ nơi ẩn sang nơi thấy được.

Góc nhìn của Sinh Vũ

Sinh Vũ không hứa một con số hoàn vốn cụ thể với Anh Chị. Không phải vì không muốn minh bạch, mà vì con số đó phụ thuộc vào việc đội Anh Chị có thật sự dùng hệ thống hay không. Hệ ít dùng thì gần như không hoàn vốn, dù được làm kỹ đến đâu.

Vì thế, Sinh Vũ tập trung vào hai việc thực tế hơn: thứ nhất, báo giá theo phạm vi với ba mức để Anh Chị chọn đúng chỗ mình cần, không mua quá tay cũng không thiếu tầm; thứ hai, tạo điều kiện áp dụng thật qua pairing (làm song song cùng đội) và tài liệu sử dụng, vì đó mới là thứ quyết định hệ có hoàn vốn hay không. Khoản bảo trì hàng năm Sinh Vũ đề xuất là tùy chọn, không ràng buộc, nhưng thiếu nó thì hệ thống sẽ loãng dần và Anh Chị sẽ phải làm lại từ đầu sau vài năm.

Công cụ mang về

Checklist quyết định

Chủ đề: Chi phí, thời gian và hoàn vốn khi làm design system. Cẩm nang Sinh Vũ, sinhvu.com

0 trên 7 mục

Bấm chọn từng mục Anh / Chị thấy đúng, rồi bấm in hoặc lưu thành PDF để mang theo.

Dấu hiệu cho thấy Anh / Chị nên làm
Câu hỏi cần trả lời trước khi quyết định

Nếu Anh / Chị đánh dấu phần lớn ở nhóm dấu hiệu trên, đây là lúc nên trao đổi kỹ hơn. Sinh Vũ có thể cùng Anh / Chị soi lại và đề xuất hướng đi.

Nguồn tham khảo

Nathan Curtis, EightShapes Design Systems, các bài viết về kinh tế học hệ thống thiết kế. Sinh Vũ, tài liệu dịch vụ A3 (phạm vi, ba mức, khoản bảo trì hàng năm).

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

Sinh Vũ có thể cho một con số cố định để tôi đưa lên ngân sách không?

Sinh Vũ không thể đưa một con số trung bình thị trường vì nó không trung thực. Phạm vi thay đổi thì giá thay đổi hoàn toàn, một hệ chỉ chuẩn hóa token màu sắc khác hẳn một hệ có đủ component, tài liệu và quy trình duyệt thay đổi. Cách đúng là ngồi xác định phạm vi trước, từ đó mới có ước lượng thật.

Tôi có cần tính ngân sách bảo trì không hay làm xong là xong?

Cần, và đây là khoản hay bị bỏ quên nhất. Một hệ không được bảo trì sẽ lạc hậu so với sản phẩm thật sau vài tháng, lúc đó đội ngừng dùng và vốn bỏ ra gần như mất trắng. Sinh Vũ đề xuất tính khoản bảo trì hàng năm theo phần trăm phí dự án ngay từ khi lập kế hoạch, đây là khoản tùy chọn nhưng cần thiết để hệ không loãng dần.

Nếu đội tôi nhỏ, làm design system có hoàn vốn không?

Phụ thuộc vào mức đầu tư và tỉ lệ áp dụng. Đội nhỏ mà chỉ dùng một nền tảng, bắt đầu ở mức token và quy tắc cốt lõi sẽ hợp lý hơn là đầu tư hệ đầy đủ ngay. Phần tiết kiệm vẫn có nhưng nhỏ hơn, hoàn vốn chậm hơn và cần thật sự kỷ luật trong việc áp dụng.

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