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

Utiliser une fréquence d'actualisation des données appropriée

Choisissez un taux de mise à jour approprié pour vos cartes, en tenant compte de l'impact sur l'autonomie de la batterie de l'appareil. Si vous utilisez des sources de données de plate-forme telles que la fréquence cardiaque et le nombre de pas, Wear OS contrôle la fréquence de mise à jour pour vous.

É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

Afficher les activités en cours

Lorsqu'une application effectue une activité de longue durée, telle que le suivi d'un entraînement ou la lecture de musique, elle doit afficher la progression de l'activité en cours dans l'une ou plusieurs des cartes.

Si votre application est également compatible avec les cartes qui permettent aux utilisateurs de démarrer ces activités, procédez comme suit pour minimiser toute confusion:

  • Indiquez qu'une activité en cours est déjà en cours.
  • Si l'utilisateur appuie sur ce type de carte, lancez votre application et affichez l'activité en cours. Ne démarrez pas une nouvelle instance d'une activité en cours.

Cartes

Conditions requises

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

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

Mouvement sur des cartes

Lorsque vous ajoutez des animations aux cartes, gardez à l'esprit les principes suivants:

Aider les utilisateurs à comprendre les changements

Indiquez si vous mettez à jour des informations sur une carte, comme la progression sur un graphique de nombre de pas.
Basculez de manière inattendue entre les valeurs.

Shorts en avant-première

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 une image d'aperçu circulaire.
  • 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