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