L’interaction

1. L’interaction Les périphériques d’entrée,styles d’interaction,techniques d’interaction,et les modes

2. Les périphériques d’entréeou dispositifs d’entrée(« input devices »)

3. Comment font les humains pour entrer/exprimer de l’information ? • Mains • Mouvements, gestes, pointage (avec souris etc.) • Écriture • Appuyer/tourner des boutons,appuyer des touches (sur un clavier) • Voix • Visage • La pensée • Autres … ? • (Anecdote: http://fr.wikipedia.org/wiki/Albert_Mehrabianet la règle du 7%-38%-55% (verbale, intonation, visage))

4. Quelles sortes d’informationssont exprimées par les humains ? • “interaction tasks classify the fundamental types of information entered” (définition du livre de 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. saisir un numéro) • spécifier une orientation • spécifier un chemin ou une trajectoire(par exemple, pour animer un objet) • Autres ?

5. Les périphériques d’entrée: les claviers

6. http://world.std.com/~jdostale/kbd/SpaceCadet1.jpeg

7. Clavier pliable pour Palm Pilot Clavier flexible; 24 $ à http://www.thinkgeek.com/computing/input/5a7f/?cpg=ab(prix de 2008)

8. Clavier projeté http://en.wikipedia.org/wiki/Projection_keyboard 160$ à http://www.thinkgeek.com/computing/input/8193/(prix de 2008)

9. Optimus http://computer.howstuffworks.com/keyboard.htm/printable

10. Optimus Maximus Chacune des 113 touches contient un écran de 48x48 pixels. 1864 $ US ! (prix de 2008) http://www.artlebedev.com/everything/optimus/

11. Optimus Maximus Configuré pour l’anglais

12. Optimus Maximus Configuré pour le russe

13. Optimus Maximus Configuré pour le jeu « Half-life »

14. Optimus Maximus Configuré pour « Photoshop »

15. 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”)

16. Clavier de piano

17. Clavier virtuel du iPhone de Apple

18. Clavier de Scholes versus clavier de Dvorak N’est toujours pas la norme … :-( Remarquez que toutes les voyelles se trouvent sous une main dans la rangée du milieu Conçu en 1873 ! Reste encore la norme.

19. Comparaison avec Dvorak http://infohost.nmt.edu/~shipman/ergo/parkinson.html

20. Boutons surchargés (“overloaded”) de fonctions • Comment saisir 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 de saisir du texte sans regarder (“eyes-free operation”) • Comment saisir 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.)

21. TiltText (Wigdor et Balakrishnan, 2003) http://www.youtube.com/watch?v=hxXF3C0y4qY

22. Demi clavier (“Half Keyboard”) de Matias Corp. http://www.halfkeyboard.com/

23. « Septambic keyer »ou « chorded keyboard » Combien de combinaisons de touches sont possibles ? 4 x 24 – 1 = 63 « accords » possibles

24. Les périphériques d’entrée:les périphériques de pointage(“pointing devices”)

25. La première souris • 1968 • Douglas Engelbart • Stanford Research Institute • Deux galets pour x et y

26. 30+ ans plus tard Rotation sensing Rockin’ Mouse Retour haptique(retour de force,“force feedback”) Pavé tactile (“touchpad”)

27. 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”)

28. TrackPoint (manette isométrique) Pavé tactile (« touchpad »)

29. Boules de commande de Logitech

30. Tablettes graphiques Wacom Bamboo 5.8x3.7 pouces; 80$ Wacom Intuos3 12x19 pouces; 750$ Wacom Cintiq 21UX avec écran intégré 21.3 pouces (17x12.75); 2500$ (prix de 2008)

31. 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

32. IntuPaint (Vandoren et al. 2008)et FluidPaint (Vandoren et al. 2009)

33. 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

34. 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

35. 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 ? Les deux peuvent simuler l’autre

36. 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éepar 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é)

37. Périphériques de pointageà contrôle de vitesse, pour le 3D Spaceball Spaceball 5000 Spacemouse Magellan SpaceNavigator (60$) 3dconnexion.com (en 2008) D’autres produits de 3dconnexion.com (en 2008)

38. Taxonomie des périphériques d’entrée (Buxton) M: intermédiaire Méchanique T: Toucher

39. 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 )

40. 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

41. Modèle à trois états de Buxton (1990) État 0:hors de portéesans coordonnées État 1: survol(x,y) État 2: glissement(x,y) É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

42. TouchMouse(Hinckley et Sinclair 1999) États 0, 1, 2

43. TouchMouse(Hinckley et Sinclair 1999)

44. “Pop Through” Buttons(Zeleznik et al. 2001, http://doi.acm.org/10.1145/502348.502384)

45. PreSence (Rekimoto et al. 2003)

46. Haptic Pen Lee et al., "Haptic pen: a tactile feedback stylus for touch screens", UIST 2004

47. Handheld Projector and Pen Cao et Balakrishnan, "Interacting with Dynamically Defined Information Spaces using a Handheld Projector and a Pen", UIST 2006

48. PenLight Song et al., "PenLight: combining a mobile projector and a digital pen for dynamic visual overlay", CHI 2009

49. 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 • http://www.youtube.com/watch?v=0d6yIquOKQ0

50. Typing Devices used for Pointing ? • QPointer, by Commodio • http://www.commodio.com/products_keyboard.html • video