Chuyên môn
Chuyên môn thư viện giao diện dùng chung
Làm sao đồng bộ thiết kế và mã lập trình để không lệch. Các bài tra cứu có dẫn chứng để Anh / Chị quyết đúng trước khi bắt đầu.
01
Có nên làm và làm khi nào
Đã cần một hệ thiết kế số chưa, đầu tư lúc nào là đúng.
8 bài- Khi nào doanh nghiệp thật sự cần thư viện giao diện dùng chungHệ thiết kế số không phải thứ doanh nghiệp nào cũng cần ngay.
- Đã có sổ tay thương hiệu rồi còn cần thư viện giao diện khôngBộ quy chuẩn nhận diện và hệ thiết kế số giải hai bài toán khác nhau.
- Có mấy web, mấy ứng dụng thì mới đáng làm thư viện giao diệnKhông có ngưỡng người dùng cố định để đầu tư thư viện giao diện.
- Đội kỹ thuật cần bao nhiêu người để thư viện giao diện không bị bỏ xóVấn đề không phải số người mà là có ai được giao nuôi hệ thống hay không.
- Nên làm thư viện giao diện sớm hay chờ sản phẩm ổn địnhLàm hệ thống thiết kế quá sớm có thể khoá cứng những quyết định chưa nên khoá.
- Làm thư viện giao diện tốn bao nhiêu, bao lâu, khi nào hoàn vốnKhông có một con số chung cho thư viện giao diện.
- Dấu hiệu doanh nghiệp đang mất tiền vì thiếu hệ thống thiết kếChi phí thiếu hệ thống không hiện thành hoá đơn.
- Khi nào chưa nên làm hệ thiết kế sốHệ thiết kế số không phải lúc nào cũng là bước đúng tiếp theo.
02
Chọn phạm vi làm gì trước
Làm rộng tới đâu, bắt đầu từ phần nào trước.
7 bài- Làm thư viện giao diện trọn gói một lần hay chia từng đợt nhỏChọn làm thư viện giao diện một lần hay nhiều đợt ảnh hưởng trực tiếp đến tỉ lệ đội thật sự dùng.
- Thư viện giao diện: làm bảng màu, chữ trước hay làm các khối trướcKhi xây dựng thư viện giao diện, nhiều doanh nghiệp phân vân nên làm token (bảng biến màu, chữ, khoảng cách) trước hay dựng thư viện khối giao diện ngay.
- Thư viện giao diện cần bao nhiêu khối (nút, ô nhập, thẻ) là đủSố khối giao diện nhiều không đồng nghĩa với hệ thiết kế tốt.
- Có cần bộ mẫu màn hình dựng sẵn trong thư viện giao diện khôngBộ mẫu màn hình dựng sẵn giúp đội giải những tình huống giao diện phức tạp lặp lại mà không cần nghĩ lại từ đầu.
- Giao diện cần dễ dùng cho người khuyết tật tới mức nào, tuỳ ngànhHầu hết ngành chỉ cần nhắm WCAG 2.2 (chuẩn quốc tế về giao diện dễ dùng cho mọi người) mức AA.
- Có nên thử thư viện giao diện trên một sản phẩm trước rồi mới nhân rộngKhi bắt đầu triển khai thư viện giao diện, nhiều doanh nghiệp muốn làm nhanh, áp dụng cùng lúc cho toàn bộ sản phẩm.
- Tài liệu thư viện giao diện: trang bấm thử được hay tệp tĩnh là đủKhi nào cần tài liệu tương tác kiểu Storybook, khi nào tệp tĩnh là đủ.
03
Nền tảng token và đa nền tảng
Một nguồn chuẩn cho màu, chữ, khoảng cách dùng chung trên web và ứng dụng.
7 bài- Token thiết kế (bảng biến màu, chữ, khoảng cách) là gì, vì sao quyết định tất cảToken thiết kế là quyết định thiết kế được đặt tên và lưu thành dữ liệu.
- Chuẩn chung để lưu màu, chữ, khoảng cách (DTCG) là gì, vì sao nên theoGiải thích định dạng token chuẩn của W3C (tổ chức đặt chuẩn cho web), khi nào cần theo và lỗi phổ biến khi áp dụng vào dự án thực tế.
- Sáng tối và đa thương hiệu: tính từ đầu hay bổ sung sau?Việc đặt token (giá trị màu, cỡ chữ, khoảng cách dùng chung) theo công dụng ngay từ đầu hay để sau sẽ ảnh hưởng trực tiếp đến chi phí mở rộng thư viện giao diện.
- Thư viện giao diện chỉ cho web hay cho cả ứng dụng iOS và AndroidQuyết định phạm vi nền tảng cho thư viện giao diện: khi nào chỉ cần web, khi nào nên mở rộng sang iOS và Android, và chi phí thực sự là bao nhiêu.
- Thư viện giao diện có hợp với công nghệ đội Anh / Chị đang dùng khôngToken dùng được với mọi công nghệ, còn khối giao diện được viết theo công nghệ đội đang dùng.
- Chuyển giao diện cũ sang thư viện mới mà không phải làm lại từ đầuHướng dẫn thực hành chuyển dần từ giao diện cũ sang thư viện giao diện mới theo lối thay thế tăng dần, không dừng sản phẩm, không đập đi làm lại.
- Có cần nối bản vẽ Figma với mã chạy thật khôngFigma Code Connect giúp Dev Mode (chế độ dành cho lập trình viên trong Figma) hiện mã khối giao diện thật thay vì mã tự sinh.
04
Tự làm, thuê hay bàn giao cho đội
Tự xây hay thuê, dùng nền có sẵn hay làm riêng, đội tự vận hành sau bàn giao.
7 bài- Tự làm thư viện giao diện hay thuê studio làmKhi nào nên tự xây thư viện giao diện trong nhà, khi nào nên thuê studio bên ngoài, và vì sao kết hợp cả hai thường bền nhất.
- Dùng thư viện giao diện có sẵn hay làm riêng từ đầuKhi nào nên đứng trên nền mở như Material hay Carbon, khi nào nên tự dựng từ gốc.
- Làm sao để đội tự giữ thư viện giao diện sau khi bàn giaoBàn giao thư viện giao diện thành công không đo bằng buổi ra mắt, mà đo bằng việc đội Anh / Chị có tự dùng và tự mở rộng được không.
- Trong công ty, ai nên giữ thư viện giao diệnHệ thống thiết kế cần có chủ rõ ràng, không thể là của chung.
- Đo xem các đội có thật sự dùng thư viện giao diện khôngHầu hết đội đo sai: họ đếm khối giao diện có sẵn thay vì đo bao nhiêu sản phẩm thật sự dùng hệ để ra mắt tính năng.
- Vì sao đội lặng lẽ bỏ thư viện giao diện để làm tay, và cách chặnKhi dùng đúng hệ tốn công hơn tự chế, đội sẽ tự chế.
- Cần bao nhiêu buổi kèm đội kỹ thuật để họ dùng được thư viện giao diệnKhông có con số cố định, nhưng kèm cặp là phần lõi quyết định hệ được dùng hay bị bỏ xó.
05
Quản trị và vận hành lâu dài
Giữ hệ sống sau khi ra mắt: duyệt thay đổi, đánh phiên bản.
7 bài- Làm sao để hệ thống không loãng dần theo thời gianHệ thiết kế không tự sống được.
- Ai đề xuất, ai duyệt khi muốn sửa thư viện giao diệnGiải thích RFC (quy trình đề xuất và lấy ý kiến) trong thư viện giao diện, khi nào cần áp dụng và cách chọn mức nặng nhẹ phù hợp quy mô đội.
- Ai quyết chuyện thư viện giao diện: một nhóm chung hay mỗi đội một phầnTập trung (một nhóm lo chung), liên bang (mỗi đội tự lo phần mình theo chuẩn chung) hay lai (kết hợp cả hai): ba mô hình quản trị thư viện giao diện, mỗi mô hình phù hợp một giai đoạn và quy mô khác nhau.
- Thư viện giao diện: đánh số phiên bản và báo trước thay đổi làm vỡ màn cũHướng dẫn đặt số phiên bản theo chuẩn ngữ nghĩa (quy ước đánh số cho biết mỗi bản cập nhật là thay đổi lớn hay nhỏ). Bài cũng hướng dẫn xử lý thay đổi làm hỏng giao diện đang chạy, kể cả thay đổi chỉ làm lệch hình thức nên dễ bị bỏ qua.
- Khi nào nên thuê đồng hành dài hạn thay vì thuê từng việcHệ thiết kế là sản phẩm sống, không phải dự án giao xong là hết.
- Giữ thư viện giao diện chạy tốt mỗi năm tốn bao nhiêu là hợp lýBảo trì hệ thiết kế là khoản định kỳ phải tính từ đầu, không phải phát sinh.
- Thư viện giao diện: những con số cần xem lại mỗi quýHướng dẫn chọn đúng bộ chỉ số để rà soát sức khoẻ thư viện giao diện mỗi quý: từ sản lượng, độ phủ (phần giao diện đã dùng thư viện), mức áp dụng theo từng đội đến chất lượng thực thi.
06
Nhìn theo từng ngành
Ngân hàng, sàn thương mại, phần mềm: mỗi ngành cần một hệ thiết kế riêng.
6 bài- Công ty bán phần mềm cho doanh nghiệp cần thư viện giao diện tới mức nàoHệ thiết kế số đáng đầu tư bao nhiêu phụ thuộc vào số sản phẩm, quy mô đội, và giai đoạn sản phẩm của Anh / Chị, không phải tham vọng.
- Thư viện giao diện cho ngân hàng và ví điện tử: tuân thủ quy định trướcKhi phải tuân thủ quy định và phục vụ nhiều nhóm khách hàng khác nhau, ngân hàng số và ví điện tử nên xây hệ thiết kế ra sao?
- Sàn và trang web thương mại điện tử ưu tiên gì trong hệ thiết kế sốVới sàn và trang web bán hàng, hệ thiết kế số cần phủ đúng những thành phần giao diện lặp lại nhiều nhất trên đường khách đi từ xem hàng đến thanh toán. Không phải dựng càng nhiều càng tốt.
- Thương hiệu bán thẳng cho khách, chạy chiến dịch liên tục, cần thư viện linh hoạt tới đâuThương hiệu bán thẳng sống bằng chiến dịch liên tục.
- Tập đoàn nhiều thương hiệu dùng chung một thư viện giao diện thế nàoKhi nhiều thương hiệu cùng dùng một mã nguồn, cách tổ chức thư viện giao diện quyết định liệu hệ đó còn nhất quán sau hai năm hay biến thành mớ hỗn độn.
- Khi nào chỉ cần website giới thiệu thay vì hệ thiết kế sốKhông phải doanh nghiệp nào cũng cần hệ thiết kế số.