Les cartes sont l'une des surfaces les plus accessibles sur Wear OS.
Les cartes permettent d'accéder rapidement aux informations et aux actions dont les utilisateurs ont besoin pour effectuer une tâche. Un geste sur le cadran permet à l'utilisateur de suivre ses progrès vers ses objectifs de remise en forme, de consulter la météo et plus encore. Vous pouvez lancer une application ou effectuer des tâches essentielles en un clin d'œil à l'aide des cartes.
Les utilisateurs peuvent choisir les cartes qu'ils souhaitent voir sur leur montre. Wear OS leur permet de gérer leurs cartes à la fois sur la montre et dans l'application associée.
Principes de l'expérience utilisateur
Le tableau suivant décrit les principes d'expérience utilisateur avec cartes.
Immédiateté |
Prévisibilité |
Pertinence |
Les cartes sont conçues pour aider les utilisateurs à effectuer rapidement des tâches fréquentes. Affichez le contenu essentiel avec une hiérarchie d'informations claire, de sorte qu'il soit facile à comprendre. | Le contenu de chaque carte doit toujours être axé sur une tâche utilisateur. Cela permet aux utilisateurs de prédire quelles informations ils pourront voir sur la carte, ce qui améliorera le rappel. | Les utilisateurs peuvent porter leur montre où qu'ils se trouvent. Réfléchissez à la pertinence du contenu de la carte par rapport au contexte de l'utilisateur. |
Consignes
Tenez compte des consignes suivantes lorsque vous créez des cartes.
Concentrez-vous sur une seule tâche

À faire

À éviter
Créer des cartes distinctes pour chaque tâche
Si votre application est compatible avec plusieurs tâches, envisagez de créer une carte pour chacune d'elles. Par exemple, une application de remise en forme peut avoir à la fois une carte "Objectifs" et une carte "Activités d'entraînement".
Afficher des représentations visuelles des graphiques

À faire

À éviter
Indiquer les mises à jour les plus récentes
Assurez-vous que l'utilisateur est au courant de des données récentes affichées sur sa montre. Affichez les données mises en cache, ainsi que la date de leur dernière mise à jour lorsqu'elles sont pertinentes.
États vides
Les cartes comprennent deux types d'états vides. Dans les deux cas, nous vous recommandons d'utiliser PrimaryLayout
.

Erreurs ou autorisation
Indiquer à l'utilisateur qu'il doit mettre à jour ses paramètres ou ses préférences depuis la carte

Se connecter
Insérer une incitation à l'action claire sur une carte "Se connecter"
Exemples de boîtes de dialogue
Utiliser les états des boîtes de dialogue pour les erreurs, les autorisations et les paramètres
Carte "Activité en cours"
Les états de la carte "Activité en cours" représentent les parties actives d'une application. Ces cartes remplacent la carte d'application standard afin d'éviter les lancements répétés.
![]() |
Éléments obligatoires Icône d'animation
Données principales
Libellé
|
Aperçus
Ajoutez un aperçu de la carte pour aider l'utilisateur à voir le contenu affiché dans le gestionnaire de cartes de sa montre et de son téléphone. Chaque carte peut avoir une seule image d'aperçu représentative. Cette image doit répondre aux exigences suivantes.
![]() |
Conditions requises
|
![]() |
![]() |
Aperçu d'une carte affiché dans le gestionnaire de cartes d'une montre. | Aperçu d'une carte affiché dans le gestionnaire de cartes sur un téléphone. |

À faire

À éviter
Exemples de mise en page
Vous trouverez ci-dessous des cas d'utilisation courants des cartes basés sur nos bonnes pratiques en matière de conception. Pour en savoir plus, consultez la section Cartes.
![]() |
![]() |
![]() |
Suivi des objectifs |
Commencer l'entraînement |
Commencer l'entraînement |
![]() |
![]() |
![]() |
Commencer l'entraînement |
Résumé de l'entraînement |
Démarrer le minuteur |
![]() |
![]() |
![]() |
Fréquence cardiaque actuelle |
Fréquence cardiaque |
Prochaine alarme |
![]() |
![]() |
![]() |
Méditer |
Méditer |
Actualités |
![]() |
![]() |
![]() |
Météo |
Prochain événement |
Réseaux sociaux |
![]() |
||
Diffuser du contenu multimédia |