Enrichir les menus linéaires par des gestes Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay Leaf Menus
Enrichir les menus linéaires par des gestes
Gilles BaillyAnne RoudautEric LecolinetLaurence Nigay
Leaf Menus
Motivations
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éairesMenus circulaires
(Marking Menu [Kurtenbach 91])
Mode NoviceMode Expert
Motivations
4
Techniques de menus
Transition novice/expertUtilisation des 2 mainsSélection aveugleNombre de commandesOccupation spatialeOccultation
Linéaire CirculaireVS
Motivations
4
Techniques de menus
• Transition novice/expertUtilisation des 2 mainsSélection aveugleNombre de commandesOccupation spatialeOccultation
Linéaire VS
-+
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 aveugleNombre de commandesOccupation spatialeOccultation
Linéaire VS
-+-+
Clavier + Ecran tactile Ecran tactile seul
Circulaire
Motivations
6
Techniques de menus
• Transition novice/expert• Utilisation des 2 mains• Sélection aveugle
Nombre de commandesOccupation spatialeOccultation
Linéaire VS
-+-+-+
Distance Angle
Circulaire
Motivations
7
Techniques de menus
• Transition novice/expert• Utilisation des 2 mains• Sélection aveugle• Nombre de commandes
Occupation spatialeOccultation
Linéaire VS
-+-+-++-
Jusqu’à 15 commandes
Limité par le secteur angulaire8 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 VS
-+-+-++-+-
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 VS
-+-+-++-+-+-
¼ 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 VS
-+-+-++-+-+-
Menu linéaire avec raccourcis gestuels : Leaf Menus
Circulaire
Design
Design
11
Menu linéaire enrichi des gestes du Flower Menu [Bailly 08]
Mode Novice Mode Expert
Design
16
Design
16
Menu linéaire enrichi des gestes du Flower Menu [Bailly 08]
Mode Novice Mode 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
Evaluation
17
Item à sélectionner Lieu d’activation
du menu
Evaluation
17
7 items4 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 correct Mode 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
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 reconnaissanceComparaison à des menus circulairesFacteurs 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 !