Comment les utilisateurs interagissent avec des périphériques d’entrée (HTML)
[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]
Voici une liste des interactions communes et de toutes les correspondances des mouvements liés à l’entrée tactile, au pavé tactile, à la souris, au clavier et au stylo/stylet dans Windows 8.1.
Voir cette fonctionnalité en action dans le cadre de notre série Fonctionnalités d’application de A à Z: Interaction utilisateur : entrée tactile... et plus encore
Interactions et périphériques
Windows 8.1 prend en charge une multitude de périphériques d’entrée, des périphériques tactiles au clavier. Il offre également une expérience d’interaction intuitive et efficace qui est propre à chaque périphérique, mais cohérente du point de vue du fonctionnement entre les périphériques et les modes, tels que le clavier tactile, la roulette de la souris et la gomme du stylet.
Concevez l’interface utilisateur de votre application du Windows Store pour les actions tactiles, mais tenez compte des implications sur la conception pour de nombreux périphériques :
- Pavé tactile, qui combine les expériences tactiles et avec la souris
- Souris
- Stylo/stylet, spécialisé dans la fonctionnalité d’entrée manuscrite
- Périphériques clavier, pour l’édition de texte et les raccourcis de commandes
Entrée tactile | Pavé tactile | Souris | Clavier (matériel) | Stylo/stylet |
---|---|---|---|---|
Sélectionner | ||||
Balayage à l’opposé du sens de défilement (voir Recommandations en matière de glisser transversal) | Appui avec deux doigts | Clic droit | Espace | Balayage à l’opposé du sens de défilement (voir Recommandations en matière de glisser transversal) |
Afficher la barre de l’application | ||||
Balayage depuis le bord supérieur ou inférieur | Balayage depuis le bord supérieur ou inférieur | Clic droit | Touche Windows+Z, touche de menu | Balayage depuis le bord supérieur ou inférieur |
Afficher les icônes | ||||
Balayer à partir du bord droit | Balayer à partir du bord droit | Pointer dans l’angle supérieur ou inférieur droit | Touche Windows+C | Balayer à partir du bord droit |
Menu contextuel | ||||
Appui sur le texte sélectionné, appui prolongé | Appui avec deux doigts sur le texte sélectionné, appui prolongé | Clic droit | Touche de menu | Appui sur le texte sélectionné, appui prolongé |
Lancer/activer | ||||
Appuyer | Appuyer | Clic gauche | Entrée | Appuyer |
Défilement sur une courte distance | ||||
Glissement | Glissement avec deux doigts | Barre de défilement, touches de direction, clic gauche et glissement | Touches de direction | Barre de défilement |
Défilement sur une longue distance | ||||
Glissement (inertie incluse) | Glissement avec deux doigts (inertie incluse) | Barre de défilement, roulette, clic gauche et glissement | Pg. préc, Pg. suiv | Barre de défilement |
Réorganiser (faire glisser) | ||||
Balayage à l’opposé du sens de défilement au-delà d’un seuil de distance (voir Recommandations en matière de glisser transversal) | Appuyer longuement et faire glisser | Clic gauche et glissement | Ctrl+C ou Ctrl+X, Ctrl+V | Balayage à l’opposé du sens de défilement au-delà d’un seuil de distance (voir Recommandations en matière de glisser transversal) |
Zoomer | ||||
Pincement, étirement | Pincement, étirement | Roulette, Ctrl+roulette, commande d’interface utilisateur | Ctrl+Plus(+) ou Moins(-) | Commande d’interface utilisateur |
Rotation | ||||
Tourner | Tourner | Ctrl+Maj+roulette, commande d’interface utilisateur | Ctrl+Plus(+) ou Moins(-) | Commande d’interface utilisateur |
Insérer le curseur/sélectionner du texte | ||||
Appui, appui sur la barre de redimensionnement | Appuyer | Clic gauche+glissement, double-clic | Touches de direction, Maj+touches de direction, Ctrl+touches de direction, etc. | Appui, appui sur la barre de redimensionnement |
Informations supplémentaires | ||||
Appuyer longuement | Appuyer longuement | Pointage (avec un délai) | Déplacement du rectangle de sélection (avec un délai) | Appuyer longuement |
Déplacer le focus | ||||
Non applicable | Non applicable | Non applicable | Touches de direction, Tab | Non applicable |
Retour d’interaction | ||||
Visualisations tactiles | Mouvement du curseur, changement de curseur | Mouvement du curseur, changement de curseur | Rectangles de sélection | Visualisations de stylo |
Rubriques associées
Conceptuel
Réponse à l’interaction utilisateur
Conception de l’interaction tactile
Référence
Exemples (DOM)
Exemple de zoom, de panoramique et de défilement HTML
Entrée : exemple de gestion d’événement de pointeur DOM
Entrée : exemple de mouvements instanciables
Exemples (API d’applications du Windows Store)
Entrée : exemple de manipulations et de mouvements (JavaScript)
Entrée : exemple de mouvements Windows 8
Entrée : exemple d’événements d’entrée utilisateur XAML
Exemple de zoom, de panoramique et de défilement XAML
Exemples (DirectX)