设计原则
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
在 Wear OS 上设计媒体体验时，请应用以用户控制和效率为优先考虑因素的核心原则。
一致且可预测
验证用户无需重新学习从一个媒体界面到另一个媒体界面的互动基础知识，以便用户可以在不同情境中控制媒体。
统一界面模式，避免为常见互动创建新的界面。
一目了然且至关重要
通过突出显示关键控件并显示正确的状态，帮助用户快速完成任务。
以清晰的信息层次结构显示关键控件和内容，以便用户可以在手表上控制媒体浏览和播放。
反映动态状态，例如当前设备音量或已连接的输出设备。
快速且一致
验证用户能否在手腕上快速控制媒体。
避免使用需要引导和空间记忆能力的隐藏手势或互动模式。提供内嵌的视觉提示，清晰地引导用户使用其他功能。
验证涉及系统和应用界面的用户体验历程是否能无缝集成，以避免用户在不同情境下在不同界面之间导航时出现重复的界面。
常见设计模式
以下部分介绍了 Wear OS 上媒体体验的常见设计模式。
使用溢出按钮可提供一致的导航和更多功能。
错误做法
依赖于隐藏的手势，要求用户记住导航。
正确做法
提供可见的溢出按钮，引导用户访问其他功能。
媒体选项的一致访问权限
在各种媒体平台和情境中提供一致的功能访问体验。
错误做法
媒体界面和情境中媒体控件的不一致模式会导致用户困惑和认知负荷。
正确做法
在媒体平台和情境中提供一致的模式。
音量控制
使用关键音量控制互动（例如点按提示、音量条和硬件控件）确保可以完成关键音量任务。
错误做法
如果用户无法使用硬件控制音量，就会感到困惑。
正确做法
允许用户使用硬件表冠控制音量。
输出设备
使用一个图标，让用户清楚地知道自己正在使用哪个设备来收听媒体播放内容。
错误做法
图标无法反映声音的来源以及音量控制的位置
正确做法
通过音量控件指示反映输出设备状态
跨设备扩展
考虑跨设备一致性，并使用现有模式来提供更可预测且一致的用户体验。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC)：2025-07-27。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC)：2025-07-27。"],[],[],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."]]
