Recommandations en matière de conception du pavé tactile

Concevez votre application afin que les utilisateurs puissent interagir avec lui via un pavé tactile. Un pavé tactile combine l'entrée multi-tactile indirecte avec l'entrée de précision d'un dispositif de pointage, comme une souris. Cette combinaison rend le pavé tactile adapté à l’interface utilisateur optimisée tactile et aux plus petites cibles des applications de productivité.

Les interactions avec le pavé tactile nécessitent trois éléments :

• Pavé tactile standard ou pavé tactile de précision Windows.

  Les pavés tactiles de précision sont optimisés pour les dispositifs fonctionnant sous Windows. Ils permettent au système de gérer certains aspects de l’expérience du pavé tactile en mode natif, tels que le suivi des doigts et la détection des paumes, pour une expérience plus cohérente entre les appareils.

• Contact direct d’un ou plusieurs doigts sur le pavé tactile.

• Mouvement des contacts tactiles (ou absence de ces derniers, en fonction d’un seuil de temps).

Les données d’entrée fournies par le capteur du pavé tactile peuvent être les suivantes :

• Interprété comme un mouvement physique pour la manipulation directe d’un ou plusieurs éléments d’interface utilisateur (par exemple, panoramique, rotation, redimensionnement ou déplacement). En revanche, l’interaction avec un élément par le biais de sa fenêtre de propriétés ou d’une autre boîte de dialogue est considérée comme une manipulation indirecte.
• Reconnues comme une méthode d’entrée alternative, telle que la souris ou le stylet.
• Utilisées pour compléter ou modifier des aspects d’autres méthodes d’entrée, comme le maculage d’un trait d’encre dessiné à l’aide d’un stylo.

Un pavé tactile combine des entrées tactiles multiples indirectes avec l’entrée de précision d’un dispositif de pointage, comme une souris. Cette combinaison rend le pavé tactile adapté à l’interface utilisateur optimisée tactile et aux cibles généralement plus petites des applications de productivité et de l’environnement de bureau. Optimisez la conception de votre application Windows pour l’entrée tactile et bénéficiez par défaut de la prise en charge du pavé tactile.

En raison de la convergence des expériences d’interaction prises en charge par les pavés tactiles, nous vous recommandons d’utiliser l’événement PointerEntered pour fournir des commandes d’interface utilisateur de style souris en plus de la prise en charge intégrée de l’entrée tactile. Par exemple, utilisez des boutons Précédent et Suivant pour permettre aux utilisateurs de feuilleter les pages de contenu et de se déplacer à travers celui-ci.

Les mouvements et instructions abordés dans cette rubrique peuvent vous aider à vous assurer que votre application prend en charge l’entrée du pavé tactile de manière transparente et avec un code minimal.

Langue du pavé tactile

Un ensemble concis d’interactions tactiles est utilisé de manière cohérente dans tout le système. Optimisez votre application pour l’entrée tactile et la souris et cette langue rend votre application familière instantanément pour vos utilisateurs, augmentant leur confiance et rendant votre application plus facile à apprendre et à utiliser.

Les utilisateurs peuvent définir beaucoup plus de mouvements de pavé tactile de précision et de comportements d’interaction que pour un pavé tactile standard. Ces deux images affichent les différentes pages de paramètres du pavé tactile à partir de Paramètres > Appareils > Souris et pavé tactile pour un pavé tactile standard et un pavé tactile à précision, respectivement.

^{Paramètres standard\ pavé tactile\}

^{Paramètres Windows\ Precision\ Touchpad\}

Voici quelques exemples de mouvements optimisés pour les pavés tactiles pour effectuer des tâches courantes.

Matériel

Interrogez les fonctionnalités de l’appareil souris (MouseCapabilities) pour identifier les aspects de l’interface utilisateur de votre application que le matériel du pavé tactile peut accéder directement. Nous vous recommandons de fournir une interface utilisateur pour l’entrée tactile et la souris.

Pour plus d’informations sur l’interrogation des fonctionnalités d’appareil, consultez Identifier les appareils d’entrée.

Commentaires visuels

• Lorsqu’un curseur tactile est détecté (par le biais d’événements de déplacement ou de pointage), affichez l’interface utilisateur spécifique à la souris pour indiquer les fonctionnalités exposées par l’élément. Si le curseur du pavé tactile ne se déplace pas pendant un certain temps ou si l’utilisateur lance une interaction tactile, faites disparaître progressivement l’interface utilisateur du pavé tactile. Cela permet de nettoyer et de désencombrer l’interface utilisateur.
• N’utilisez pas le curseur pour les commentaires de pointage, les commentaires fournis par l’élément sont suffisants (voir la section Curseurs ci-dessous).
• N’affichez pas de commentaires visuels si un élément ne prend pas en charge l’interaction (par exemple, du texte statique).
• N’utilisez pas de rectangles de focus avec des interactions avec le pavé tactile. Réservez-les pour les interactions au clavier.
• Affichez simultanément les commentaires visuels pour tous les éléments qui représentent la même cible d’entrée.

Pour obtenir des conseils plus généraux sur les commentaires visuels, consultez Recommandations en matière de commentaires visuels.

Cursors

Un ensemble de curseurs standard est disponible pour un pointeur tactile. Elles sont utilisées pour indiquer l’action principale d’un élément.

Chaque curseur standard a une image par défaut correspondante associée. L’utilisateur ou une application peut remplacer l’image par défaut associée à n’importe quel curseur standard à tout moment. Les applications UWP spécifient une image de curseur via la fonction PointerCursor .

Si vous devez personnaliser le curseur de la souris :

• Utilisez toujours le curseur de flèche () pour les éléments cliquables. n’utilisez pas le pour les liens ou d’autres éléments interactifs. Utilisez plutôt des effets de pointage (décrits précédemment).
• Utilisez le curseur de texte () pour le texte sélectionnable.
• Utilisez le curseur de déplacement () lorsque le déplacement est l’action principale (par exemple, glisser ou rogner). N’utilisez pas le curseur de déplacement pour les éléments où l’action principale est la navigation (par exemple, les vignettes Démarrer).
• Utilisez les curseurs de redimensionnement horizontal, vertical et diagonal (, , lorsqu’un objet est redimensionnable.
• Utilisez les curseurs de main saisissante (, ) lors du déplacement du contenu dans un canevas fixe (par exemple, une carte).

Articles connexes

• Gérer l’entrée du pointeur
• Identifier les appareils d’entrée

Samples

• Exemple d’entrée de base
• Exemple d’entrée à faible latence
• Exemple de mode d’interaction utilisateur
• exemple de visuels de Focus

Exemples d’archives

• Entrée : exemple de fonctionnalités d’appareil
• Entrée : exemple d’événements d’entrée utilisateur XAML
• Exemple de zoom, de mouvement panoramique et de défilement XAML
• Entrée : gestes et manipulations avec GestureRecognizer