Design system không nhất thiết là tài liệu đồ sộ do một đội ngũ lớn quản lý. Với website nhỏ, đó có thể là bộ quyết định ngắn gọn để cùng một vấn đề không bị giải quyết khác nhau trên từng trang. Câu hỏi hữu ích là sự nhất quán có giúp tiết kiệm công sức và hỗ trợ người dùng hay không.
Bắt đầu từ những quyết định lặp lại
Tìm những yếu tố xuất hiện nhiều lần: nút bấm, tiêu đề, biểu mẫu, khoảng cách, chiều rộng trang và điều hướng. Thống nhất cách xử lý chúng trước khi trau chuốt từng trang riêng lẻ. Một vài quy tắc dùng chung giúp những thay đổi sau này ít rủi ro hơn.
Ví dụ, nếu hành động chính màu xanh ở trang này, màu đen ở trang khác và chỉ là liên kết ở trang thứ ba, khách phải học lại giao diện. Sự khác biệt có thể có lý do tốt, nhưng cần được chủ động quyết định.
Quy định cả hành vi, không chỉ hình thức
Nút bấm không chỉ là hình chữ nhật với nhãn. Cần xác định trạng thái focus, đang tải, vô hiệu hóa và sau khi xảy ra lỗi. Trường nhập cần nhãn, hướng dẫn khi cần và phản hồi giúp người dùng sửa sai.
Những hành vi này phải hoạt động với nhiều cách tương tác. Hiệu ứng rê chuột đẹp không thay thế trạng thái focus bằng bàn phím. Thành phần tái sử dụng nên mặc định hỗ trợ khả năng tiếp cận.
Đưa nội dung vào hệ thống
Đặt quy ước đơn giản cho tiêu đề, nhãn hành động, ngày, giá và thông báo lỗi. Chọn cách viết dễ hiểu khi người dùng đang vội. Cùng một loại hành động nên có tên nhất quán trên toàn website.
Nếu có nhiều ngôn ngữ, thử nhãn dài trước khi chốt bố cục. Nút hay thẻ linh hoạt hữu ích hơn thành phần chỉ vừa một câu. Làm rõ phần nào có thể thay đổi và phần nào cần giữ thống nhất.
Giữ hệ thống đủ gọn để dùng
Bắt đầu từ những thành phần website thực sự cần. Chỉ thêm mẫu mới khi có trang thực tế yêu cầu và ghi lại lý do. Một thư viện hàng chục biến thể không dùng đến có thể tạo thêm quyết định thay vì giảm bớt.
Kết quả có thể chỉ là một trang tham chiếu và vài thành phần trong mã nguồn. Như vậy đã đủ nếu người tiếp theo thêm trang mà không phải đoán. Giá trị của hệ thống đến từ việc dùng hằng ngày, không phải độ dài bài trình bày.
Trước khi bắt đầu
- Xác định yếu tố lặp lại trước khi tạo mới.
- Quy định trạng thái tải, lỗi, focus và vô hiệu hóa.
- Ghi lại một vài quy ước nội dung rõ ràng.
- Mở rộng khi có nhu cầu thực tế.