Enrichir les menus linéaires par des gestes Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay Leaf Menus.

Présentation au sujet: "Enrichir les menus linéaires par des gestes Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay Leaf Menus."— Transcription de la présentation:

1 Enrichir les menus linéaires par des gestes Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay Leaf Menus

2 Motivations

3 2 Contexte : Interaction sur dispositifs mobiles Petits écrans Entrées limitées (Pas de clavier) Mobilité (Utilisation au pouce) Fonctionnalités grandissantes  Techniques de menu efficaces

4 Motivations 3 Techniques de menus : Menus linéaires Menus circulaires (Marking Menu [Kurtenbach 91]) Mode Novice Mode Expert

5 Motivations 4 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire Circulaire VSVS

6 Motivations 4 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ Raccourcis claviers compliqués Même geste (angulaire) en mode novice et expert Circulaire

7 Motivations 5 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ Clavier + Ecran tactile Ecran tactile seul Circulaire

8 Motivations 6 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ -+-+ DistanceAngle Circulaire

9 Motivations 7 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ -+-+ +-+- Jusqu’à 15 commandes Limité par le secteur angulaire 8 commandes maximum Circulaire

10 Motivations 8 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ -+-+ +-+- +-+- Placement différent selon la position de la cible Dépassement des bords de l’écran Circulaire

11 Motivations 9 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ -+-+ +-+- +-+- +-+- ¼ de la cible La cible entière … … et une partie du menu Circulaire

12 Motivations 9 Techniques de menus Transition novice/expert Utilisation des 2 mains Sélection aveugle Nombre de commandes Occupation spatiale Occultation Linéaire VSVS -+-+ -+-+ -+-+ +-+- +-+- +-+-  Menu linéaire avec raccourcis gestuels : Leaf Menus Circulaire

13 Design

14 11 Menu linéaire enrichi des gestes du Flower Menu [Bailly 08] Mode NoviceMode Expert

15 Design 16

16 Design 16 Menu linéaire enrichi des gestes du Flower Menu [Bailly 08] Mode NoviceMode Expert

17 Design 14 Hierarchique (Multi-Strokes [Zao 04]) 15 items (sur mobile), 7 raccourcis

18 Design 15 Hierarchique (Multi-Strokes [Zao 04]) - Même distance relative entre point activation et item - Plusieurs gestes par commande Organisation symétrique 15 items (sur mobile), 7 raccourcis

19 Evaluation

20 17 Item à sélectionner Lieu d’activation du menu

21 Evaluation 17 7 items 4 positions Soit 28 sélections répétées 10 fois (10 blocs) Consigne: sélectionner l’item le plus rapidement et précisément que possible Item à sélectionner Lieu d’activation du menu

22 Evaluation 18 Résultats Mode novice correctMode expert correct 91,1%81,8%

23 Evaluation 19 Résultats Gestes diagonaux-courbés ( ) plus difficiles à retenir Résultats sous estimés (ex : 12 % geste ( ) mal reconnus) Apprentissage de la symétrie Nombre de sélections correctes en mode expert

24 Evaluation 20 Apprentissage de la symétrie au premier bloc - Chaque configuration est effectuée 1 fois - Mais 15 % à 34 % en mode expert réussi -> Capable d’utiliser le mode expert sans avoir répété le geste

25 Conclusion

26 22 Leaf menu : Enrichir les menus linéaires par des raccourcis gestuels Evaluation : Apprentissage rapide des gestes et de la symétrie

27 Conclusion 22 Perspectives : Améliorer le module de reconnaissance Comparaison à des menus circulaires Facteurs de mémorisation Leaf menu : Enrichir les menus linéaires par des raccourcis gestuels Evaluation : Apprentissage rapide des gestes et de la symétrie

28 Merci !