Tổng quan về tiện ích ứng dụng

Tiện ích là một khía cạnh thiết yếu của việc tuỳ chỉnh màn hình chính. Bạn có thể coi các thẻ này là chế độ xem "xem nhanh" về dữ liệu và chức năng quan trọng nhất của ứng dụng mà người dùng có thể truy cập ngay trên màn hình chính. Người dùng có thể di chuyển các tiện ích trên bảng điều khiển màn hình chính và đổi kích thước các tiện ích đó (nếu được hỗ trợ) để điều chỉnh lượng thông tin trong tiện ích theo lựa chọn ưu tiên của họ.

Tài liệu này giới thiệu các loại tiện ích mà bạn có thể tạo và các nguyên tắc thiết kế cần tuân thủ. Để tạo tiện ích ứng dụng bằng API Khung hiển thị từ xa và bố cục XML, hãy xem phần Tạo tiện ích đơn giản. Để tạo một tiện ích bằng cách sử dụng API kiểu Kotlin và Compose, hãy xem phần Jetpack Glance.

Loại tiện ích

Khi lên kế hoạch cho tiện ích, hãy nghĩ đến loại tiện ích mà bạn muốn tạo. Tiện ích thường thuộc một trong các danh mục sau:

Tiện ích thông tin

Ví dụ về tiện ích thời tiết cho thấy Tokyo có nhiều mây, nhiệt độ 14 độ và nhiệt độ dự kiến bắt đầu từ 4 giờ chiều đến 7 giờ tối
Hình 1. Tiện ích thông tin của một ứng dụng thời tiết.

Tiện ích thông tin thường hiển thị các phần tử thông tin quan trọng và theo dõi cách thông tin đó thay đổi theo thời gian. Ví dụ về tiện ích thông tin: tiện ích thời tiết, tiện ích đồng hồ hoặc tiện ích theo dõi tỷ số thể thao. Thao tác nhấn vào tiện ích thông tin thường sẽ khởi chạy ứng dụng liên kết và mở chế độ xem chi tiết về thông tin tiện ích.

Tiện ích bộ sưu tập

Tiện ích Tập hợp chuyên hiển thị nhiều phần tử thuộc cùng một loại, chẳng hạn như một tập hợp hình ảnh từ ứng dụng thư viện, một tập hợp bài viết từ ứng dụng tin tức hoặc một tập hợp email hoặc tin nhắn từ ứng dụng liên lạc. Tiện ích Tập hợp có thể cuộn theo chiều dọc.

Tiện ích bộ sưu tập thường tập trung vào các trường hợp sử dụng sau:

  • Duyệt xem bộ sưu tập.
  • Mở một phần tử của bộ sưu tập thành chế độ xem chi tiết trong ứng dụng liên kết.
  • Tương tác với các phần tử, chẳng hạn như đánh dấu các phần tử đó là đã hoàn tất – với tính năng hỗ trợ các nút phức hợp trong Android 12 (API cấp 31).

Điều khiển tiện ích

Một tiện ích cho ứng dụng có tên là "Danh sách đèn", hiển thị các nút bật/tắt có nhãn "Phòng ngủ", "Nhà bếp" và "Phòng khách", trong đó hai nút bật/tắt đầu tiên đang tắt
Hình 4. Ví dụ về tiện ích điều khiển.

Mục đích chính của tiện ích điều khiển là hiển thị các chức năng thường dùng để người dùng có thể kích hoạt các chức năng đó từ màn hình chính mà không cần mở ứng dụng. Bạn có thể coi các chức năng này là điều khiển từ xa cho một ứng dụng. Ví dụ về tiện ích điều khiển là tiện ích điều khiển nhà cho phép người dùng bật hoặc tắt đèn trong nhà.

Việc tương tác với một tiện ích điều khiển có thể mở một chế độ xem chi tiết liên kết trong ứng dụng. Điều này phụ thuộc vào việc chức năng của tiện ích điều khiển có xuất ra dữ liệu nào hay không, chẳng hạn như trong trường hợp của tiện ích tìm kiếm.

Tiện ích kết hợp

Một ứng dụng nhạc chung hiển thị các nút "thích", quay lại, phát/tạm dừng, chuyển tiếp và "không thích". Nghệ sĩ và bản nhạc lần lượt được liệt kê là "Nghệ sĩ" và "Âm nhạc mẫu".
Hình 5. Ví dụ về tiện ích ứng dụng nhạc.

Mặc dù một số tiện ích đại diện cho một trong các loại trong các phần trước (thông tin, bộ sưu tập hoặc điều khiển), nhưng nhiều tiện ích là loại kết hợp kết hợp các phần tử thuộc nhiều loại. Ví dụ: tiện ích trình phát nhạc chủ yếu là một tiện ích điều khiển, nhưng cũng cho người dùng biết bản nhạc nào đang phát, giống như một tiện ích thông tin.

Khi lên kế hoạch cho tiện ích, hãy thiết kế xung quanh một trong các loại cơ sở và thêm các phần tử của các loại khác nếu cần.

Tích hợp tiện ích với Trợ lý Google

Trợ lý Google có thể hiển thị bất kỳ loại tiện ích nào để phản hồi lệnh thoại của người dùng. Bạn có thể định cấu hình tiện ích để thực hiện Thao tác trong ứng dụng, cho phép người dùng nhận câu trả lời nhanh và trải nghiệm ứng dụng tương tác trên các nền tảng của Trợ lý như Android và Android Auto. Để biết thêm thông tin chi tiết về việc thực hiện tiện ích cho Trợ lý, hãy xem bài viết Tích hợp Hành động trong ứng dụng với tiện ích Android.

Giới hạn của tiện ích

Mặc dù có thể hiểu tiện ích là "ứng dụng thu nhỏ", nhưng bạn cần hiểu rõ một số hạn chế nhất định trước khi thiết kế tiện ích.

Cử chỉ

Vì các tiện ích nằm trên màn hình chính, nên chúng phải cùng tồn tại với hệ thống điều hướng được thiết lập ở đó. Điều này giới hạn khả năng hỗ trợ cử chỉ có trong tiện ích so với ứng dụng toàn màn hình. Mặc dù các ứng dụng có thể cho phép người dùng di chuyển giữa các màn hình theo chiều ngang, nhưng cử chỉ đó đã được thực hiện trên màn hình chính để di chuyển giữa các màn hình chính.

Các cử chỉ duy nhất có sẵn cho tiện ích là chạmvuốt theo chiều dọc.

Thành phần

Do các giới hạn về cử chỉ có sẵn cho tiện ích, một số khối xây dựng giao diện người dùng dựa trên cử chỉ bị hạn chế sẽ không có sẵn cho tiện ích. Để biết danh sách đầy đủ các khối xây dựng được hỗ trợ và thêm thông tin về các quy định hạn chế về bố cục, hãy xem phần Tạo bố cục tiện íchCung cấp bố cục tiện ích linh hoạt.

Hướng dẫn thiết kế

Nội dung tiện ích

Tiện ích là một cách tuyệt vời để thu hút người dùng đến với ứng dụng của bạn bằng cách "quảng cáo" nội dung mới và thú vị có trong ứng dụng.

Giống như các đoạn giới thiệu trên trang nhất của một tờ báo, tiện ích sẽ hợp nhất và tập trung thông tin của ứng dụng, đồng thời cung cấp kết nối đến thông tin chi tiết hơn trong ứng dụng. Bạn có thể nói rằng tiện ích là "món ăn nhẹ" về thông tin, còn ứng dụng là "bữa ăn". Đảm bảo ứng dụng của bạn hiển thị nhiều thông tin chi tiết hơn về một mục thông tin so với nội dung mà tiện ích hiển thị.

Ngoài nội dung thông tin thuần tuý, hãy cân nhắc việc tạo tiện ích cung cấp các đường liên kết điều hướng đến các khu vực thường dùng trong ứng dụng. Điều này cho phép người dùng hoàn thành các tác vụ nhanh hơn và mở rộng phạm vi chức năng của ứng dụng đến màn hình chính.

Sau đây là những đề xuất phù hợp cho đường liên kết điều hướng trên tiện ích:

  • Hàm tạo sinh: đây là các hàm cho phép người dùng tạo nội dung mới cho một ứng dụng, chẳng hạn như tạo tài liệu mới hoặc thư mới.

  • Mở ứng dụng ở cấp cao nhất: thao tác nhấn vào một phần tử thông tin thường sẽ đưa người dùng đến màn hình chi tiết cấp thấp hơn. Việc cấp quyền truy cập vào cấp cao nhất của ứng dụng sẽ giúp người dùng di chuyển linh hoạt hơn và có thể thay thế lối tắt ứng dụng chuyên dụng mà người dùng sử dụng để chuyển đến ứng dụng từ màn hình chính. Việc sử dụng biểu tượng ứng dụng cho chức năng này cũng có thể cung cấp cho tiện ích của bạn một danh tính rõ ràng nếu dữ liệu bạn đang hiển thị không rõ ràng.

Đổi kích thước tiện ích

Tiện ích Đồng hồ Google tiêu chuẩn
Hình 6. Tiện ích Đồng hồ Google tiêu chuẩn.

Thao tác chạm và giữ một tiện ích có thể đổi kích thước, sau đó thả ra sẽ đưa tiện ích đó vào chế độ đổi kích thước. Người dùng có thể sử dụng các tay cầm kéo hoặc góc tiện ích để đặt kích thước ưu tiên.

Tính năng đổi kích thước cho phép người dùng điều chỉnh chiều cao và chiều rộng của tiện ích trong giới hạn của lưới vị trí màn hình chính. Bạn có thể quyết định xem tiện ích của mình có thể thay đổi kích thước tự do hay bị ràng buộc với các thay đổi về kích thước theo chiều ngang hoặc chiều dọc. Bạn không cần phải hỗ trợ việc đổi kích thước nếu tiện ích của bạn vốn có kích thước cố định.

Việc cho phép người dùng đổi kích thước tiện ích mang lại những lợi ích quan trọng:

  • Họ có thể tinh chỉnh lượng thông tin họ muốn xem trên mỗi tiện ích.
  • Các chế độ này có thể ảnh hưởng tốt hơn đến bố cục của các tiện ích và lối tắt trên bảng điều khiển trang chủ.

Lên kế hoạch cho chiến lược đổi kích thước tiện ích theo loại tiện ích bạn đang tạo. Các tiện ích sưu tập dựa trên danh sách hoặc lưới thường đơn giản, vì việc đổi kích thước tiện ích sẽ mở rộng hoặc thu hẹp khu vực cuộn dọc. Bất kể kích thước của tiện ích, người dùng vẫn có thể cuộn tất cả các phần tử thông tin vào chế độ xem.

Tiện ích thông tin đòi hỏi bạn phải lên kế hoạch thực tế hơn vì các tiện ích này không thể cuộn được và tất cả nội dung phải vừa với một kích thước nhất định. Bạn phải linh động điều chỉnh nội dung và bố cục của tiện ích theo kích thước mà người dùng xác định thông qua thao tác đổi kích thước.

Trong ví dụ sau, người dùng có thể đổi kích thước tiện ích thời tiết theo 3 bước, hiển thị thông tin phong phú hơn về thời tiết tại vị trí hiện tại khi tiện ích phát triển.

Ví dụ về tiện ích thời tiết ở kích thước lưới 3x2 nhỏ nhất, đồng thời liệt kê tên vị trí (Tokyo), nhiệt độ (14°) và biểu tượng cho biết thời tiết có mây một phần
Hình 7. Ví dụ về tiện ích thời tiết có kích thước "nhỏ" trong lưới 3x2.


Ví dụ về tiện ích thời tiết có kích thước "vừa" 5x2, bao gồm tất cả giao diện người dùng từ kích thước lưới 3x2 cùng với nhãn "trời nhiều mây" và nhiệt độ dự báo từ 4 giờ chiều đến 7 giờ tối
Hình 8. Ví dụ về tiện ích thời tiết ở kích thước "vừa" 5x2.


Ví dụ về tiện ích thời tiết ở kích thước "lớn" 5x4, bao gồm tất cả giao diện người dùng từ kích thước lưới 3x2 và 5x2 cùng với thông tin dự báo thời tiết từ thứ Ba đến thứ Sáu
Hình 9. Ví dụ về tiện ích thời tiết ở kích thước "lớn" của lưới 5x4.

Đối với mỗi kích thước tiện ích, hãy xác định lượng thông tin của ứng dụng sẽ hiển thị. Đối với các kích thước nhỏ hơn, hãy tập trung vào thông tin thiết yếu, sau đó thêm thông tin theo ngữ cảnh khi tiện ích phát triển theo chiều ngang và chiều dọc.

Những điều cần cân nhắc về bố cục

Bạn nên bố trí các tiện ích theo kích thước của lưới vị trí của thiết bị mà bạn phát triển. Đây có thể là một giá trị gần đúng ban đầu hữu ích, nhưng hãy lưu ý những điểm sau:

  • Việc lập kế hoạch chiến lược đổi kích thước tiện ích trên "các nhóm kích thước" thay vì kích thước lưới biến đổi sẽ mang lại cho bạn kết quả đáng tin cậy nhất.
  • Số lượng, kích thước và khoảng cách của các ô có thể khác nhau rất nhiều giữa các thiết bị. Do đó, điều quan trọng là tiện ích của bạn phải linh hoạt và có thể chứa nhiều hoặc ít không gian hơn dự kiến.
  • Khi người dùng đổi kích thước tiện ích, hệ thống sẽ phản hồi bằng một phạm vi kích thước dp mà tiện ích của bạn có thể tự vẽ lại.
  • Kể từ Android 12, bạn có thể cung cấp các thuộc tính kích thước tinh tế hơn và bố cục linh hoạt hơn. Bao gồm:

Cấu hình tiện ích do người dùng thiết lập

Đôi khi, người dùng cần thiết lập tiện ích trước khi tiện ích đó có thể hữu ích. Hãy nghĩ đến một tiện ích email mà người dùng cần chọn thư mục thư trước khi hộp thư đến có thể hiển thị hoặc một tiện ích ảnh tĩnh mà người dùng phải chỉ định một bức ảnh trong thư viện để hiển thị. Tiện ích Android hiển thị các lựa chọn cấu hình ngay sau khi người dùng thả tiện ích vào màn hình chính.

Danh sách kiểm tra thiết kế tiện ích

  • Tập trung vào các phần nhỏ thông tin có thể xem nhanh trên tiện ích. Mở rộng thông tin trong ứng dụng.
  • Chọn loại tiện ích phù hợp với mục đích của bạn.
  • Lên kế hoạch về cách nội dung của tiện ích thích ứng với nhiều kích thước.
  • Tạo bố cục tiện ích độc lập với hướng và thiết bị bằng cách đảm bảo bố cục có thể kéo giãn và thu gọn.
  • Cân nhắc xem tiện ích của bạn có cần thêm cấu hình nào không.