Principes de conception
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Concevez des expériences multimédias sur Wear OS en appliquant des principes fondamentaux qui privilégient le contrôle et l'efficacité des utilisateurs.
Cohérent et prévisible
Vérifiez que les utilisateurs n'ont pas besoin de réapprendre les bases de l'interaction d'une UI multimédia à une autre afin qu'ils puissent contrôler les contenus multimédias dans différents contextes.
Alignez les modèles d'UI et évitez de créer de nouvelles UI pour les interactions courantes.
Lisible en un coup d'œil et critique
Aidez les utilisateurs à accomplir rapidement des tâches en mettant en avant les commandes essentielles et en affichant l'état correct.
Affichez les commandes et le contenu essentiels dans une hiérarchie d'informations claire afin que les utilisateurs puissent contrôler la navigation et la lecture de contenus multimédias sur leur montre.
Refléter l'état dynamique, comme le volume actuel de l'appareil ou l'appareil de sortie connecté.
Rapide et cohérent
Vérifiez que les utilisateurs peuvent contrôler rapidement les contenus multimédias au poignet.
Évitez les gestes ou les schémas d'interaction cachés qui nécessitent une intégration et une capacité de mémoire spatiale. Fournissez des affordances visuelles intégrées qui guident clairement les utilisateurs vers des fonctionnalités supplémentaires.
Vérifiez que les parcours utilisateur impliquant l'UI du système et de l'application s'intègrent de manière fluide pour éviter que les utilisateurs aient à naviguer entre des écrans en double sur différentes surfaces et dans différents contextes.
Modèles de conception courants
Les sections suivantes décrivent les modèles de conception courants pour les expériences multimédias sur Wear OS.
Utilisez le bouton de dépassement pour offrir une navigation cohérente et plus de fonctionnalités.
À éviter
Utiliser des gestes cachés qui obligent les utilisateurs à mémoriser la navigation
À faire
Fournissez un bouton de débordement visible pour guider les utilisateurs vers des fonctionnalités supplémentaires.
Accès cohérent aux options multimédias
Fournissez un accès cohérent aux fonctionnalités sur les surfaces et dans les contextes média.
À éviter
Des schémas incohérents pour les commandes multimédias sur les surfaces et dans les contextes multimédias entraînent une confusion et une charge cognitive pour les utilisateurs.
À faire
Fournissez des modèles cohérents sur les surfaces et dans les contextes média.
Réglage du volume
Utilisez l'interaction de contrôle du volume clé, telle que l'affordance tactile, la barre de volume et les commandes matérielles, pour vous assurer que les tâches de volume critiques peuvent être effectuées.
À éviter
Il est déroutant pour les utilisateurs de ne pas pouvoir contrôler le volume avec le matériel.
À faire
Autorisez les utilisateurs à contrôler le volume avec la couronne matérielle.
Périphérique de sortie
Utilisez une icône qui indique clairement aux utilisateurs l'appareil qu'ils utilisent pour écouter la lecture multimédia.
À éviter
L'icône ne reflète pas d'où proviendra le son ni où contrôler le volume
À faire
Refléter l'état du périphérique de sortie avec l'indication des commandes de volume
Étendre sur plusieurs appareils
Pensez à la cohérence entre les appareils et utilisez des modèles existants pour une expérience utilisateur plus prévisible et cohérente.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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."]]
