1 / 28

Enrichir les menus linéaires par des gestes

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)

calder
Download Presentation

Enrichir les menus linéaires par des gestes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  2. Motivations

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

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

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

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

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

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

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

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

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

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

  13. Design

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

  15. Design 16

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

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

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

  19. Evaluation

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

  21. Item à sélectionner Evaluation Lieu d’activation du menu 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 17

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

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

  24. Apprentissage de la symétrie au premier bloc Evaluation • 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 20

  25. Conclusion

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

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

  28. Merci !

More Related