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

Tiện ích là một phần thiết yếu của hoạt động tuỳ chỉnh màn hình chính. Bạn có thể nghĩ đến chúng dưới dạng "xem nhanh" chế độ xem dữ liệu và chức năng quan trọng nhất của một ứng dụng có thể truy cập ngay trên màn hình chính của người dùng. 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ủ. Cách tạo tiện ích ứng dụng bằng Chế độ xem từ xa API và bố cục XML, hãy xem phần Tạo tiện ích đơn giản. Người nhận tạo một tiện ích bằng API kiểu Kotlin và Compose, hãy xem Jetpack Glance.

Các loại tiện ích

Khi bạn lên kế hoạch cho tiện ích, hãy nghĩ về loại tiện ích bạn muốn tạo. Các 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 hiển thị thành phố Tokyo chủ yếu
            nhiều mây, 14 độ và nhiệt độ dự kiến bắt đầu từ
            4 giờ chiều đến 7 giờ tối
Hình 1. Một tiện ích thông tin của ứ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ức thông tin đó thay đổi theo thời gian. Ví dụ về tiện ích thông tin là thời tiết tiện ích, 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 bộ sưu tập chuyên hiển thị nhiều phần tử của cùng một loại, chẳng hạn như một bộ sưu tập hình ảnh từ một ứng dụng thư viện, một bộ sưu tập các bài viết từ một ứng dụng tin tức hay tập hợp các email/tin nhắn từ một ứng dụng liên lạc. Tiện ích Bộ sưu tập có thể cuộn theo chiều dọc.

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

  • Duyệt qua 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 của ứng dụng có tên là "Light list" (Danh sách đèn) đang hiển thị công tắc bật/tắt
            có nhãn 'Phòng ngủ' "Bếp" và "Phòng khách", với 2 đồng hồ hẹn giờ đầu tiên
            tắt công tắc
Hình 4. Ví dụ về tiện ích kiểm soát.

Mục đích chính của tiện ích kiểm soát là hiển thị các chức năng thường dùng để mà người dùng có thể kích hoạt từ màn hình chính mà không phải mở . Bạn có thể coi chúng 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 đèn trong nhà bật hoặc tắt.

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

Tiện ích kết hợp

Một ứng dụng âm nhạc chung hiện các nút "ngón tay cái"
            giảm xuống,' quay lại, phát/tạm dừng, tiến và 'thích'. Nghệ sĩ và
            bản nhạc được liệt kê là "Nghệ sĩ" và "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 phần trước các mục—thông tin, bộ sưu tập hoặc chế độ điều khiển—nhiều tiện ích là kết hợp kết hợp các yếu tố thuộc nhiều loại khác nhau. Ví dụ: trình phát nhạc tiện ích chủ yếu là tiện ích điều khiển nhưng cũng cho người dùng biết theo dõi là gì hiện đang phát, chẳng hạn như 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á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 người dùng lệnh thoại. 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 về phương thứ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 Android các tiện ích.

Giới hạn về 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ố giới hạn 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 điều hướng được thiết lập ở đó. Điều này giới hạn việc hỗ trợ cử chỉ trong một tiện ích so với ứng dụng toàn màn hình. Mặc dù ứ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, cử chỉ đó đã được thực hiện trên màn hình chính để điều hướng 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 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ố thành phần giao diện người dùng dựa vào cử chỉ bị hạn chế sẽ không có sẵn cho tiện ích. Để xem đầy đủ danh sách các thành phần được hỗ trợ cũng như thông tin khác về hạn chế bố cục, xem Tạo bố cục tiện íchCung cấp tiện ích linh hoạt bố cục.

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

Nội dung của tiện ích

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

Giống như đoạn giới thiệu trên trang chủ của một tờ báo, các tiện ích hợp nhất và tập trung thông tin của ứng dụng và cung cấp kết nối đến chi tiết phong phú hơn trong ứng dụng. Bạn có thể nói tiện ích này là thông tin về "bữa ăn nhẹ" trong khi ứng dụng là "bữa ăn". Đảm bảo ứng dụng của bạn hiển thị chi tiết hơn về một thông tin hơn nội dung 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 cung cấp tiện ích liên kết điều hướng đến các khu vực thường được sử dụng trong ứng dụng của bạn. Việc này cho phép người dùng hoàn tất tác vụ nhanh hơn và mở rộng phạm vi tiếp cận chức năng của ứng dụng đến nhà màn hình.

Các đề xuất phù hợp cho đường liên kết điều hướng trên tiện ích là:

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

  • Mở ứng dụng ở cấp cao nhất: nhấn vào một phần tử thông tin (thường là sẽ đưa người dùng đến màn hình chi tiết cấp thấp hơn. Cấp quyền truy cập vào cấp cao nhất của ứng dụng giúp điều hướng 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 để điều hướng đến ứng dụng từ màn hình chính. Sử dụng biểu tượng ứng dụng của bạn cho chức năng này cũng có thể cung cấp cho tiện ích của bạn 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ồ tiêu chuẩn của Google.

Cảm xúc và giữ một tiện ích có thể đổi kích thước, sau đó thả nó để đặt tiện ích đó vào chế độ đổi kích thước. Người dùng có thể sử dụng ô điều khiển kéo hoặc các góc của tiện ích để đặt kích thước ưa thích.

Việc đổ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 các giới hạn của lưới vị trí trên màn hình chính. Bạn có thể quyết định xem tiện ích con có thể tự do thay đổi kích thước hoặc bị hạn chế theo kích thước ngang hoặc dọc thay đổi. Bạn không phải hỗ trợ đổi kích thước nếu tiện ích của bạn vốn đã kích thước cố định.

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

  • 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 tiện ích và lối tắt trên bảng điều khiển trang chủ.

Lập chiến lược đổi kích thước cho tiện ích của bạn theo loại tiện ích bạn đang sử dụng đ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 theo chiều 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ả thông tin vào khung hiển thị.

Công cụ thông tin đòi hỏi việc lập kế hoạch thực tế hơn, vì chúng không phải có thể cuộn và tất cả nội dung phải nằm vừa trong 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 thay đổi kích thước.

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

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


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


Ví dụ về tiện ích thời tiết ở kích thước "lớn" 5x4 bao gồm toàn bộ 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 ứng dụng 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 cần thiết, sau đó thêm 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à thông tin đầu tiên hữu ích gần đúng, nhưng hãy lưu ý các điểm sau:

  • Lập kế hoạch chiến lược đổi kích thước tiện ích trên "nhóm kích thước" thay vì các phương diện lưới biến đổi sẽ mang lại cho bạn những 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ể đáp ứng nhiều hoặc ít không gian hơn dự kiến.
  • Khi người dùng đổi kích thước một tiện ích, hệ thống sẽ phản hồi bằng phạm vi kích thước dp trong 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 thêm kích thước đã tinh chỉnh và bố cục linh hoạt hơn. Trong đó có:

Cấu hình tiện ích theo người dùng

Đôi khi, người dùng cần thiết lập tiện ích thì tiện ích mới có thể sử dụng được. Hãy nghĩ đến một tiện ích email mà trước đó người dùng cần chọn thư mục thư hộp thư đến có thể hiển thị hoặc tiện ích ảnh tĩnh để người dùng chỉ định ảnh từ thư viện được 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ỏ của thông tin có thể xem nhanh trên tiện ích của bạn. Mở rộng trên thông tin trong ứng dụng của bạn.
  • Chọn loại tiện ích phù hợp với mục đích của bạn.
  • Lập kế hoạch cách nội dung cho tiện ích của bạn thích ứng với các kích thước khác nhau.
  • Đảm bả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 dài và thu gọn.
  • Cân nhắc xem tiện ích của bạn có cần bất kỳ cấu hình bổ sung nào hay không.