Les modes, et quelques exemples de techniques d

1
Les modes, et quelques exemplesde techniques
dinteraction(utilisant lentrée gestuelle et
autre)
2
Techniques dinteraction (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)

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é davoir des
  erreurs de mode, où lutilisateur se croît en un
  mode lorsquil est dans un autre
• Un retour visuel indiquant le mode actuel est
  bien, mais souvent nest pas assez pour empêcher
  les erreurs de mode
• Exemples de retours visuels indiquant le
  modeicône doutil 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 lespace décran disponible pour
  montrer le contenu/données
• 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 dinteraction encore mieux?
8
Menu radial(Radial Menu, Pie Menu)
9
Menus radiaux versusmenus linéaires

• Les directions sont plus mémorables et plus
  faciles à reproduire que les directions.

10
Menu radial hiéarchique
11
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
  na même pas besoin de voir le menu safficher.

12
Ensemble de marques découvrables
(self-revealing), contrairement aux interfaces
gestuelles habituelles
13
Présentation graphique améliorée
14
Marking Menus

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

15
Transition de néophyte en expert
Marking MenusTransition graduelleet naturelle !
Menus traditionelsPointage versus racourcis
16

• Les Marking Menus
• Permettent une sélection plus rapidequavec les
  menus linéaires(marques directionnelles et
  ballistques)
• Ont un ensemble de gestes découvrables
• Permettent une transition graduelle et naturelle
  de néophyte en expert
• Peuvent être utilisés pour sélectionnernom et
  verbe
• Sont limités à environ 8 commandes par sous-menu,
  et à une profondeur denviron 3 niveaux

17
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 quon doit garder
  appuyée pour maintenir un changement temporaire
  de mode
• Exemple widgets popup (contextuels)
• Peuvent combiner la sélection de nomverbe
• Consomment moins despace sur lécran
• Un widget popup avec plusieurs avantages
  Marking Menus
• Permettent des gestes balistiques
• Transition graduelle dutilisateur néophyte en
  utilisateur expert

18
Dautres exemplesde modes, outils, etc.

• vidéo "Selection and Positioning tasks", Buxton
  1983

19
Can we extend popup menus/widgetsfor other uses?
20
Other popup menus and widgets

• Hotbox, Control Menus, Flow Menus, FaST Sliders,
  Tracking Menus, Hover Widgets
• These techniques and widgets incorporate
  adaptations for
• large numbers of commands
• controlling continuous variables
• entering text and numbers with strokes
• use with pen input (e.g. tablet PC)

21
Le  hotbox  un menu 2D dans Maya
22
FlowMenus (Guimbretière et al., 2000)
23
2D manipulation with FlowMenus(Guimbretière et
al., 2000)
24
Toolglass bimanual input
Click-through Simultaneousselection of verb and
noun!
25
Other uses of two hands?
26
Two-Handed (Bimanual) Input

• Potential uses
• Dominant hand (DH) on mouse,non-dominant hand
  (NDH) on keyboard
• Two mice, two cursors, symmetric
• Rapid clicking by alternating between hands?
• Simultaneous rotationscalingpositioning in
  2Dor rotationzoomingpanning in 2D
• Two mice, asymmetric
• NDH for camera, DH for selection/manipulation
• NDH for tool palette, DH for clicking-through
  (Toolglass)