Nguyên tắc thiết kế
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Thiết kế trải nghiệm đa phương tiện trên Wear OS bằng cách áp dụng các nguyên tắc cốt lõi ưu tiên quyền kiểm soát và hiệu quả của người dùng.
Nhất quán và có thể dự đoán
Xác minh rằng người dùng không cần học lại các thao tác tương tác cơ bản từ giao diện người dùng của một nội dung nghe nhìn sang giao diện người dùng của nội dung nghe nhìn khác để có thể kiểm soát nội dung nghe nhìn trong nhiều bối cảnh.
Điều chỉnh các mẫu giao diện người dùng và tránh tạo giao diện người dùng mới cho các lượt tương tác phổ biến.
Xem nhanh được và quan trọng
Giúp người dùng nhanh chóng hoàn thành các thao tác bằng cách làm nổi bật các chế độ kiểm soát quan trọng và cho thấy trạng thái chính xác.
Hiển thị các chế độ kiểm soát và nội dung quan trọng trong một hệ phân cấp thông tin rõ ràng để người dùng có thể kiểm soát việc duyệt xem và phát nội dung nghe nhìn trên đồng hồ.
Phản ánh trạng thái động, chẳng hạn như âm lượng hiện tại của thiết bị hoặc thiết bị đầu ra được kết nối.
Nhanh chóng và nhất quán
Xác minh rằng người dùng có thể nhanh chóng điều khiển nội dung nghe nhìn trên cổ tay.
Tránh các cử chỉ hoặc mẫu tương tác ẩn đòi hỏi khả năng ghi nhớ không gian và hướng dẫn. Cung cấp các chỉ dẫn trực quan nội tuyến để hướng dẫn rõ ràng cho người dùng về chức năng bổ sung.
Xác minh những hành trình của người dùng liên quan đến giao diện người dùng hệ thống và ứng dụng tích hợp liền mạch để tránh các màn hình trùng lặp cho người dùng điều hướng giữa các nền tảng trong nhiều bối cảnh.
Các mẫu thiết kế phổ biến
Các phần sau đây mô tả những mẫu thiết kế phổ biến cho trải nghiệm nghe nhìn trên Wear OS.
Sử dụng nút tràn để cung cấp chế độ điều hướng nhất quán và nhiều chức năng hơn.
Không nên
Dựa vào các cử chỉ ẩn mà người dùng phải ghi nhớ để điều hướng.
Nên
Cung cấp nút tràn có thể nhìn thấy để hướng dẫn người dùng truy cập vào các chức năng bổ sung.
Quyền truy cập nhất quán vào các lựa chọn về nội dung nghe nhìn
Cung cấp quyền truy cập nhất quán vào chức năng trên các nền tảng và bối cảnh đa phương tiện.
Không nên
Các mẫu không nhất quán cho chế độ điều khiển nội dung nghe nhìn trên các nền tảng và bối cảnh nội dung nghe nhìn gây ra sự nhầm lẫn và gánh nặng nhận thức cho người dùng.
Nên
Cung cấp các mẫu nhất quán trên nhiều nền tảng và bối cảnh nội dung nghe nhìn.
Điều chỉnh âm lượng
Sử dụng chế độ tương tác điều khiển âm lượng bằng phím (chẳng hạn như thành phần hiển thị có thể nhấn, thanh âm lượng và chế độ điều khiển bằng phần cứng) để đảm bảo bạn có thể thực hiện các thao tác quan trọng liên quan đến âm lượng.
Không nên
Người dùng sẽ cảm thấy khó hiểu khi không thể điều chỉnh âm lượng bằng phần cứng.
Nên
Cho phép người dùng điều khiển âm lượng bằng núm xoay phần cứng.
Thiết bị đầu ra
Sử dụng một biểu tượng cho người dùng biết rõ họ đang dùng thiết bị nào để nghe nội dung phát đa phương tiện.
Không nên
Biểu tượng không phản ánh nguồn phát âm thanh và vị trí điều chỉnh âm lượng
Nên
Phản ánh trạng thái của thiết bị đầu ra bằng chỉ báo điều khiển âm lượng
Mở rộng trên nhiều thiết bị
Hãy cân nhắc tính nhất quán trên nhiều thiết bị và sử dụng các mẫu hiện có để mang lại trải nghiệm người dùng nhất quán và dễ đoán hơn.
Nội dung và mã mẫu trên trang này phải tuân thủ các giấy phép như mô tả trong phần Giấy phép nội dung. Java và OpenJDK là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle và/hoặc đơn vị liên kết của Oracle.
Cập nhật lần gần đây nhất: 2025-07-27 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-27 UTC."],[],[],null,["# Design principles\n\nDesign media experiences on Wear OS by applying core principles that prioritize\nuser control and efficiency.\n\nConsistent and predictable\n--------------------------\n\nVerify that users don't need to relearn interaction basics from one media UI to another so that users can control media across different contexts.\n\n\u003cbr /\u003e\n\nAlign UI patterns and avoid creating new UIs for common interactions.\n\n\u003cbr /\u003e\n\nGlanceable and critical\n-----------------------\n\nHelp users complete tasks quickly by elevating critical controls and showing correct status.\n\n\u003cbr /\u003e\n\nDisplay critical controls and content in a clear information hierarchy so that\nusers can control media browsing and playback on their watch.\n\nReflect the dynamic status, such as the current device volume or the connected\noutput device.\n\n\u003cbr /\u003e\n\n### Quick and consistent\n\nVerify that users can quickly control media on the wrist.\n\n\u003cbr /\u003e\n\nAvoid hidden gestures or interaction patterns that require onboarding and\nspatial memory capacity. Provide visual affordances inline that clearly guide\nusers to additional functionality.\n\nVerify user journeys that involve system and app UI integrate seamlessly to\navoid duplicative screens for users to navigate between surfaces across\ncontexts.\n\n\u003cbr /\u003e\n\nCommon design patterns\n----------------------\n\nThe following sections describe common design patterns for media experiences on\nWear OS.\n\n### Overflow button\n\nUse the overflow button to provide consistent navigation and more\nfunctionalities. \n\n\u003cbr /\u003e\n\n**Don't**\n\nRely on hidden gestures that require users to memorize the navigation.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide visible overflow button to guide users to access additional\nfunctionality.\n\n\u003cbr /\u003e\n\n### Consistent access to media options\n\nProvide consistent access to functionality across media surfaces and contexts. \n\n\u003cbr /\u003e\n\n**Don't**\n\nInconsistent patterns for media controls across media surfaces and contexts\ncause user confusion and cognitive load.\n\n\u003cbr /\u003e\n\n**Do**\n\nProvide consistent patterns across media surfaces and contexts.\n\n\u003cbr /\u003e\n\n### Volume control\n\nUse the key volume control interaction such as tap affordance, volume bar, and\nhardware controls to make sure critical volume tasks can be done. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIt's confusing when users can't control volume with the hardware.\n\n\u003cbr /\u003e\n\n**Do**\n\nLet users control the volume with the hardware crown.\n\n\u003cbr /\u003e\n\n### Output device\n\nUse an icon that clearly shows users which device they're using to listen to\nmedia playback. \n\n\u003cbr /\u003e\n\n**Don't**\n\nIcon doesn't reflect where will the sound come from and where to control volume\n\n\u003cbr /\u003e\n\n**Do**\n\nReflect the output device status with the indication of volume controls\n\n\u003cbr /\u003e\n\nExtend across devices\n---------------------\n\nConsider cross-device consistency and use existing patterns for more predictable\nand consistent user experience."]]
