Consignes de conception des cartes

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

Faites en sorte que chaque carte se concentre sur une seule tâche, par exemple lancer la course.
Exécuter trop de tâches différentes sur une même carte

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".

Cartes

Afficher des représentations visuelles des graphiques

Afficher des représentations d'informations numériques et statistiques rapidement et facilement, et donner à l'utilisateur la possibilité d'appuyer sur l'écran pour en savoir plus dans une application si nécessaire
Afficher des informations numériques ou statistiques détaillées sur la carte

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.

Cartes

É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

Cartes

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.

Cartes

Éléments obligatoires

Icône d'animation
Correspond à l'icône affichée sur le cadran pour cette activité.

Données principales
Contenu principal décrivant l'activité.

Libellé
Affiche l'état de l'activité.

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

  • Exportez les assets au format 400 x 400 px.
  • Fournissez des images d'aperçu arrondies et carrées.
  • Utilisez un arrière-plan noir uni.
  • Enregistrez au format PNG ou JPEG.
  • Ajoutez des assets localisés dans les langues populaires de votre application.
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.
Affichez un aperçu de la carte où le contenu est inséré.
Afficher un état vide, afficher l'icône de carte dans l'interface utilisateur de pagination ou placer un trait sur la carte

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