Ergonomie des interfaces post-WIMP - unice. renevier/ancien/nmi-2012/... · PDF file Cf....

Click here to load reader

  • date post

    22-May-2020
  • Category

    Documents

  • view

    0
  • download

    0

Embed Size (px)

Transcript of Ergonomie des interfaces post-WIMP - unice. renevier/ancien/nmi-2012/... · PDF file Cf....

  • 1

    Ergonomie des interfaces post-WIMP

    Présentation en fonction des projets IHM02 et de travaux existants

    Alain Giboin INRIA Sophia Antipolis – Méditerranée

    Module IHM02 – EPU SI 2008-2009

    Projets IHM02 choisis • Open-interface

    – Galanti / dhouib / alberto / boulay • Veille techno

    – Labrosse / De sogus / Bele / Guillot • Géo Note

    – Le brun / Ennabli / Guiou • Tableau Augmenté

    – Perin / Barouh • Rencontre et échange

    – Galea / Lafaille / Bouhlel • Interfaçage PDA – Ecran

    – Bouyoud / Brel • Manip d'objet 3D à la main

    – Barafani / Jannotta • Recherche IHM OCZ NIA

    – Burckel / Leance / Weissbart-Thomas

    http://deptinfo.unice.fr/~renevier/ihm02/

  • 2

    Comment tester vos projets (auprès des développeurs,

    chercheurs ou utilisateurs) ?

    http://deptinfo.unice.fr/~renevier/ihm02/

    • Comment tester vos projets (utilisation) ? • Comment tester l’utilisation des interfaces

    post-WIMP ?

    Evaluation/conception ergonomique

  • 3

    Cours de Philippe Renevier

    Cf. Reality-Based Interaction: A Framework for Post- WIMP Interfaces [Jacob et al. 2008]

  • 4

    Cf. Reality-Based Interaction: A Framework for Post- WIMP Interfaces [Jacob et al. 2008]

    Cours de Philippe Renevier

  • 5

    • Ergonomie • Utilisabilité • Conception de l’interaction H-M (interaction

    design) • Conception participative • …

    Adaptation des interfaces aux utilisateurs Prise en considération du point de vue de

    l’utilisateur dans la conception et l’évaluation des interfaces

    • Quoi évaluer/concevoir ? � Quels buts ? • Comment évaluer/concevoir

    ergonomiquement ? � Quelles méthodes?

  • 6

    • Quels buts ? – Quelle(s) forme(s) d’interface(s) à évaluer ? – Pour quel(s) usage(s) ? – Pour quel(s) utilisateur(s) ?

    • Quelles méthodes? – A quelle étape du processus de conception ? – Par quelle(s) procédure(s) ?

    Buts et méthodes présentées en fonction des projets IHM02 choisis et de travaux existants

    Projets IHM02 choisis • Open-interface

    – Galanti / dhouib / alberto / boulay • Veille techno

    – Labrosse / De sogus / Bele / Guillot • Géo Note

    – Le brun / Ennabli / Guiou • Tableau Augmenté

    – Perin / Barouh • Rencontre et échange

    – Galea / Lafaille / Bouhlel • Interfaçage PDA – Ecran

    – Bouyoud / Brel • Manip d'objet 3D à la main

    – Barafani / Jannotta • Recherche IHM OCZ NIA

    – Burckel / Leance / Weissbart-Thomas

    http://deptinfo.unice.fr/~renevier/ihm02/

  • 7

    But du projet : tester la plate-forme (installation, utilisation, enrichissement,

    etc.)

    Tester l’utilisation de la plate-forme

    The OI framework enables to quickly explore different interaction possibilities. It allows multimodal user interfaces to be created more quickly, enabling rapid prototyping and therefore more iterations as part of an iterative design method for achieving usable multimodal user interfaces.

    The OpenInterface (OI) project is dedicated to multimodal interaction (post-WIMP).

  • 8

    OIDE : un outil pour la conception et le développeme nt d’interfaces multimodales Marcos Serrano, David Juras, Michael Ortega, Laurence Nigay (2008)

    Wave Menus: Improving the Novice Mode of Hierarchical Marking Menus Bailly, Lecolinet & Nigay (2007)

    Furniture

    Fruit

    ToolAuto

    Hammer

    Nail

    ScrewSaw

    Wave menus, a variant of multi-stroke marking menus designed for improving their novice mode.

    Multi-stroke menus

    Source des images : Bailly (2007)

    Wave menus

    Source de l’image : Bailly (2007)Les Multi-Strokes Menus superposent les sous-menus pour ne pas s’éloigner de la zone d’intérêt

  • 9

    Wave Menus: Improving the Novice Mode of Hierarchical Marking Menus Bailly, Lecolinet & Nigay (2007)

    Experimental Comparison of Novice Mode Efficiency

    Controlled experiment

    to compare the efficiency of the • Multi-Stroke (MS), • Compound-Stroke (CS), • Wave (WM) and • Inverted Wave (WM2) menus in novice mode.

    Hypotheses:

    • H1: Multi-Stroke (MS) menus are slower than Compound-Stroke (CS) menus in novice mode as they do not provide previsualization and visible path availability. • H2: Wave menus and CS menus have similar performance in novice mode. • H3: Wave menus have similar performance to their “Inverted” variant: the order of the hierarchy does not matter. • H4: There is no significant effect on the number of errors and the number of missed items between menu techniques.

    Results : Compound-stroke marking menus and Wave menus are significantly faster (18%) and more accurate (7 times fewer wrong selections) than multi-stroke menus.

    Wave Menus: Improving the Novice Mode of Hierarchical Marking Menus Bailly, Lecolinet & Nigay (2007)

  • 10

    Involving Users in the Design of Multimodal Mobile Ap plications Lvnne Baillie (2008)

    http://ieeexplore.ieee.org/stamp/stamp.jsp?arnumber=01372428

    Concrete Scenario Discussion The scenarios were presented to the participants and they were asked to provide with feedback on any parts of the scenario they felt needed changing, that they did not like, or did not understand.

    Action Scenarios Users were given an Action Scenario and asked to act out using it in different settings eg. a bar, walking along the sidewalk, and sitting waiting for a train. The user was asked to use the application prototype in these natural contexts while completing the scenario.

    Sketches/Voice Interaction Description Users were asked to redesign or annotate the interfaces (color print outs of the interfaces) with any problems they had encountered while using the application

    Action Scenarios

    Participants

    • Undergraduate and post- graduate business students. • 8 male and 4 female • Age from 21-35. • Experience of using an email client : all • Experience of on-line games: some • Have a mobile phones: all.

  • 11

    Projets IHM02 choisis • Open-interface

    – Galanti / dhouib / alberto / boulay • Veille technologique

    – Labrosse / De sogus / Bele / Guillot • Géo Note

    – Le brun / Ennabli / Guiou • Tableau Augmenté

    – Perin / Barouh • Rencontre et échange

    – Galea / Lafaille / Bouhlel • Interfaçage PDA – Ecran

    – Bouyoud / Brel • Manip d'objet 3D à la main

    – Barafani / Jannotta • Recherche IHM OCZ NIA

    – Burckel / Leance / Weissbart-Thomas

    http://deptinfo.unice.fr/~renevier/ihm02/

    Etablir une fiche pour chaque dispositif innovant

    Recueillir des informations sur l’utilisation de chaque dispositif

  • 12

    Projet national PDA EPS

    Généralisation de l'utilisation des PDA dans l'enseignement de l'E.P.S.

    http://sites.estvideo.net/nomadeps/

    Groupe de veille technologique et pédagogique

    Assurer une information aussi complète que possible et actualisée régulièrement grâce à un site collaboratif (sous SPIPpar exemple) probablement intégré dans Nomad'EPS .

    • Les caractéristiques techniques • Les tarifs • Les plus • Les moins (par rapport à l’utilisation en EPS)

    Fiche d’identité

    Machines de type PALM ou PocketPC

  • 13

    PDA utilisés par les enseignants en EPS

    Groupe Développement

    Objectifs :

    Adaptation pour les PDA de quelques applications simples existant en version PC et répondant aux besoins des enseignants d'EPS.

    Etablir des cahiers des charges pour les développements d'applications non disponibles à l'heure actuelle, qui seront réalisés par les moyens techniques mis à disposition de la commission ou en faisant appel à des sociétés spécialisées.

  • 14

    Sous pocket PC :

    • Carnet de note • Cahier de texte • Chronomètre • Analyse sport co • Projet course vitesse • Projet endurance • Tableaux tournois • Vidéo gym • Vidéo acrosport • Visites stagiaires

    Sous Palm OS :

    • Carnet de note • Cahier de texte • Chronographe • Analyse sport co • Projet course vitesse • Projet endurance • Evaluation Bac • Barèmes • Tennis

    Les applications spécifiques pour l’EPS développées et utilisées sur le terrain

    « Certaines gagneraient à être revues au niveau de l’ergonomie pour être plus facilement prises en main par les collègues »

  • 15

  • 16

    Projets IHM02 choisis • Open-interface

    – Galanti / dhouib / alberto / boulay • Veille techno

    – Labrosse / De sogus / Bele / Guillot • Géo Note

    – Le brun / Ennabli / Guiou • Tableau Augmenté

    – Perin / Barouh • Rencontre et échange

    – Galea / Lafaille / Bouhlel • Interfaçage PDA – Ecran

    – Bouyoud / Brel • Manip d'objet 3D à la main

    – Barafani / Jannotta • Recherche IHM OCZ NIA

    – Burckel / Leance / Weissbart-Thomas

    http://deptinfo.unice.fr/~renevier/ihm02/

  • 17

    Annotation of a complex real world object with labels

    The steerable project