1 / 75

Interfaces multitactiles LOG 745

Interfaces multitactiles LOG 745. Rappel de matière vue en LOG350: les widgets contextuels pour lancer des commandes (menus contextuels, menus radiaux, Marking Menus, etc.). Verbes (actions, commandes, outils, opérations). Noms (objets, endroits). Verbes dans un menu déroulant.

hazel
Download Presentation

Interfaces multitactiles LOG 745

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Interfaces multitactilesLOG 745

  2. Rappel de matière vue en LOG350: les widgets contextuels pour lancer des commandes (menus contextuels, menus radiaux, Marking Menus, etc.)

  3. Verbes(actions,commandes,outils,opérations) Noms(objets,endroits)

  4. Verbes dans un menu déroulant Noms(objets,endroits)

  5. Verbes dansun menu contextuel Noms(objets,endroits)

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

  7. É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?

  8. Menu radial(“Radial Menu”, “Pie Menu”)

  9. Exemple utilisant, effectivement, des menus radiaux Yatani et al., CHI 2008

  10. Menus radiaux versusmenus linéaires • Les directions sont plus mémorables et plus faciles à reproduire que les distances.

  11. Menu radial hiéarchique

  12. « Mouse Gestures » pour Firefox

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

  14. Ensemble de marques découvrables (“self-revealing”), contrairement aux interfaces gestuelles habituelles

  15. Présentation graphique améliorée

  16. Marking Menus • Vidéo • Démonstration (cobaye voluntaire s.v.p.?)

  17. Transition de néophyte en expert Marking Menus:Transition graduelleet naturelle ! Menus traditionels:Pointage versus racourcis

  18. Les Marking Menus • Permettent une sélection plus rapidequ’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électionnernom et verbe • Sont limités à environ 8 commandes par sous-menu, et à une profondeur d’environ 3 niveaux

  19. D’autres menus et widgets contextuels • Control Menus (Pook et al., 2000) • Flow Menus (Guimbretière et Winograd, 2000) • ( FaST Sliders (McGuffin et al., 2002) ) • Menu radial dans Scriboli (Hinckley et al., 2005) • Tracking Menus (Fitzmaurice et al., 2003) • ( Trailing Widget (Forlines et al., 2006) ) • Hover Widgets (Grossman et al., 2006) • PieCursor (Fitzmaurice et al., 2008) • Hotbox (Kurtenbach et al., 1999) • ToolGlass • 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”) • Travailler avec deux mains

  20. Exemple de Control Menu(dans SimplePaint)

  21. Exemple de Control Menu(dans BumpTop) Anand Agarawala, Ravin Balakrishnan. (2006). Keepin' it real: Pushing the desktop metaphor with physics, piles and the pen. Proceedings of CHI 2006 - the ACM Conference on Human Factors in Computing Systems. p. 1283-1292.

  22. FlowMenus (Guimbretière et al., 2000)

  23. Manipulation 2D avec FlowMenus(Guimbretière et al., 2000)

  24. Scriboli Hinckley et al., CHI 2005http://research.microsoft.com/users/kenh/papers/Scriboli.mov

  25. Tracking Menu Fitzmaurice et al., UIST 2003 http://www.autodeskresearch.com/publications/trackingmenus

  26. HoverWidgets Grossman et al., CHI 2006 http://www.dgp.toronto.edu/~tovi/videos/hoverwidgets.mov

  27. Pie Cursor Fitzmaurice et al., CHI 2008http://www.piecursor.com/

  28. Le « hotbox »: un menu 2D dans Maya

  29. Le Hotbox dans Maya [Kurtenbach et al., 1999]

  30. Le Hotbox dans Maya [Kurtenbach et al., 1999]

  31. Le Hotbox dans Maya [Kurtenbach et al., 1999]

  32. Toolglass: entrée bimanuelle Clic-à-travers (click-through): sélection simultanée d’objet et de commande !

  33. Comment analyser et comparer ces différentes techniques pour lancer des commandes ?

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

  35. 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 graphique: états 0, 1, 2 • Souris: états 1, 2 • Écran tactile: états 0, 1

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

  37. TouchMouse(Hinckley et Sinclair 1999)

  38. Taxonomie de menus

  39. Taxonomie de menus

  40. De grands écrans http://www.tacc.utexas.edu/resources/visualization

  41. Al Gore

  42. Des grands écrans collaboratifs http://cobweb.sfasu.edu/rball/large%20display.jpg

  43. Des grands écrans collaboratifs http://www.tacc.utexas.edu/resources/visualization

  44. Surface multitactile au Laboratoire multimédia de l’ÉTS, développée par Christophe Viau, étudiant doctoral de Michael McGuffin.1920×2160 pixels, 1×1 mètre.

  45. Écrans multitactiles de 3M • 3 modèles d’écrans 3M au labo: • 19 pouces, 1440×900 pixels, 10 doigts • 22 pouces, 1680×1050 pixels, 20 doigts • 32 pouces, 1920×1080 pixels, 10 doigts • Voir http://www.3m.com/multitouch pour les modèles plus récents • NB: Dell a sorti récemment un écran multitactilede 23 pouces, 1920×1080 pixels, 10 doigts, pour < 1000$ modèle 19 pouces

  46. perceptivepixel.com • 27 pouces, 2560x1440, détecte la pression et le survol des doigts, fonctionne avec stylet et plusieurs doigts, ~14000$

  47. perceptivepixel.com • 82 pouces

  48. Multitouchmedia.com • Entreprise montréalaise • Plusieurs modèles d’écranspeu chers

More Related