Les modes, et quelques exemples de techniques dinteraction (utilisant lentrée gestuelle et autre)

Présentation au sujet: "Les modes, et quelques exemples de techniques dinteraction (utilisant lentrée gestuelle et autre)"— Transcription de la présentation:

1 Les modes, et quelques exemples de 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 dans un menu contextuel

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 mode: icô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 versus menus 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 Menus traditionels: Pointage versus racourcis Marking Menus: Transition graduelle et naturelle !

16 Les Marking Menus Permettent une sélection plus rapide quavec 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électionner nom 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 nom+verbe 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 exemples de modes, outils, etc. vidéo: "Selection and Positioning tasks", Buxton 1983

19 Can we extend popup menus/widgets for 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: Simultaneous selection 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 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)