Trang này được dịch bởi Cloud Translation API.

Các cấp chất lượng của tiện ích

Tiện ích là một thành phần quan trọng để tuỳ chỉnh màn hình chính của người dùng. Thông thường, chỉ báo này có thể giúp người dùng thực hiện một hành trình quan trọng của người dùng cho một ứng dụng chỉ bằng một lần nhấn, hoặc cung cấp thông tin tóm tắt nhanh về các phần dữ liệu quan trọng nhất của ứng dụng. Bạn cũng có thể tuỳ chỉnh các thành phần này cho phù hợp với nhu cầu của người dùng và điều chỉnh theo các lựa chọn ưu tiên cá nhân.

Chất lượng của tiện ích có thể ảnh hưởng đến mức độ tương tác của người dùng với nội dung và tính năng của ứng dụng. Có 3 cấp chất lượng tiện ích chính:

Cấp 3: Chất lượng thấp – không đáp ứng tiêu chuẩn chất lượng tối thiểu và không mang lại trải nghiệm tốt cho người dùng.
Cấp 2: Tiêu chuẩn chất lượng – hữu ích, hữu dụng và mang lại trải nghiệm chất lượng.
Cấp 1: Khác biệt – là các tiện ích mẫu mang đến trải nghiệm nổi bật được cá nhân hoá và giúp người dùng tạo màn hình chính độc đáo và hiệu quả.

Cấp 3: Chất lượng thấp

Một tiện ích được coi là có chất lượng thấp nếu không đáp ứng các tiêu chí về bố cục, màu sắc, tính năng khám phá và nội dung tiêu chuẩn. Để biết thêm thông tin về cách tạo tiện ích chất lượng cao, tuân theo các phương pháp hay nhất, hãy tham khảo các nguyên tắc sau.

Cấp 2 – Tiêu chuẩn chất lượng

Để được coi là có chất lượng tốt, tiện ích phải đáp ứng tất cả các tiêu chí sau đây về Bố cục, Màu sắc, Khám phá và Nội dung:

Bố cục

Tiện ích phải lấp đầy các giới hạn do lưới trình chạy đặt ra khi được thả vào màn hình chính. Bạn có thể đổi kích thước tiện ích thành ít nhất một trong các kích thước sau : 2x2, 4x2 (ô lưới của trình chạy). Để biết thêm thông tin, hãy xem Nguyên tắc về kích thước.
- Tiện ích phải căn chỉnh đúng cách với các thành phần khác trên màn hình chính theo trục dọc hoặc ngang và không chiếm không gian không cần thiết.
- Tiện ích phải chạm vào ít nhất hai cạnh đối diện của lưới. Nói cách khác, các tiện ích không cần phải có hình chữ nhật. Các ô này có thể có hình dạng tuỳ chỉnh, miễn là các cạnh của hình dạng chạm vào ít nhất hai cạnh của lưới.
Nếu có thể đổi kích thước, các tiện ích phải có kích thước tối thiểu hoặc tối đa phù hợp. Bạn có thể đặt kích thước này bằng minWidth, minHeight, maxResizeWidth và maxResizeHeight trong tệp AppWidgetProviderInfo
- Bạn nên đặt kích thước tối đa nếu việc đổi kích thước tiện ích chỉ thêm khoảng trống.
- Bạn nên đặt kích thước tối thiểu dựa trên kích thước tối thiểu mà tiện ích của bạn vẫn cung cấp giá trị và đáp ứng các yêu cầu về đích chạm (48x48).

Nên

Cung cấp đích chạm ở kích thước 48x48 dp.

Không nên

Làm cho đích chạm quá nhỏ.

Màu

Văn bản trong tiện ích và các nút biểu tượng phải có đủ tỷ lệ tương phản để đáp ứng các yêu cầu về hỗ trợ tiếp cận (không bao gồm hình thu nhỏ và hình ảnh).

Nên

Đảm bảo độ tương phản màu vừa đủ.

Không nên

Sử dụng màu có độ tương phản không đủ.

Khám phá

Tiện ích phải có bản xem trước chính xác trong bộ chọn Tiện ích. Bạn có thể đặt giá trị này bằng previewImage và previewLayout trong AppWidgetProviderInfo XML hoặc bằng Bản xem trước được tạo.
- Bản xem trước tiện ích có giao diện nhất quán với chức năng được cung cấp khi được thêm vào màn hình chính.
Video 1: Tiện ích có bản xem trước không chính xác.

Nội dung

Nội dung tiện ích không được luôn cũ hoặc không phù hợp.
- Tiện ích phải cập nhật sau khi người dùng hoàn tất một thao tác trên tiện ích.
- Tiện ích phải cập nhật sau khi người dùng hoàn tất một hành động liên quan trong ứng dụng
Tiện ích phải cho phép người dùng làm mới nội dung theo cách thủ công, nếu có kỳ vọng dữ liệu sẽ làm mới thường xuyên hơn giao diện người dùng.
Giao diện người dùng của tiện ích phải hoạt động được hoặc nội dung sẽ bị cắt bớt.
Tiện ích có trạng thái trống và trống phải có chủ đích và phải cho thấy giá trị của tiện ích hoặc cung cấp một lời kêu gọi hành động khi tiện ích được cài đặt nhưng người dùng chưa đăng nhập.

discovery_tier2 — **Hình 2.** Tiện ích có trạng thái trống có giá trị.

Cấp 1 – Có tính năng đặc trưng

Các tiện ích tốt nhất đáp ứng mọi tiêu chí Cấp 2 cũng như tất cả những tiêu chí sau đây về Bố cục, Màu sắc, Khám phá và Tính gắn kết hệ thống.

Bố cục

Tiện ích lấp đầy các giới hạn và căn chỉnh đúng cách với các phần tử khác trên màn hình chính theo trục dọc hoặc ngang và không chiếm không gian không cần thiết
- Tất cả các hình dạng PHẢI chạm vào cả 4 cạnh của ranh giới lưới

Nên

Yêu cầu tiện ích mở rộng đến cả 4 cạnh của ranh giới lưới.

Không nên

Tạo kích thước tuỳ chỉnh không lấp đầy giới hạn lưới.

Tiện ích hỗ trợ một kích thước ưu tiên
- Bạn có thể đổi kích thước tiện ích thành ít nhất một trong các kích thước sau : 2x2, 4x2
Tiêu đề tiện ích được sử dụng và áp dụng nhất quán
- Bạn nên sử dụng tiêu đề nếu:
  - Bạn muốn cung cấp đường liên kết sâu đến một số chức năng nhất định của ứng dụng như tìm kiếm.
  - Bạn muốn áp dụng một biểu tượng thương hiệu ứng dụng để có thể làm một đường liên kết nhất quán quay lại ứng dụng khi nhấn.
  - Tiện ích chứa nội dung cuộn (danh sách, lưới, v.v.)
  - Nội dung tiêu đề cung cấp bối cảnh hữu ích (tên danh sách việc cần làm)
- Bạn không bắt buộc phải sử dụng tiêu đề khi:
  - Tiện ích là hình ảnh tràn lề (Ảnh)
  - Không gian bị hạn chế (< 2 hàng)
  - Khi nội dung tiêu đề thừa.
- Nếu sử dụng tiêu đề, hãy đáp ứng thông số kỹ thuật của chúng tôi:
  - Biểu tượng, Tiêu đề, Thao tác.
    - Biểu tượng luôn xuất hiện
    - Tiêu đề xuất hiện khi có đủ chỗ trống
    - Thao tác dựa trên ngữ cảnh tiện ích.
  - Chiều cao 48 dp, Khoảng đệm, 14 dp

Nên

Cung cấp tiêu đề đáp ứng thông số kỹ thuật của tiện ích.

Không nên

Sử dụng thông số kỹ thuật tuỳ chỉnh cho kích thước và tiêu đề.

Màu

Tiện ích hỗ trợ bảng màu dựa trên giao diện của hệ thống, màu nội dung hoặc màu thương hiệu.
- Tiện ích này hỗ trợ các bảng màu Chế độ sáng và tối.
- Màu động là một ví dụ về việc tạo giao diện theo ngữ cảnh thiết bị.
- Trích xuất màu cục bộ là một ví dụ về giao diện dựa trên nội dung ứng dụng.
- Màu sắc ngữ nghĩa là một ví dụ về giao diện dựa trên nội dung ứng dụng.

Tiện ích hiển thị giao diện động — **Hình 4.** Các tiện ích có màu động cho hình nền và màu giao diện theo thương hiệu.

Khám phá

Bản xem trước bao gồm nội dung của người dùng hoặc áp dụng giao diện hệ thống (Generated Previews (Bản xem trước được tạo) API hoặc previewLayout trong AppWidgetProviderInfo XML).

Tiện ích có bản xem trước nội dung chung và nội dung do người dùng tạo — **Hình 5.** Các tiện ích có nội dung xem trước chung và nội dung xem trước nội dung của người dùng.

Tiện ích có tên hoặc nội dung mô tả giúp người dùng hiểu được giá trị của tiện ích.
- Tên có độ dài dưới 50 ký tự.
- Tên và nội dung mô tả phải là duy nhất trong ứng dụng. Ví dụ: ứng dụng không được có nhiều tiện ích có cùng tên.

Nên

Thêm nội dung mô tả ngắn gọn và độc đáo.

Không nên

Cung cấp nội dung mô tả chung chung.

Tính nhất quán của hệ thống

Tiện ích hình chữ nhật phải sử dụng bán kính góc do hệ thống cung cấp (riêng cho OEM)

Nên

Sử dụng bán kính góc của hệ thống.

Không nên

Đặt bán kính góc tuỳ chỉnh.

Hiển thị trạng thái đang tải bằng chỉ báo tiến trình (trong initialLayout có màu theo chủ đề hoặc tương đương với thương hiệu).

Sử dụng cấu hình hệ thống thay vì điểm nhập chế độ cài đặt tiện ích tuỳ chỉnh
Sử dụng hiệu ứng chuyển đổi khởi chạy hệ thống khi chuyển vào/thoát khỏi ứng dụng đến tiện ích

Hãy nhớ các mẹo được cung cấp trong hướng dẫn này khi tạo tiện ích. Bạn muốn cung cấp chất lượng tốt nhất và trải nghiệm người dùng tuyệt vời. Bạn có thể đáp ứng nhiều tiêu chuẩn chất lượng bằng Bố cục chuẩn. Để tìm hiểu thêm về các thanh chất lượng, nhà thiết kế sẽ tham khảo Mẫu tiện ích Android, còn nhà phát triển sẽ tham khảo Mẫu mã bố cục trong Mẫu nền tảng của chúng tôi và Hướng dẫn cho nhà phát triển Bố cục.