Принципы дизайна
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Разрабатывайте мультимедийные возможности на Wear OS, применяя основные принципы, в которых приоритет отдается контролю и эффективности пользователя.
Последовательный и предсказуемый
Убедитесь, что пользователям не нужно заново изучать основы взаимодействия с одним пользовательским интерфейсом мультимедиа и переходить на другой, чтобы пользователи могли управлять мультимедиа в разных контекстах.
Согласуйте шаблоны пользовательского интерфейса и избегайте создания новых интерфейсов для стандартных взаимодействий.
Наглядный и критический
Помогите пользователям быстрее выполнять задачи, повысив уровень критически важных элементов управления и отображая правильный статус.
Отображайте важные элементы управления и контент в четкой информационной иерархии, чтобы пользователи могли управлять просмотром и воспроизведением мультимедиа на своих часах.
Отражает динамическое состояние, например, текущую громкость устройства или подключенное выходное устройство.
Быстро и последовательно
Убедитесь, что пользователи могут быстро управлять мультимедиа на запястье.
Избегайте скрытых жестов или шаблонов взаимодействия, которые требуют адаптации и пространственной памяти. Обеспечьте визуальные возможности в строке, которые четко направляют пользователей к дополнительным функциям.
Убедитесь, что пользовательские пути, включающие пользовательский интерфейс системы и приложения, бесшовно интегрируются, чтобы избежать дублирования экранов, позволяющих пользователям перемещаться между поверхностями в разных контекстах.
Общие шаблоны проектирования
В следующих разделах описываются общие шаблоны проектирования для мультимедийных приложений на Wear OS.
Используйте кнопку переполнения для обеспечения единообразной навигации и дополнительных функций.
Не
Используйте скрытые жесты, требующие от пользователей запоминания навигации.
Делать
Обеспечьте видимую кнопку переполнения, которая поможет пользователям получить доступ к дополнительным функциям.
Постоянный доступ к медиа-опциям
Обеспечьте постоянный доступ к функциональным возможностям на всех медиа-поверхностях и в разных контекстах.
Не
Непоследовательные шаблоны управления мультимедиа на разных медиа-поверхностях и в разных контекстах вызывают путаницу у пользователей и когнитивную нагрузку.
Делать
Обеспечивать единообразие шаблонов на всех медиа-поверхностях и в разных контекстах.
Регулировка громкости
Используйте основные элементы управления громкостью, такие как касание, шкала громкости и аппаратные элементы управления, чтобы обеспечить возможность выполнения критически важных задач по регулировке громкости.
Не
Сбивает с толку тот факт, что пользователи не могут регулировать громкость с помощью оборудования.
Делать
Позвольте пользователям управлять громкостью с помощью аппаратной заводной головки.
Устройство вывода
Используйте значок, который четко показывает пользователям, какое устройство они используют для прослушивания медиафайлов.
Не
Значок не отображает, откуда будет исходить звук и где регулировать громкость.
Делать
Отображение состояния выходного устройства с указанием регуляторов громкости
Распространяется на все устройства
Рассмотрите возможность обеспечения согласованности между устройствами и используйте существующие шаблоны для более предсказуемого и последовательного взаимодействия с пользователем.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-29 UTC.
[[["Прост для понимания","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"]],["Последнее обновление: 2025-07-29 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."]]
