Premiers pas dans la conception pour Wear OS
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Material Design pour Wear OS vous aide à créer des applications attrayantes.
Comprendre les cas d'utilisation
Les montres connectées permettent aux utilisateurs d'obtenir des informations en un clin d'œil (comme les progrès réalisés dans le cadre de leur programme de santé et de remise en forme) et d'agir rapidement, en répondant par exemple à un message instantané. Concentrez-vous sur des cas d'utilisation de ce type lorsque vous concevez des applications pour montres connectées.
L'interface d'une montre présente des opportunités uniques qui ne sont pas disponibles sur les appareils mobiles, y compris:
- Interaction possible grâce à une connexion physique (via des capteurs et des détecteurs de mouvements).
- Accès rapide à des actions et informations lisibles en un coup d'œil telles que les complications, les notifications et les cartes.
Mais les montres ont aussi leurs propres limites :
- Surface d'écran réduite
- Densité d'informations plus faible
- Autonomie de la batterie limitée
Tenez compte des capacités et des limites de la plate-forme lors de la conception d'applications pour les montres.
check_circle
À faire
Concevez des expériences dans lesquelles les tâches peuvent être effectuées facilement à l'aide de l'interface de la montre.
cancel
À éviter
Créer des applications complexes et détaillées comprenant des éléments tels que des feuilles de calcul, car il est difficile de les modifier ou de les visualiser sur une montre.
Tester les conceptions
La plupart des appareils Wear OS sont ronds, et la taille de l'interface utilisateur est réduite de 22% par rapport aux appareils de forme carrée. Les écrans ronds nécessitent également des marges plus importantes pour que le texte soit plus lisible.
Material Design pour Wear OS vous aide à créer des applications attrayantes. Les captures d'écran ci-dessous présentent des exemples d'applications Wear OS qui respectent les principes décrits dans ce guide.
check_circle
À faire
Commencez par concevoir des interfaces pour les appareils de forme arrondie pour vous assurer que votre mise en page fonctionne avec des contraintes de taille inférieure.
cancel
À éviter
Les personnes qui portent des montres bougent beaucoup (qu'elles soient simplement debout, en train de faire des gestes de la main ou encore de courir pour attraper leur bus). Tester vos conceptions dans des situations où les utilisateurs sont en mouvement pour vous assurer qu'elles sont utilisables d'un seul coup d'œil.
Exemples d'applications
Material Design pour Wear OS vous aide à créer des applications attrayantes. Les captures d'écran ci-dessous présentent des exemples d'applications Wear OS qui respectent les principes décrits dans ce guide.
Figure 1 : Exemple d'application multimédia.
Figure 2. Exemple d'application de gestion des tâches.
Figure 3. Exemple d'application de messagerie instantanée.
Figure 4. Exemple d'application Chronomètre.
Figure 5. Exemple d'application Téléphone.
Figure 6. Exemple d'application Calculatrice
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,["# Getting started designing for Wear OS\n\nMaterial Design for Wear OS helps you design engaging app experiences.\n\nUnderstand use cases\n--------------------\n\nWatches allow users to get information at a glance, such as seeing\nprogress towards health and fitness goals, and to act quickly, like responding\nto an instant message. Focus on use cases like these when designing apps for\nsmartwatches.\n\nThe watch interface presents unique opportunities that are not available\non mobile devices, including:\n\n- Input enabled by a physical body connection (through sensors and motion detection).\n- Quick access to glanceable information and actions, such as complications, notifications, and Tiles.\n\nThe watch also comes with limitations:\n\n- Smaller screen space\n- Lower information density\n- Limited battery life\n\nConsider both the capabilities and limitations of the platform when designing\napps for watches. \ncheck_circle\n\n### Do\n\nDesign experiences where tasks can be accomplished easily using the watch interface. \ncancel\n\n### Don't\n\nDon't create complex, detailed apps that include items like spreadsheets, as this is difficult to edit and view on a watch.\n\nTest designs\n------------\n\nThe majority of Wear OS devices have round screens, which have 22% less UI\nspace than square displays. Round screens also need larger margins for text to\nbe more readable.\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide. \ncheck_circle\n\n### Do\n\nDesign for round devices first to make sure your layout works within the smaller size constraints. \ncancel\n\n### Don't\n\nPeople wearing watches are regularly in motion, whether they are standing, gesturing, or running to catch a bus. Test your designs in situations that involve user movement to make sure the design is usable at a glance.\n\nApp examples\n------------\n\nMaterial Design for Wear OS helps you design engaging app experiences. The\nfollowing screenshots show a few illustrated examples of Wear OS apps that\nfollow the principles described in this guide.\n\n\n**Figure 1.** An example of a media app.\n\n**Figure 2.** An example of a task management app.\n\n\u003cbr /\u003e\n\n\n**Figure 3.** An example of an instant messaging app.\n\n**Figure 4.** An example of a stopwatch app.\n\n\u003cbr /\u003e\n\n\n**Figure 5.** An example of a dialer app.\n\n**Figure 6.** An example of a calculator app.\n\n\u003cbr /\u003e"]]
