Les smartwatches sont idéales pour une utilisation en déplacement, mais leur utilisation devient difficile lorsque les utilisateurs ont les mains pleines. Pour résoudre ce problème, Wear OS 7 introduit un nouveau framework de gestes à une main pour les OEM et une API de gestes pour les développeurs qui utilisent Jetpack Compose sur Wear OS. Bien qu'il soit adopté exclusivement par les appareils Pixel Watch (Pixel Watch 3 et modèles ultérieurs), ce framework sous-jacent est disponible pour tous les fabricants. En prenant en charge cette API, la prise en charge des gestes de votre application peut s'étendre automatiquement à l'ensemble de l'écosystème à mesure que d'autres OEM l'activent.
Pour créer des expériences fluides et sans contact, suivez ces consignes afin de déterminer si les gestes à une main conviennent à l'expérience de votre application.
Gestes et actions compatibles
Le framework de gestes Wear OS accepte deux types de gestes : action principale et action de fermeture. Sur la Pixel Watch, l'action principale est associée au geste de double pincement, et l'action de fermeture est associée au geste de rotation du poignet.
Action principale
L'action principale doit correspondre à la tâche principale qu'un utilisateur peut effectuer sur un écran ou une page, comme répondre à un appel téléphonique ou activer/désactiver la lecture/pause dans les commandes multimédias. Si la page est défilable, votre application ne peut mapper qu'un seul élément d'UI à la fois sur l'action principale.
Le double pincement est plus utile lorsque l'utilisateur peut accéder à cet élément d'interface utilisateur à l'aide de gestes, de la voix ou lorsque l'élément s'ouvre automatiquement (comme une notification ou des commandes multimédias). Si la seule façon d'accéder à l'élément d'interface utilisateur est d'appuyer dessus ou d'utiliser des boutons, l'action n'est pas un bon cas d'utilisation pour le geste d'action principal.
Ignorer l'action
Par défaut, l'action de fermeture est associée au bouton "Retour" du système et permet de revenir à l'écran précédent. Votre application peut remplacer le mouvement du poignet pour des cas d'utilisation spécifiques, mais ces exceptions doivent toujours s'aligner sur le concept de fermeture, de mise en sourdine ou de réduction. Par exemple, vous pouvez choisir de mettre un appel en mode silencieux plutôt que de le refuser, ou de fermer des notifications plutôt que de les ignorer ou de les supprimer. Cette action ne doit jamais être associée à des actions arbitraires dans votre application, même si cela peut être tentant, car cela rompt le modèle utilisateur qui utilise l'action de fermeture comme indicateur cohérent pour une commande de retour ou de fermeture.
L'action de fermeture peut également être désactivée pour un écran lorsqu'elle présente un risque de déclenchement accidentel, par exemple sur un écran d'entraînement actif ou lors d'un appel d'urgence. Pour désactiver la rotation du poignet pour un écran donné, abonnez-vous à l'action de fermeture, mais ne faites rien avec l'événement de geste distribué. En d'autres termes, fournissez un abonnement vide.
Consignes concernant les commandes gestuelles
Le framework de gestes Wear OS est conçu pour gérer les interruptions et les commandes. Elle n'est pas conçue pour permettre une navigation complète sur la montre. Suivez ces consignes pour adopter les gestes à une main dans votre application :
- Réduisez la navigation : utilisez des gestes pour les interactions ponctuelles, comme fermer une notification ou mettre en pause et reprendre la lecture d'un contenu multimédia.
- Utilisez le défilement avec parcimonie : le geste principal (double pincement) peut être utilisé pour faire défiler le contenu, mais cela ne doit pas être l'expérience par défaut pour tout le contenu défilable. N'activez le défilement par geste que si les conditions suivantes peuvent être remplies :
- L'utilisateur peut accéder à la vue de défilement d'une seule main ou en mode mains libres, par exemple à l'aide d'un geste, d'une commande vocale ou sur un écran qui se lance automatiquement, comme le contrôle multimédia et la navigation Maps.
- Le contenu fournit de la valeur en un coup d'œil, comme un récapitulatif d'entraînement, et ne nécessite pas d'interaction supplémentaire, à l'exception d'un bouton unique facultatif qui peut également effectuer l'action du geste principal une fois qu'il est affiché (comme un bouton OK).
- Évitez les impasses : assurez-vous que les actions gestuelles n'entraînent pas d'impasse où un utilisateur ne peut pas poursuivre son parcours sans utiliser l'écran tactile ou un bouton physique.
- Évitez les actions masquées : ne masquez jamais une action qui ne peut être effectuée que par un geste. Si un utilisateur peut effectuer une action avec un double pincement, un bouton visible et cliquable qui effectue la même tâche doit être présent. Les actions universelles telles que la rotation du poignet pour revenir en arrière font exception, car l'intention de l'utilisateur est difficile à prédire.
Flux d'interaction et commentaires sur les gestes
Lorsqu'un geste est disponible et effectué par l'utilisateur, la séquence d'événements suivante se produit :
- Indication de geste : lorsqu'un geste d'action principal est disponible, une illustration animée d'une main effectuant le geste s'affiche à l'écran, informant l'utilisateur du geste disponible et de l'élément d'interface utilisateur sur lequel le geste agira. En règle générale, les indices n'apparaissent pas pour l'action de fermeture, sauf si elle correspond à un élément d'interface utilisateur à l'écran.
- Retour haptique : un retour haptique bref et net est émis lorsque l'action du geste est traitée avec succès.
Commentaires audio et visuels : tout commentaire audio ou visuel associé à un élément d'interface utilisateur qui se produit lors d'une interaction tactile doit également être déclenché par des actions gestuelles. Vous devez associer les rappels audio et visuels existants de votre application aux événements de geste pour offrir une expérience cohérente.
Exemple : L'appareil photo est associé à un son d'obturateur et à une interaction avec le bouton qui doivent être déclenchés par des gestes.
Conseils, informations et paramètres sur les gestes
Pour rendre les actions gestuelles détectables, la Pixel Watch propose un tutoriel interactif sur la montre et un framework d'indices dans l'API Gesture. Les paramètres des gestes sont également disponibles dans les paramètres système. Sur la Pixel Watch, ils se trouvent dans Paramètres > Gestes > Gestes de la main.
Intégration du tutoriel
Sur la Pixel Watch, les utilisateurs découvrent les gestes de la main grâce à un tutoriel interactif et aux Astuces Pixel. Il n'est pas nécessaire de créer un tutoriel sur les gestes uniques dans votre application. Utilisez plutôt les conseils contextuels fournis par Jetpack Compose sur Wear OS pour indiquer aux utilisateurs où les gestes sont disponibles dans votre application.
Indices contextuels
Pour aider les utilisateurs à découvrir les gestes dans votre application, fournissez des indices qui associent l'action du geste à l'affordance physique. Les indices subtils sont plus clairs et plus lisibles, et obstruent très peu les autres éléments de l'UI.
Voici les types d'indices contextuels :
- Indication du bouton
- S'affiche sous la forme d'une icône animée dans un élément d'interface utilisateur, tel qu'un bouton, en masquant temporairement le contenu habituel de cet élément, comme un libellé ou une icône de bouton.
- Indication flottante
- Icône animée contenue dans une petite bulle qui pointe vers l'élément d'interface utilisateur affecté par le geste. Les info-bulles flottantes sont généralement utilisées lorsque l'élément d'interface utilisateur auquel elles font référence est trop petit pour contenir l'info-bulle. L'exemple principal est le défilement, où la bulle d'aide pointe vers la barre de défilement pour indiquer que le geste principal fera défiler la page.
- L'indice peut pointer vers l'un des points cardinaux (haut, bas, gauche, droite).
Astuce du bouton
Échange momentanément avec une icône ou un texte existants.
Indication flottante
Pointe vers un élément à l'écran qui est trop petit pour contenir un indice de bouton.
Conseils sur les couleurs :
- Indication du bouton
- Par défaut, la couleur du drawable vectoriel animé (AVD) est teintée pour correspondre à la couleur de l'icône ou du texte du bouton (
LocalContentColor). - Si nécessaire, vous pouvez teinter l'AVD avec une couleur personnalisée. Toutefois, la couleur doit généralement être la même que celle du contenu qu'elle remplace temporairement pour offrir un contraste approprié.
- Par défaut, la couleur du drawable vectoriel animé (AVD) est teintée pour correspondre à la couleur de l'icône ou du texte du bouton (
- Indication flottante
- La couleur
Tertiaryest appliquée au conteneur d'indices. - La couleur de l'AVD est définie sur
onTertiary. - Vous pouvez personnaliser la couleur de l'indice et celle de la forme de l'arrière-plan.
- La couleur
Conseils sur la couleur de l'indice du bouton
La couleur de l'AVD correspond à celle de l'icône ou du texte du bouton.
Conseils sur la couleur de l'hint flottant
Le conteneur d'indices utilise Tertiary et l'AVD utilise onTertiary.
Règles de cadence des indices :
Pour aider les utilisateurs à découvrir les gestes, la plate-forme fournit une fréquence configurable pour l'affichage d'un conseil pour une expérience. La logique de cadence des indices est globale plutôt que par expérience. Le framework de gestes Wear OS contrôle la cadence et expose un paramètre (sur la Pixel Watch, Gestes > Gestes de la main > Conseils sur les gestes) permettant aux utilisateurs d'ajuster la cadence.
- Conseils sur les boutons
- Lors du premier lancement d'une application avec une action gestuelle, ou lors de la mise à jour d'une application qui introduit une action gestuelle, un indice s'affiche initialement pour cette action au moins une fois. L'astuce ne s'affiche à nouveau que selon la fréquence définie par l'utilisateur (par exemple, Toujours, Tous les jours et Tous les mois). Les indices sont définis sur Toujours par défaut.
- Conseils flottants
- Comme elles masquent le contenu adjacent, les info-bulles flottantes s'affichent au maximum une fois par jour et par expérience. Si la cadence globale des conseils est définie sur une valeur moins fréquente qu'une fois par jour (Tous les jours), le système utilise cette cadence moins fréquente.
Ressources supplémentaires
Pour obtenir des conseils sur l'implémentation de gestes à une main dans votre application, consultez Créer des applications pour le poignet avec Wear OS.