Interaction

Notes

Ce guide de conception a été créé pour Windows 7 et n’a pas été mis à jour pour les versions plus récentes de Windows. La plupart des conseils s’appliquent toujours en principe, mais la présentation et les exemples ne reflètent pas nos recommandations actuelles en matière de conception.

L’interaction est la variété de façons dont les utilisateurs interagissent avec votre application, notamment l’interaction tactile, le clavier, la souris, etc. Utilisez ces instructions pour créer des expériences intuitives et distinctives qui sont optimisées pour l’interaction tactile, mais qui fonctionnent de manière cohérente sur les appareils d’entrée.

Concevoir pour une expérience tactile d’abord

Avant tout, concevez votre application en ayant comme objectif que l’entrée tactile sera la principale méthode d’entrée de vos utilisateurs. Si vous utilisez les contrôles de plateforme, la prise en charge du pavé tactile, de la souris et du stylet ne nécessite aucune programmation supplémentaire, car Windows fournit cela gratuitement.

Sachez cependant qu’une interface utilisateur optimisée pour les entrées tactiles ne se révèle pas toujours supérieure à une interface utilisateur classique. Les deux offrent des avantages et des inconvénients propres à la technologie et à l’application. Dans le passage à une interface utilisateur tactile, il est important de comprendre les principales différences entre l’entrée tactile (y compris le pavé tactile), le stylet/stylet, la souris et l’entrée au clavier. Ne prenez pas les propriétés et les comportements d’appareil d’entrée familiers pour acquis, car l’interaction tactile dans Windows 8 fait plus que simplement émuler cette fonctionnalité.

Comme vous le découvrirez bientôt, l’entrée tactile nécessite une approche différente de la conception de l’interface utilisateur.

Comparer les critères de l’interaction tactile

Ce tableau présente certaines des différences entre les périphériques d’entrée que vous devez prendre en compte lorsque vous concevez des applications optimisées pour les interactions tactiles du Windows Store.

Factor	Interactions tactiles	Interactions à l’aide de la souris, du clavier, du stylo/stylet	Pavé tactile
Précision	La zone de contact au bout du doigt est plus importante qu’une simple coordonnées x-y, ce qui augmente le risque d’activations involontaires de commandes.	La souris et le stylo/stylet répondent à une coordonnée x-y précise.	Comme la souris.
	La forme de la zone de contact change tout au long du mouvement.	Les mouvements de la souris et les traits du stylo/stylet répondent à des coordonnées x-y précises. Le focus du clavier est explicite.	Comme la souris.
	Il n’y a pas de curseur de souris pour aider au ciblage.	Le curseur de la souris, le curseur du stylo/stylet et le focus du clavier constituent tous une aide au ciblage.	Comme la souris.
Anatomie humaine	Les mouvements effectués avec le bout du doigt sont imprécis, car le traçage d’une ligne droite avec un ou plusieurs doigts est difficile à réaliser. Cela s’explique par la courbure des articulations de la main et le nombre d’articulations impliquées dans le mouvement.	Il est plus facile de tracer un mouvement de ligne droite avec la souris ou le stylo/stylet, car la main qui les contrôle parcourt une distance plus courte que le curseur sur l’écran.	Comme la souris.
	Certaines zones situées sur la surface tactile d’un périphérique d’affichage peuvent être difficiles à atteindre en raison de la posture des doigts et de la prise en main du périphérique par l’utilisateur.	La souris et le stylo/stylet peuvent accéder à toutes les parties de l’écran, et n’importe quel contrôle est accessible par le clavier via l’ordre des onglets.	La posture des doigts et la prise en main peuvent poser problème.
	Le bout des doigts ou la main de l’utilisateur peuvent masquer des objets. C’est ce que l’on appelle l’« occlusion ».	Les périphériques d’entrée indirects ne provoquent pas d’occlusion.	Comme la souris.
État de l’objet	L’interaction tactile utilise un modèle à deux états : la surface tactile du périphérique d’affichage est touchée (activée) ou non touchée (désactivée) par l’utilisateur. Il n’existe pas d’état de pointage susceptible de déclencher un retour visuel supplémentaire.	Une souris, un stylo/stylet et un clavier exposent tous un modèle à trois états : soulevé (activé), appuyé (activé) et pointé (focus). Le pointage permet à l’utilisateur d’explorer et de découvrir les éléments à l’aide d’info-bulles associées aux éléments de l’interface utilisateur. Les effets de pointage et de focus peuvent transmettre les objets qui sont interactifs et aident également au ciblage.	Comme la souris.
Interaction évoluée	Prend en charge l’interaction tactile multipoint : plusieurs points d’entrée (bout des doigts) sur une surface tactile.	Prend en charge un point d’entrée unique.	Comme l’entrée tactile.
	Prend en charge la manipulation directe des objets par le biais de gestes tels que l’appui, le glissement, le pincement et la rotation.	Ne prend pas en charge la manipulation directe, car la souris, le stylo/stylet et le clavier sont des périphériques d’entrée indirects.	Comme la souris.

Remarque

L’entrée indirecte a bénéficié de plus de 25 ans d’amélioration. Les fonctions comme les info-bulles déclenchées par le pointage ont été conçues pour résoudre les problèmes d’exploration de l’interface utilisateur spécifiques aux entrées à l’aide du pavé tactile, de la souris, du stylo/stylet et du clavier. Les fonctionnalités d’interface utilisateur de ce genre ont été repensées pour enrichir l’expérience de la saisie tactile, sans compromettre l’expérience utilisateur sur les autres appareils.

Nous fournissons des instructions générales sur l’interaction utilisateur ici et aborderons les instructions spécifiques à l’appareil dans ces rubriques.

• Interface tactile
• Souris
• Stylet
• Clavier
• Accessibilité

Visuels pour les commentaires

Les commentaires visuels appropriés lors des interactions avec votre application permettent aux utilisateurs de reconnaître, d’apprendre et de s’adapter à la façon dont leurs interactions sont interprétées par l’application et les commentaires visuels Windows peuvent indiquer des interactions réussies, relayer des status système, améliorer le sentiment de contrôle, réduire les erreurs, aider les utilisateurs à comprendre le système et le périphérique d’entrée, et encourager l’interaction.

Le retour visuel est essentiel quand l’utilisateur doit réaliser, avec la fonction tactile, des activités qui demandent de l’exactitude et de la précision selon l’endroit concerné. Affichez le retour, quels que soient l’emplacement et le moment de la détection de l’entrée tactile, pour aider l’utilisateur à comprendre toutes les méthodes de ciblage personnalisé qui sont définies par votre application et ses contrôles.

Optimiser la précision

L’entrée tactile implique toute la zone de contact du doigt. Cette géométrie de contact est utilisée pour déterminer l’objet cible le plus probable. Dimensionner vos contrôles pour garantir une interface utilisateur confortable avec des objets et des contrôles faciles et sûrs à cibler.

Dimensionner, espacer et positionner vos contrôles pour éliminer l’occlusion du doigt et de la main, où l’interface utilisateur est masquée par l’interaction utilisateur elle-même.

Positionnez les menus, les fenêtres contextuelles et les info-bulles au-dessus de la zone de contact dans la mesure du possible.

Limiter pour la confiance

Évitez ou réduisez les interactions bâclées à l’aide de contraintes d’interface utilisateur.

• Les points d’ancrage peuvent faciliter l’arrêt aux emplacements souhaités. Les points d’ancrage spécifient des arrêts logiques dans le contenu de votre application. Cognitivement, les points d’ancrage agissent comme un mécanisme de pagination pour l’utilisateur et réduisent la fatigue en cas de glissement, de balayage ou de rotation excessifs. Avec eux, vous pouvez gérer des entrées utilisateur imprécises et vous assurer qu’un sous-ensemble spécifique de contenu ou d’informations clés est affiché.
• « rails » directionnels qui mettent en évidence l’axe de mouvement (vertical ou horizontal).

Éviter les interactions chronologiques

Ne classez pas les interactions en fonction du temps. Une même interaction doit avoir le même résultat, quel que soit le temps pris pour l’effectuer. Les activations temporelles impliquent des délais obligatoires à respecter par l’utilisateur. Par ailleurs, elles portent atteinte non seulement à la nature immersive des manipulations directes, mais également à la perception de la réactivité du système.

Généralement, les interactions chronométrées dépendent de seuils invisibles, tels que le temps, la distance ou la vitesse, pour déterminer la commande à effectuer. Les interactions chronotés n’ont pas de retour visuel tant que le système n’effectue pas l’action et que les utilisateurs doivent atteindre des seuils arbitraires et invisibles pour obtenir un résultat. Le retour visuel instantané au cours de l’interaction permet à l’utilisateur de se sentir davantage impliqué, confiant et en contrôle.

Les interactions qui affectent directement les objets et qui imitent les gestes réels sont plus intuitives, plus visibles et plus faciles à retenir. Elles ne dépendent pas d’interactions obscures ou abstraites.

Note: Une exception à ce problème est lorsque vous utilisez des interactions chronologiques spécifiques pour faciliter l’apprentissage et l’exploration (par exemple, appuyer de façon prolongée). L’utilisation de descriptions et de repères visuels appropriés a un grand effet sur l’utilisation des interactions avancées.