Dùng chung mã nguồn không đồng nghĩa dùng chung một thiết kế. Câu hỏi là Anh / Chị tách phần riêng bằng cách nào mà không tạo ra nhiều hệ song song.
Nên tổ chức token (đơn vị biến số thiết kế) theo ba tầng: một lõi dùng chung cho cả tập đoàn, còn mỗi thương hiệu chỉ ghi đè tầng chủ đề (theme) của mình. Về con người, nên bắt đầu bằng một đội tập trung. Khi từng thương hiệu đã có đội đủ mạnh để đóng góp ngược lại, hãy chuyển dần sang mô hình liên bang (federated), tức mỗi thương hiệu cùng góp tay giữ hệ. Ở quy mô này, hệ cần quản trị (governance) chính thức, tức quy định ai được sửa gì và ai duyệt, chứ không chỉ là một thư viện component (thành phần giao diện) đặt chung trên máy chủ.
Khi tập đoàn có nhiều thương hiệu cùng dùng chung một mã nguồn, câu hỏi không phải là "dùng chung được không" mà là "tách phần riêng bằng cách nào để hai năm sau hệ vẫn còn nhất quán". Nếu không có kiến trúc và quản trị rõ ràng ngay từ đầu, gần như chắc chắn mỗi đội sẽ tự xử theo cách riêng. Khi đó hệ dùng chung chỉ còn trên giấy.
Nền tảng của mọi design system (hệ thiết kế) phục vụ nhiều thương hiệu là token (đơn vị biến số thiết kế như màu sắc, khoảng cách, cỡ chữ) được phân thành ba tầng rõ ràng:
Nguyên tắc đặt tên token cũng cần có tầng vùng tên (namespace) để phân biệt: hệ nào, thương hiệu nào, miền nào. Không làm bước này, sau vài tháng token của thương hiệu này bị thương hiệu kia ghi đè mà không ai hay.
Trong thực tế, hầu hết tập đoàn nên bắt đầu bằng mô hình tập trung, rồi chuyển dần sang liên bang khi từng thương hiệu đã hiểu hệ và có người có thể đóng góp có trách nhiệm.
Ở quy mô nhiều thương hiệu, design system không còn là vấn đề kỹ thuật thuần tuý. Hai thứ tối thiểu cần có:
Một design system không có quản trị là một thư viện component đang chờ phân rã.
Nathan Curtis, EightShapes
Về triển khai, cách chắc tay là chọn một sản phẩm điểm mẫu chuyển sang hệ trước, kiểm chứng kiến trúc trong thực tế, rồi mới mở rộng sang các thương hiệu còn lại. Cách này giúp phát hiện vấn đề sớm thay vì triển khai ồ ạt rồi mới biết thiếu sót.
Hệ có thể xây rất tốt, nhưng nếu không có người chịu trách nhiệm duy trì và cập nhật theo thời gian thì dần dần sẽ không còn ai dùng. Ở quy mô tập đoàn, việc điều phối giữa các đội quan trọng ngang với phần kỹ thuật. Anh / Chị nên cân nhắc kỹ cơ cấu đội và nguồn lực bảo trì trước khi chốt phạm vi dự án.
Chủ đề: Tập đoàn nhiều thương hiệu dùng chung một thư viện giao diện thế nào. Cẩm nang Sinh Vũ, sinhvu.com
Bấm chọn từng mục Anh / Chị thấy đúng hoặc đã trả lời được, rồi bấm Tải bản gửi nhanh để gửi đi, hoặc bấm In nếu cần bản giấy.
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.
Brad Frost, The Many Faces of Themeable Design Systems. Nathan Curtis, Team Models for Scaling a Design System và Consolidating Design Systems (EightShapes). Kinh nghiệm thực hành Sinh Vũ Studio.
Fork nghe có vẻ nhanh nhưng sau vài quý mỗi nhánh đi một hướng, sửa lỗi bảo mật hay cập nhật nền tảng phải làm lại nhiều lần. Quan trọng hơn, nhận diện thương hiệu bắt đầu trôi dạt mà không ai biết cho đến khi khách hàng nhận ra sự không nhất quán. Kiến trúc token ba tầng sinh ra đúng để giải quyết bài toán này: phần chung chỉ sửa một lần, phần riêng của từng thương hiệu được tách sạch.
Tối thiểu cần hai thứ: quy trình RFC (Request for Comment, tức đề xuất thay đổi có người duyệt) để không ai tự ý sửa lõi chung mà không thông báo, và bộ chỉ số đo mức áp dụng (adoption) để biết đội nào đang âm thầm bỏ hệ ra làm tay. Cả hai cần một người giữ chuẩn có tên và có thời gian dành cho việc này, vì thiếu người chịu trách nhiệm thì hệ tốt đến đâu cũng dần xuống cấp.
Nếu các hệ hiện tại đang chồng lấn, tức là component cùng chức năng xuất hiện ở nhiều nơi với tên và hành vi khác nhau, thì hợp nhất (consolidate) thường rẻ hơn xây mới. Cách làm là kiểm kê toàn bộ component hiện có, gom những phần đã ổn định vào lõi, rồi dần loại bỏ các bản song song. Xây mới chỉ hợp lý khi hệ cũ mang nợ kỹ thuật (phần làm vội để lại, càng để lâu càng tốn công sửa) nặng đến mức gom lại còn tốn hơn làm lại.
Bài viết là thông tin tham khảo. Phạm vi, giá và cam kết cụ thể của Sinh Vũ ghi trong hồ sơ đề xuất và hợp đồng đã ký.