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

Motivations

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

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

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

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

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

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

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

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

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

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

Design

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

Design 16

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

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

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

Evaluation

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

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

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

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

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

Conclusion

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

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

Merci !