Croquis Sujet: « Le Northern Range, la porte dentrée de lUnion européenne »
Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les...
-
Upload
salome-leray -
Category
Documents
-
view
106 -
download
0
Transcript of Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les...
![Page 1: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/1.jpg)
L’interaction
Les périphériques d’entrée,styles d’interaction,
techniques d’interaction,et les modes
![Page 2: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/2.jpg)
Les périphériques d’entréeou dispositifs d’entrée
(« input devices »)
![Page 3: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/3.jpg)
Comment font les humains pour entrer/exprimer de l’information ?• Mains
– Mouvements, gestes, pointage (avec souris etc.)– Appuyer/tourner des boutons,
appuyer des touches (sur un clavier)
• Voix• Visage• Autres … ?
• (Anecdote: http://fr.wikipedia.org/wiki/Albert_Mehrabianet la règle du 7%-38%-55% (verbale, intonation, visage))
![Page 4: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/4.jpg)
Quelles sortes d’informationssont entrées par les humains ?
• “interaction tasks classify the fundamental types of information entered” (Foley et al., “Computer Graphics: Principles and Practice”)
• Foley et al. donnent une liste des 6 types d’informations:– spécifier une position– saisir du texte– sélectionner un objet– quantifier (c.-à-d. entrer un numéro)– spécifier une orientation– spécifier un chemin (par exemple, pour animer un objet)
• Autres ?
![Page 5: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/5.jpg)
Les périphériques d’entrée: les claviers
![Page 6: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/6.jpg)
http://world.std.com/~jdostale/kbd/SpaceCadet1.jpeg
![Page 7: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/7.jpg)
Clavier pliable pour Palm Pilot Clavier flexible; 24 $ à http://www.thinkgeek.com/computing/input/5a7f/?
cpg=ab(prix de 2008)
![Page 8: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/8.jpg)
Clavier projeté
http://en.wikipedia.org/wiki/Projection_keyboard
160$ à http://www.thinkgeek.com/computing/input/8193/(prix de 2008)
![Page 9: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/9.jpg)
Optimus
http://computer.howstuffworks.com/keyboard.htm/printable
![Page 10: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/10.jpg)
Optimus Maximus
Chacune des 113 touches contient un écran de 48x48 pixels.
1864 $ US ! (prix de 2008)
http://www.artlebedev.com/everything/optimus/
![Page 11: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/11.jpg)
Optimus Maximus
Configuré pour l’anglais
![Page 12: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/12.jpg)
Optimus Maximus
Configuré pour le russe
![Page 13: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/13.jpg)
Optimus Maximus
Configuré pour le jeu « Half-life »
![Page 14: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/14.jpg)
Optimus Maximus
Configuré pour « Photoshop »
![Page 15: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/15.jpg)
Boutons sur les magnétophones
Le statu quo:
des boutons uniformes
Boutons avec différentes formes: permettent de les utiliser sans regarder (“eyes-free operation”)
![Page 16: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/16.jpg)
Clavier de piano
![Page 17: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/17.jpg)
Clavier du Apple iPhone
![Page 18: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/18.jpg)
Clavier de Scholes versus clavier de Dvorak
Conçu en 1873 !
Reste encore la norme.
N’est toujours pas la norme … :-(
Remarquez que toutes les voyelles se trouvent sous une main dans la rangée du milieu
![Page 19: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/19.jpg)
Comparaison avec Dvorak
http://infohost.nmt.edu/~shipman/ergo/parkinson.html
![Page 20: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/20.jpg)
Boutons surchargés (“overloaded”) de fonctionsComment entrer des lettres de l’alphabet avec un clavier numérique? Stratégies:
- “Multitap”: appuyer la touche “2” une fois pour “a”, deux fois pour “b”, trois fois pour “c”
- Permet d’entrer du texte sans regarder (“eyes-free operation”)
- Comment entrer des lettres répétées? Avec une pause (“timeout”)
- “T9”: cherche des mots probables dans un dictionnaire
- Appuyer une touche “Next” pour corriger si la chaîne suggérée n’est pas la bonne
- Difficile d’entrer des mots qui ne sont pas dans le dictionnaire
- “LetterWise” (MacKenzie et al. 2001): cherche une chaîne de caractères probable dans un tableau de chaînes de N caractères
- Nécessite moins de mémoire que le dictionnaire de T9
- Plus rapide que Multitap
(Pour plus d’informations, voir aussi Wigdor et Balakrishnan 2004.)
![Page 21: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/21.jpg)
Demi clavier (“Half Keyboard”) de Matias Corp.
http://www.halfkeyboard.com/
![Page 22: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/22.jpg)
« Septambic keyer »ou « chorded keyboard »
4 x 24 – 1 = 63 « accords » possibles
![Page 23: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/23.jpg)
Les périphériques d’entrée:les périphériques de pointage
(“pointing devices”)
![Page 24: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/24.jpg)
La première souris
• 1968• Douglas Engelbart• Stanford Research Institute• Deux galets pour x et y
![Page 25: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/25.jpg)
30+ ans plus tard
Touchpad
Rotation sensing
Rockin’ Mouse
Retour haptique(retoure de force,“force feedback”)
![Page 26: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/26.jpg)
D’autres sortes de dispositifs de pointage 2D
• Tablette numérisante ou tablette graphique (“digitizing tablet”, “graphics tablet”)avec stylet (“stylus”) et/ou souris (“puck”)
• Écran tactile (“touchscreen”)• Crayon optique (“light pen”)• Pavé tactile (“touchpad”)• Manette, manche à balai (“joystick”)
– isométrique (rigide, capte la pression, exemple: Trackpoint)– élastique (comme isotonique, mais retourne au centre
lorsqu’elle est lâchée)– isotonique (peut-être déplacée librement)
• Boule de commande (“trackball”)• Oculomètre (command oculaire, “eye tracking”)
![Page 27: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/27.jpg)
TrackPoint (manette isométrique)
Pavé tactile (« touchpad »)
![Page 28: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/28.jpg)
Boules de commande de Logitech
![Page 29: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/29.jpg)
Tablettes graphiques
Wacom Bamboo5.8x3.7 pouces; 80$
Wacom Cintiq 21UXavec écran intégré21.3 pouces (17x12.75); 2500$
Wacom Intuos312x19 pouces; 750$
(prix de 2008)
![Page 30: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/30.jpg)
Périphériques pour tablettes
Les stylets peuvent avoir• un capteur de pression au bout• un bouton sur le bout du stylet pour permettre un clic• un bouton sur le côté (« barrel button ») • une molette (« scroll wheel ») qu’on peut tourner
![Page 31: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/31.jpg)
Propriétés des dispositifs de pointage
• Capture absolue vs rélative– Exemple: la souris capte des mouvements relatifs– Exemple: les tablettes numérisantes capte une
position absolue, mais peuvent être utilisées en mode absolu ou en mode relatif pour déplacer un curseur
– Laquelle est plus générale? Autrement dit, laquelle permet de simuler l’autre si on veut? Réponse: capture absolue
![Page 32: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/32.jpg)
Propriétés des dispositifs de pointage (2)
• Pointage direct vs indirect– Pointage direct: les espaces d’entrée et de sortie coïncident– Exemple: une souris, ou une tablette numérisante sans écran intégré,
permettent un pointage indirect– Exemple: un écran tactile, ou une tablette numérisante avec écran
intégré, permettent un pointage direct– Lequel est plus “intuitif” ? direct– Lequel est plus prévisible ? direct– Lequel est moins fatiguant ? indirect– Lequel évite de cacher le retour visuel ? indirect– Lequel est préféré par les artistes/graphistes ? ça dépend– Lequel est plus précis ? ça dépend non de la dimension
direct/indirect, mais si on pointe avec notre doigt ou un intermédiaire
![Page 33: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/33.jpg)
Propriétés des dispositifs de pointage (3)• Capture discrète vs continue
– Exemple: une souris capte une position (essentiellement) continue, mais on pourrait l’arrondir vers une de N positions discrètes si on voulais
– Exemple: touches de flêches (ou touches de direction), ou un interrupteur à N positions, permettent de capter des données discrètes
– Laquelle est plus générale ? continue
![Page 34: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/34.jpg)
Propriétés des dispositifs de pointage (4)• Contrôle de position (ou contrôle d’ordre zéro) vs contrôle de vitesse (ou contrôle de
taux ou contrôle de premier ordre)– Contrôle de vitesse: la position du périphérique détermine la vitesse à laquelle une
autre variable (ex: position de curseur) change– Exemple de contrôle de vitesse avec une souris,
dans Microsoft Word 2007:• La vitesse de défilement est déterminée
par le déplacement de la souris– Exemple: la fenêtre sur une porte d’automobile peut être ouverte/fermée avec un
levier (contrôle de position) ou bien un interrupteur (contrôle de vitesse)– Exemple: souris capte une position, et permet une contrôle de position ou bien une
contrôle de vitesse– Exemple: manette isométrique ne permet qu’une contrôle de vitesse– Laquelle est plus générale ? position– Laquelle permet mieux d’être précis ? position– Laquelle nécessite typiquement moins d’espace sur un bureau ? vitesse
(exemple extrême de cela: le TrackPoint, qui prend < 1 cm carré)
![Page 35: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/35.jpg)
Périphériques de pointageà contrôle de vitesse, pour le 3D
SpaceballSpacemouse
Spaceball 5000
Magellan SpaceNavigator (60$)3dconnexion.com(en 2008)
D’autres produits de 3dconnexion.com(en 2008)
![Page 36: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/36.jpg)
Taxonomie des périphériques d’entrée (Buxton) M: intermédiaire Méchanique
T: Toucher
![Page 37: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/37.jpg)
Quelques propriétésavantageuses de la souris
• Le poids de la souris stabilise et atténue les tremblements dans la main.
• La direction de mouvement des boutons est perpendiculaire au plan de mouvement de la souris. Donc, on peut appuyer un bouton sans affecter la position de la souris (contrairement aux boutons sur le côté des stylets).
• On peut lâcher et ressaisir la souris sans changer sa position.• Quels autres périphériques ont ces propriétés ?
(Pour une analyse plus détaillée des propriétés avantageuses de la souris, voir, par exemple, Balakrishnan et al. 1997, http://doi.acm.org/10.1145/258549.258778 )
![Page 38: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/38.jpg)
Modèle à trois états de Buxton (1990)
État 0: pas de coordonnées (x,y)États 1 et 2: la position (x,y) est captée
Exemples:• Tablette numérisante: états 0, 1, 2• Souris: états 1, 2• Écran tactile: états 0, 1
![Page 39: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/39.jpg)
TouchMouse(Hinckley et Sinclair 1999)
États 0, 1, 2
![Page 40: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/40.jpg)
TouchMouse(Hinckley et Sinclair 1999)
![Page 41: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/41.jpg)
PreSence (Rekimoto et al. 2003)
![Page 42: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/42.jpg)
Pointing Devices used for Text Entry ?• Dasher (David MacKay)
– http://www.inference.phy.cam.ac.uk/dasher/– http://www.inference.phy.cam.ac.uk/dasher/TryJavaDasherNow.html
![Page 43: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/43.jpg)
Typing Devices used for Pointing ?
• QPointer, by Commodio– http://www.commodio.com/products_keyboard.html– video
![Page 44: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/44.jpg)
Autres périphériques d’entrée?
![Page 45: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/45.jpg)
Périphériques à plusieursdegrés de liberté
(« High Degree-of-Freedom devices »)
![Page 46: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/46.jpg)
Le « Monkey »(W. Bradford Paley, didi.com)
![Page 47: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/47.jpg)
ShapeTape
measurand.com
Balakrishnan et al. 1999
![Page 48: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/48.jpg)
Un répertoire de périphériques d’entrée
http://www.billbuxton.com/InputSources.htmlPlus de 20 catégories de dispositifs
![Page 49: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/49.jpg)
Les styles d’interaction
![Page 50: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/50.jpg)
Quelques styles d’interaction(“interaction styles”,“interaction paradigms”)
• Entrée via langage de commande– Entrée habituellement par texte, mais pourrait être par reconnaissance de la parole
– Syntaxe rigide et vocabulaire limité
• Entrée via langue naturelle– Entrée par texte ou par reconnaissance de la parole
– Syntaxe d’entrée beaucoup plus flexible
• Autres formes d’entrée audio– Entrée de parole numérisé (sans reconnaissance),
par exemple: message destiné à une boîte vocale
– Entrée vocale sans parole (exemple: Igarashi et Hughes 2001)
• Sortie audio– Sortie audio sans parole (effets sonores, alarmes, etc.)
– Synthèse de la parole
• Menus
• Formulaires
• WIMPs / GUIs
• Manipulation directe
• Interaction gestuelle
![Page 51: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/51.jpg)
Command Languages
• User-initiated• Harder for beginner, can be more efficient for expert• Demands good retention by casual, infrequent users• User must remember syntax• Example: UNIX
– ls -l *.doc– grep "^From:" inbox | grep –i robert
• Some command languages (e.g. shell languages in UNIX) are extremely flexible (e.g. pipelining, macros, scripts …)
![Page 52: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/52.jpg)
Command Names
• Hard to choose “best, most natural” command name– (Bad) Example: grep
• Designers have difficulty choosing “best” name– Probability( 2 individuals generating same name) = 0.07-0.18
(Furnas et al. 1987)– Delete, remove, expunge, wipe out, take away, ...
• A possible solution: rich aliases in command names• Use of abbreviations
– Can increase typing efficiency, but is dangerous too !– Compromise: have full words and abbreviations (e.g. gdb)– Alternative solution: use auto-completion
• Spelling a problem– But spelling checkers and correctors feasible
![Page 53: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/53.jpg)
Langue naturelle(« Natural Language »)
• DEC Voice (vidéo) (Cowley et Jones, 1993)– Reconnaissance de paroles– Synthèse de paroles
![Page 54: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/54.jpg)
Langue naturelle:quelques observations …
• Mains et yeux libérés pour d’autres tâches• Fiabilité de la reconnaissance? Dépend de …
– Emplacement du micro– Bruits de fond– Taille du vocabulaire à reconnaître
• Utilisation pour entrer beaucoup de données?– La fatigue et l’ennui peuvent changer la qualité de la voix de
l’utilisateur– Une entrée multimodale (voix pour commandes, clavier
pour données) serait peut-être mieux
![Page 55: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/55.jpg)
Langue naturelle:quelques observations … (2)
• Utilisation pour pointer?– La souris est mieux pour spécifier des points précis
• Messages d’erreur– Ne pas donner toujours le même message d’erreur– Donner plûtot progressivement plus de conseils ou des
instructions différentes si une erreur est répétée• Recherche de mots clés dans une phrase entrée
– Reconnaissance plus fiable car le vocabulaire est restreint– Peut donner une fausse impression que la machine
comprend vraiment
![Page 56: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/56.jpg)
Langue naturelle
• Avatar REA (vidéo) (Cassell et al. 1999)– Reconnaissance de paroles– Synthèse de paroles
![Page 57: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/57.jpg)
Quelques observations
• On voit une indication visuelle de l’état du système, nous disant s’il nous écoute ou non– REA tourne son dos vers nous lorsqu’elle n’est pas
à l’écoute
• On est capable d’interrompre REA pour parler
![Page 58: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/58.jpg)
Langue naturelle
• « Put that there » (vidéo) (Bolt 1980)– Reconnaissance de paroles– Pointage– Multimodal
![Page 59: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/59.jpg)
Langue naturelle• « Spoken Language Shell » et « Office
Manager » (vidéo) (Lunati et Rudnicky 1991)– Reconnaissance de paroles– Pointage– Multimodal
![Page 60: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/60.jpg)
Quelques observations
• Notion de focus de voix– Chaque application à moins de mots à reconnaître,
donc la fiabilité est meilleure
• Contrôle sur le « endpointing » (segmentation des phrases entrées)– Une contrôle manuelle va augmenter la fiabilité aussi
• Correction (par voix ou par clavier) des parties de l’entrée qui ont été mal-reconnues– Remarque: nécessite un retour visuel
![Page 61: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/61.jpg)
Sortie audio
• « A sad story » (vidéo)– Une histoire racontée avec des sons, sans mots
![Page 62: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/62.jpg)
Sortie audio
• Usine « Arkola » (vidéo) (Gaver et al. 1991)– Simulation d’usine avec effets sonores
![Page 63: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/63.jpg)
Sortie audio
• Le « Earpod » (vidéo) (Zhao et al. 2007)
![Page 64: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/64.jpg)
Entrée audio sans paroles
• Igarashi et Hughes 2001
![Page 65: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/65.jpg)
Voice + Gestural Input• Gestures as annotations• Voice annotations• VIDEO — Wang Freestyle (Hsiao & Levine 1989)
• Remarque: une fois enregistrés, les gestes pourraient être utilisés pour indexer dans l’audio
![Page 66: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/66.jpg)
Menu Dialogues
• Computer-initiated display of alternatives– Text– Voice, e.g., “Would you like to speak to... 1. Linda... 2.
Susie... 3. Pierre... or 4. The operator”
• Items can have arguments– Either typed in, or in submenus
• Menu display and organization– Menu items displayed as words or pictographs (icons)?– Menu pages simple, pull-down, pop-up, scrolled, …
![Page 67: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/67.jpg)
Menu Dialogues
• Depth (d) versus breadth (b) tradeoff: n = bd
– Very deep: b=2 d=6– Intermediate: b=4 d=3– Shallower: b=8 d=2– One-level: b=64 d=1– Generally, breadth is better than depth
• Menu organization– Logical, alphabetic, frequency of use, recency of use– Adaptive versus adaptable menus
![Page 68: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/68.jpg)
WIMPs (Windows, Icons, Mouse Program or Windows, Icons, Menus, Pointer) or“GUIs” (Graphical User Interfaces)
• Components:– Windows (one of them active)– Menus– Icons– Controls and control panels– Query and message boxes– Mouse/keyboard interface– Direct manipulation
![Page 69: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/69.jpg)
Windows
• Rectangular areas– Multiple, concurrent, interleaved tasks– Individual contexts
• Tiled (left, below) & overlapping (right, below) windows
![Page 70: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/70.jpg)
“Elastic Windows” (Kandogan et Shneiderman)
![Page 71: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/71.jpg)
Direct Manipulation
• Shneiderman’s definition– Continuous representation of the object of interest– Manipulation through physical actions– Rapid, incremental, reversible operations
• Examples– Dragging a file to a trash can instead of typing “del foo.txt”– WYSIWYG text editors (like Xerox Star, Microsoft Word)– Spreadsheets– Musical score editors– Programming languages ?
• Why Direct Manipulation ?– One goal of interaction design: Minimize the effort required
to translate the user’s real world goals into system goals.
![Page 72: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/72.jpg)
Direct Manipulation
Text fields for entering positions vs 3D widgets that can be dragged.
![Page 73: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/73.jpg)
Gestural Input
• Gestures can be executed rapidly, and can be used as symbols to activate commands or select objects
• Sketches– can be used to quickly enter text or diagrams, without
requiring the user to switch from the pointing device to something else
– Have an informal, loose, implicit structure– Can carry much more (implicit) information than typed text
• Gestures as characters to recognize– Graffiti, Unistroke
![Page 74: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/74.jpg)
• Alvarado et Davis 2001• http://www.youtube.com/watch?v=NZNTgglPbUA
![Page 75: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/75.jpg)
• LaViola 2007 http://doi.acm.org/10.1145/1281500.1281558
![Page 76: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/76.jpg)
Phun (≈2008)• Jeu/simulateur physique gratuit avec entrée gestuelle• http://www.acc.umu.se/~emilk/
![Page 77: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/77.jpg)
Phun
![Page 78: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/78.jpg)
Entrée gestuelle
« Teddy » (Igarashi et al. 1999)
![Page 79: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/79.jpg)
Entrée gestuelle
• Les gestes comme données, exemple: objets et mouvements• VIDEO — GENESYS Animation (Ron Baecker, MIT, 1971)
• Le stylet sert pour faire de la capture de mouvements(“motion capture” ou “mocap”)
![Page 80: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/80.jpg)
Entrée gestuelle
• Kurtenbach et Buxton (vidéo)– Exemple de geste: encercler,
déplacer, et une lettre "C" pour copier des formes
![Page 81: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/81.jpg)
Les modes, et quelques exemplesde techniques d’interaction
(utilisant l’entrée gestuelle et autre)
![Page 82: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/82.jpg)
Techniques d’interaction (“Interaction Techniques”)
• “are ways to use input devices to enter information”
• "are made up of single input-device actions.” (Foley, et al. “Computer Graphics: Principles and
Practice”)
![Page 83: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/83.jpg)
Verbes(actions,commandes,outils,opérations) Noms
(objets,endroits)
![Page 84: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/84.jpg)
Verbes dans un menu déroulant
Noms(objets,endroits)
![Page 85: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/85.jpg)
Noms(objets,endroits)
Verbes dansun menu contextuel
![Page 86: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/86.jpg)
• Les modes créent la possibilité d’avoir des erreurs de mode, où l’utilisateur se croît en un mode lorsqu’il est dans un autre
• Un retour visuel indiquant le mode actuel est bien, mais souvent n’est pas assez pour empêcher les erreurs de mode– Exemples de retours visuels indiquant le mode:
icône d’outil surligné, forme de curseur, barre d’état• Les menus contextuels aided…
– À éviter les erreurs de mode, via des modes temporaires et (parfois) un retour kinesthésique (pression dans le doigt qui tient une touche appuyée)
– À augmenter l’espace d’écran disponible pour montrer le contenu/données (quoique ce contenu/données seront cachés temporairement pendant que le menu est affiché)
– Diminuent la distance à traverser avec le curseur– Peuvent fusionner la sélection de nom et verbe (sélection plus
rapide; meilleur couplage mental (“mental chunking” – Buxton 1986))
![Page 87: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/87.jpg)
Étant donné tous ces avantages des menus contextuels, pouvons-nous améliorer leur conception?
Y a t-il des widgets ou des techniques d’interaction encore
mieux?
![Page 88: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/88.jpg)
Menu radial(“Radial Menu”, “Pie Menu”)
![Page 89: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/89.jpg)
Exemple utilisant, effectivement, des menus radiaux
Yatani et al., CHI 2008
![Page 90: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/90.jpg)
Menus radiaux versusmenus linéaires
• Les directions sont plus mémorables et plus faciles à reproduire que les distances.
![Page 91: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/91.jpg)
Menu radial hiéarchique
![Page 92: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/92.jpg)
« Mouse Gestures » pour Firefox
![Page 93: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/93.jpg)
Marking Menu
• “Scale invariant recognition”: Reconnaissance des gestes (marques) qui ne dépend pas de la longueur des segments; seule les angles des segments importe. Donc, les marques peuvent être dessinées en petit et donc rapidement, de façon balistique.
• Un utilisateur qui sait quelle marque dessiner n’a même pas besoin de voir le menu s’afficher.
![Page 94: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/94.jpg)
Ensemble de marques découvrables (“self-revealing”), contrairement aux interfaces gestuelles habituelles
![Page 95: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/95.jpg)
Présentation graphique améliorée
![Page 96: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/96.jpg)
Marking Menus
• Vidéo• Démonstration (cobaye voluntaire s.v.p.?)
![Page 97: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/97.jpg)
Transition de néophyte en expert
Menus traditionels:Pointage versus racourcis
Marking Menus:Transition graduelleet naturelle !
![Page 98: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/98.jpg)
Les Marking Menus• Permettent une sélection plus rapide
qu’avec les menus linéaires(marques directionnelles et ballistques)
• Peuvent être utilisés sans regarder l’écran(“eyes-free operation”)
• Ont un ensemble de gestes découvrables• Permettent une transition graduelle et naturelle de
novice en expert• Peuvent être utilisés pour sélectionner
nom et verbe• Sont limités à environ 8 commandes par sous-
menu, et à une profondeur d’environ 3 niveaux
![Page 99: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/99.jpg)
Résumé• Les modes temporaires, maintenus en appuyant un bouton ou touche avec
retour kinesthésique …– Permettent d’éviter les erreurs de mode– Exemple: une touche/racourci qu’on doit garder appuyée pour maintenir un
changement temporaire de mode– Exemple: widgets “popup” (contextuels)
• Peuvent combiner la sélection de nom+verbe• Consomment moins d’espace sur l’écran
• Un widget “popup” avec plusieurs avantages: Marking Menus– Permettent des gestes balistiques– Transition graduelle d’utilisateur novice en utilisateur expert
![Page 100: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/100.jpg)
D’autres exemplesde modes, outils, etc.
• vidéo: "Selection and Positioning tasks", Buxton 1983
![Page 101: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/101.jpg)
Quelques observations• Techniques montrées dans la vidéo:
– 1. Glisser-déposer– 2. Barre d’outils modale– 3. « Moving menu » (menu contextuel)– 4. « Moving menu » avec mémoire
• Questions: parmi les 4 techniques, lesquelles …– Ne sont pas modales (ou bien ont seulement des modes temporaires avec retour
kinesthésique), donc ont peu de possibilités d’erreurs de mode ?
– Évitent des mouvements « aller-retour » entre la toile et la barre d’outils, et ne nécessitent pas de consacrer de l’espace à une barre d’outils ?
– Ont des affordances (barre d’outils) visibles, montrant les opérations possibles ?
– Permettent qu’une même forme soit créée plusieurs fois de suite, très rapidement ?
– Assurent que chaque forme est toujours sélectionnée avec le même geste de glissement, permettant à l’utilisateur d’apprendre les gestes par cœur et de les exécuter rapidement ?
![Page 102: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/102.jpg)
Can we extend popup menus/widgetsfor other uses?
![Page 103: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/103.jpg)
D’autres menus et widgets contextuels
• Hotbox (Kurtenbach et al., 1999),Control Menus (Pook et al., 2000),Flow Menus (Guimbretière et Winograd, 2000),FaST Sliders (McGuffin et al., 2002),Tracking Menus (Fitzmaurice et al., 2003),Trailing Widget (Forlines et al., 2006)Hover Widgets (Grossman et al., 2006),PieCursor (Fitzmaurice et al., 2008)
• Ces widgets et techniques d’interaction sont adaptés pour:– Un grand nombre de commandes– Le contrôle de variables continues– L’entrée de texte et de nombres avec des gestes– L’utilisation d’un stylet (par exemple, sur un “tablet PC”)
![Page 104: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/104.jpg)
Le « hotbox »: un menu 2D dans Maya
![Page 105: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/105.jpg)
FlowMenus (Guimbretière et al., 2000)
![Page 106: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/106.jpg)
2D manipulation with FlowMenus(Guimbretière et al., 2000)
![Page 107: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/107.jpg)
Toolglass: bimanual input
Click-through: Simultaneousselection of verb and noun!
![Page 108: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/108.jpg)
Other uses of two hands?
![Page 109: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/109.jpg)
Two-Handed (Bimanual) InputPotential uses:
• Dominant hand (DH) on mouse,non-dominant hand (NDH) on keyboard
• Two mice, two cursors, symmetric:– Rapid clicking by alternating between hands?– Simultaneous rotation+scaling+positioning in 2D
or rotation+zooming+panning in 2D
• Two mice, asymmetric:– NDH for camera, DH for selection/manipulation– NDH for tool palette, DH for clicking-through
(Toolglass)
![Page 110: Linteraction Les périphériques dentrée, styles dinteraction, techniques dinteraction, et les modes.](https://reader030.fdocument.pub/reader030/viewer/2022013011/551d9db5497959293b8da44e/html5/thumbnails/110.jpg)
Modèle de chaîne cinématique(Yves Guiard 1987)
• MND (main non-dominante) effectue des mouvements plus lents et plus grossiers que la MD (main dominante)
• Mouvement de la MND précède le mouvement de la MD
• MND établit une référence de travail pour la MD