Principios de diseño
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Diseña experiencias multimedia en Wear OS aplicando principios básicos que prioricen el control y la eficiencia del usuario.
Coherente y predecible
Verifica que los usuarios no necesiten volver a aprender los conceptos básicos de interacción de una IU de contenido multimedia a otra para que puedan controlar el contenido multimedia en diferentes contextos.
Alinea los patrones de la IU y evita crear IU nuevas para las interacciones comunes.
De un vistazo y crítica
Ayuda a los usuarios a completar tareas rápidamente destacando los controles críticos y mostrando el estado correcto.
Muestra los controles y el contenido importantes en una jerarquía de información clara para que los usuarios puedan controlar la exploración y la reproducción de contenido multimedia en su reloj.
Reflejar el estado dinámico, como el volumen actual del dispositivo o el dispositivo de salida conectado
Rápida y coherente
Verifica que los usuarios puedan controlar rápidamente el contenido multimedia en la muñeca.
Evita los gestos ocultos o los patrones de interacción que requieran incorporación y capacidad de memoria espacial. Proporciona indicaciones visuales intercaladas que guíen claramente a los usuarios hacia la funcionalidad adicional.
Verifica que los recorridos del usuario que involucran la IU del sistema y de la app se integren sin problemas para evitar pantallas duplicadas entre las que los usuarios deban navegar en diferentes contextos.
Patrones de diseño comunes
En las siguientes secciones, se describen patrones de diseño comunes para las experiencias multimedia en Wear OS.
Usa el botón de desbordamiento para proporcionar una navegación coherente y más funcionalidades.
Qué no debes hacer
Confiar en gestos ocultos que requieren que los usuarios memoricen la navegación
Qué debes hacer
Proporciona un botón de menú ampliado visible para guiar a los usuarios y que accedan a funciones adicionales.
Acceso coherente a las opciones de contenido multimedia
Proporcionar acceso coherente a la funcionalidad en todas las plataformas y contextos de medios
Qué no debes hacer
Los patrones incoherentes para los controles multimedia en las diferentes plataformas y contextos multimedia generan confusión y carga cognitiva en los usuarios.
Qué debes hacer
Proporciona patrones coherentes en todas las plataformas y contextos de medios.
Control de volumen
Usa la interacción de control de volumen clave, como la sugerencia de presión, la barra de volumen y los controles de hardware, para asegurarte de que se puedan realizar las tareas de volumen críticas.
Qué no debes hacer
Es confuso cuando los usuarios no pueden controlar el volumen con el hardware.
Qué debes hacer
Permite que los usuarios controlen el volumen con la corona de hardware.
Dispositivo de salida
Usa un ícono que muestre claramente a los usuarios qué dispositivo están usando para escuchar la reproducción de contenido multimedia.
Qué no debes hacer
El ícono no refleja de dónde provendrá el sonido ni dónde controlar el volumen.
Qué debes hacer
Reflejar el estado del dispositivo de salida con la indicación de los controles de volumen
Extiende la experiencia a varios dispositivos
Considera la coherencia entre dispositivos y usa patrones existentes para ofrecer una experiencia del usuario más predecible y coherente.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2025-07-27 (UTC)
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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."]]
