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

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 !