enrichir les menus linéaires par des gestes
DESCRIPTION
Enrichir les menus linéaires par des gestes. Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay. Leaf Menus . Motivations. Contexte : Interaction sur dispositifs mobiles Petits écrans Entrées limitées (Pas de clavier) Mobilité (Utilisation au pouce) - PowerPoint PPT PresentationTRANSCRIPT
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 !