Nguyên tắc thiết kế thẻ thông tin

Thẻ thông tin là một trong những thành phần giao diện dễ truy cập nhất trên Wear OS.

Thẻ thông tin cho phép người dùng truy cập nhanh vào thông tin và hành động cần thực hiện để hoàn tất công việc. Chỉ với thao tác vuốt trên mặt đồng hồ, người dùng có thể xem tiến bộ của mình trong việc đạt được mục tiêu rèn luyện thể chất, xem thông tin thời tiết, cũng như làm nhiều việc khác. Chạy một ứng dụng hoặc nhanh chóng hoàn tất công việc cần thiết nhờ có thẻ thông tin.

Người dùng có thể chọn thẻ thông tin muốn xem trên đồng hồ. Wear OS cho phép người dùng quản lý các thẻ thông tin của mình cả trên đồng hồ lẫn trên ứng dụng đồng hành.

Nguyên tắc về trải nghiệm người dùng

Bảng sau đây mô tả các nguyên tắc về trải nghiệm người dùng của thẻ thông tin.

Tức thì

Dự đoán được

Có liên quan

Thẻ thông tin được thiết kế để giúp người dùng nhanh chóng hoàn tất các nhiệm vụ thường xuyên. Cho thấy nội dung quan trọng bằng một hệ phân cấp thông tin rõ ràng để nội dung dễ hiểu. Nội dung trong mỗi thẻ thông tin phải luôn tập trung vào nhiệm vụ của người dùng. Điều này cho phép người dùng dự đoán thông tin nào họ có thể xem trên thẻ thông tin này và cải thiện khả năng ghi nhớ. Người dùng luôn mang theo đồng hồ mọi lúc mọi nơi. Hãy cân nhắc đến mức độ liên quan của nội dung trong thẻ thông tin với bối cảnh của họ.

Nguyên tắc

Hãy ghi nhớ các nguyên tắc sau đây khi tạo Thẻ thông tin.

Tập trung vào một nhiệm vụ

Đảm bảo mỗi thẻ thông tin chỉ tập trung vào một nhiệm vụ, chẳng hạn như bắt đầu chạy bộ.
Hỗ trợ quá nhiều nhiệm vụ trên một thẻ thông tin.

Tạo thẻ thông tin riêng cho từng nhiệm vụ

Nếu ứng dụng của bạn hỗ trợ nhiều nhiệm vụ, hãy cân nhắc việc tạo nhiều thẻ thông tin cho từng nhiệm vụ mà ứng dụng hỗ trợ. Ví dụ: một ứng dụng thể dục có thể có cả thẻ thông tin mục tiêu và thẻ thông tin hoạt động tập thể dục.

Thẻ thông tin

Cho thấy các bản trình bày giúp xem nhanh biểu đồ và đồ thị

Cho thấy các bản trình bày giúp xem nhanh thông tin dạng số hoặc thống kê và cho phép người dùng nhấn để xem thêm trong ứng dụng nếu cần.
Trình bày thông tin chi tiết dạng số hoặc số liệu thống kê trên Thẻ thông tin.

Cho biết nội dung cập nhật mới nhất về dữ liệu

Hãy đảm bảo rằng người dùng biết được độ mới của dữ liệu xuất hiện trên đồng hồ. Hãy cho người dùng thấy dữ liệu lưu trong bộ nhớ đệm kèm theo chỉ báo cho biết lần cập nhật dữ liệu gần nhất (nếu phù hợp với người dùng).

Thẻ thông tin

Sử dụng tốc độ làm mới dữ liệu phù hợp

Chọn tốc độ cập nhật phù hợp cho thẻ thông tin của bạn, có cân nhắc đến tác động đến thời lượng pin của thiết bị. Nếu bạn đang sử dụng các nguồn dữ liệu nền tảng như nhịp tim và số bước, thì Wear OS sẽ kiểm soát tốc độ cập nhật cho bạn.

Trạng thái trống

Thẻ thông tin có hai loại trạng thái trống. Đối với cả hai loại trạng thái này, bạn nên sử dụng PrimaryLayout.

Lỗi hoặc quyền

Hãy thông báo cho người dùng biết rằng họ cần cập nhật các chế độ cài đặt hoặc lựa chọn ưu tiên trên thẻ thông tin.

Đăng nhập

Đưa ra lời kêu gọi hành động rõ ràng trên thẻ thông tin đăng nhập.

Ví dụ về hộp thoại

Sử dụng trạng thái của hộp thoại để tìm lỗi, quyền và chế độ cài đặt.

Thẻ thông tin

Hiển thị các hoạt động đang diễn ra

Khi thực hiện một hoạt động diễn ra trong thời gian dài (chẳng hạn như theo dõi bài tập thể dục hoặc phát nhạc), ứng dụng đó sẽ hiện tiến trình của hoạt động đang diễn ra ở một trong nhiều thẻ thông tin.

Nếu ứng dụng của bạn cũng hỗ trợ thẻ thông tin cho phép người dùng bắt đầu các hoạt động này, hãy làm như sau để giảm thiểu tình trạng nhầm lẫn của người dùng:

  • Cho biết một hoạt động đang diễn ra hiện đang diễn ra.
  • Nếu người dùng nhấn vào một thẻ thông tin như vậy, hãy mở ứng dụng và hiển thị hoạt động đang diễn ra. Không bắt đầu thực thể mới của hoạt động đang diễn ra.

Thẻ thông tin

Yêu cầu

Dữ liệu chính
Nội dung chính mô tả hoạt động đó.

Nhãn
Cho thấy trạng thái của hoạt động.

Chuyển động trên thẻ thông tin

Khi bạn thêm ảnh động vào thẻ thông tin, hãy lưu ý các nguyên tắc sau:

Giúp người dùng hiểu được các thay đổi

Nhấn mạnh nếu bạn đang cập nhật thông tin trên một thẻ thông tin, chẳng hạn như tiến trình trên biểu đồ số bước.
Chuyển đổi giữa các giá trị một cách đột ngột.

Bản xem trước

Hãy thêm bản xem trước của thẻ thông tin để người dùng thấy được nội dung xuất hiện trong trình quản lý thẻ thông tin trên đồng hồ và điện thoại của họ. Mỗi thẻ thông tin có thể có một hình ảnh xem trước đại diện. Hình ảnh đó phải đáp ứng các yêu cầu sau.

Yêu cầu

  • Xuất các thành phần theo kích thước 400 px x 400 px.
  • Cung cấp ảnh xem trước hình tròn.
  • Sử dụng nền đen đồng nhất.
  • Lưu ở dạng PNG hoặc JPEG.
  • Thêm thành phần đã bản địa hoá cho các ngôn ngữ phổ biến của ứng dụng.
Một bản xem trước thẻ thông tin xuất hiện trong trình quản lý thẻ thông tin trên đồng hồ. Một bản xem trước thẻ thông tin xuất hiện trong trình quản lý thẻ thông tin trên điện thoại.
Cho thấy bản xem trước thẻ thông tin đã điền sẵn nội dung.
Cho thấy trạng thái trống, hiện biểu tượng thẻ thông tin trong giao diện người dùng phân trang hoặc đặt nét gạch xung quanh thẻ thông tin.

Bố cục mẫu

Sau đây là một số trường hợp sử dụng thẻ thông tin thường gặp, trong đó có vận dụng các phương pháp thiết kế hay nhất. Để biết thêm thông tin, hãy xem phần Thẻ thông tin.

Theo dõi mục tiêu

Bắt đầu luyện tập

Bắt đầu luyện tập

Bắt đầu luyện tập

Thông tin tóm tắt về bài luyện tập

Bắt đầu hẹn giờ

Nhịp tim hiện tại

Nhịp tim

Chuông báo tiếp theo

Thiền

Thiền

Tin tức

Thời tiết

Sự kiện tiếp theo

Mạng xã hội

Phát nội dung đa phương tiện