Tổng quan
Chip là các phần tử nhỏ gọn, có tính tương tác, cho phép người dùng lọc nội dung bên dưới hoặc kích hoạt các thao tác nhanh. Các thành phần nhỏ gọn giúp đơn giản hoá việc hoàn thành nhiệm vụ khi đang di chuyển bằng cách trình bày các lựa chọn theo bối cảnh liên quan đến nội dung và rút ngắn thời gian duyệt xem.
Để duy trì độ rõ nét về hình ảnh, bố cục chỉ nên có tối đa 7 thẻ mỗi hàng. Các khối này có tính linh hoạt cao để phù hợp với ngôn ngữ hình ảnh của thương hiệu. Bạn có thể tuỳ chỉnh hình dạng, màu nền và màu đường viền theo giao diện người dùng đã chọn.
Các khối có thể chứa:
- Chỉ biểu tượng
- Chỉ nhãn văn bản
- Cả biểu tượng và nhãn (theo một trong hai hướng)
Bản sáng tác
1. Biểu tượng hoặc hình ảnh hàng đầu
2. Văn bản nhãn
Yêu cầu về trải nghiệm người dùng
Để đảm bảo trải nghiệm an toàn và nhất quán trên tất cả các ứng dụng, hãy tuân thủ các yêu cầu sau về thiết kế:
Cấp độ yêu cầu |
Nội dung |
|---|---|
MUST |
Bao gồm biểu tượng hoặc nhãn. |
NÊN |
Sử dụng một kiểu trực quan riêng biệt, chẳng hạn như màu sắc hoặc hình dạng riêng biệt, để truyền đạt các trạng thái khác nhau của khối. |
NÊN |
Triển khai kiểu nhất quán trên tất cả các khối thông tin trong ứng dụng của bạn. |
NÊN |
Tránh kết hợp các chip có trạng thái và không có trạng thái trong cùng một nhóm thành phần. |
NÊN |
Đặt các chip quan trọng hoặc được đề xuất ở cạnh đầu của vùng chứa. |
NÊN |
Giữ cho văn bản nhãn ngắn gọn và mang tính mô tả. Tránh dùng văn bản dài gây ra tình trạng cắt bớt và làm tăng gánh nặng nhận thức. |