Princípios de design
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Projete experiências de mídia no Wear OS aplicando princípios básicos que priorizam o controle e a eficiência do usuário.
Consistente e previsível
Verifique se os usuários não precisam aprender novamente os conceitos básicos de interação de uma interface de mídia para outra, para que possam controlar a mídia em diferentes contextos.
Alinhe os padrões de UI e evite criar novas interfaces para interações comuns.
Com visualização rápida e essencial
Ajude os usuários a concluir tarefas rapidamente elevando controles críticos e mostrando
o status correto.
Mostre controles e conteúdo essenciais em uma hierarquia de informações clara para que
os usuários possam controlar a navegação e a reprodução de mídia no relógio.
Refletir o status dinâmico, como o volume atual do dispositivo ou o dispositivo de saída conectado.
Rápido e consistente
Verifique se os usuários podem controlar rapidamente a mídia no pulso.
Evite gestos ou padrões de interação ocultos que exijam integração e capacidade de memória espacial. Forneça affordances visuais inline que orientem claramente os usuários para funcionalidades adicionais.
Verifique se as jornadas do usuário que envolvem a interface do sistema e do app se integram perfeitamente para evitar telas duplicadas para os usuários navegarem entre plataformas em diferentes contextos.
Padrões comuns de design
As seções a seguir descrevem padrões de design comuns para experiências de mídia no Wear OS.
Use o botão de estouro para oferecer navegação consistente e mais funcionalidades.
O que não fazer
Usar gestos ocultos que exigem que os usuários memorizem a navegação.
O que fazer
Ofereça um botão flutuante visível para orientar os usuários a acessar mais
funcionalidades.
Acesso consistente às opções de mídia
Oferecer acesso consistente à funcionalidade em todas as plataformas e contextos de mídia.
O que não fazer
Padrões inconsistentes para controles de mídia em várias plataformas e contextos causam confusão e sobrecarga cognitiva nos usuários.
O que fazer
Forneça padrões consistentes em plataformas e contextos de mídia.
Controle do volume
Use a interação de controle de volume principal, como o toque, a barra de volume e os controles de hardware, para garantir que as tarefas de volume importantes possam ser realizadas.
O que não fazer
É confuso quando os usuários não conseguem controlar o volume com o hardware.
O que fazer
Permitir que os usuários controlem o volume com a coroa de hardware.
Dispositivo de saída
Use um ícone que mostre claramente aos usuários qual dispositivo eles estão usando para ouvir a
reprodução de mídia.
O que não fazer
O ícone não reflete de onde o som vai sair e onde controlar o volume
O que fazer
Refletir o status do dispositivo de saída com a indicação dos controles de volume
Estender para vários dispositivos
Considere a consistência entre dispositivos e use padrões atuais para uma experiência do usuário mais previsível e consistente.
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 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."]]
