1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006...

25
1 - TUTORIAL MCIE - Méthode de Conception d’Interfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique Universitaire de Marseille

Transcript of 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006...

Page 1: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

1

- TUTORIAL MCIE -Méthode de Conception d’Interfaces Ergonomiques

Claudia SEREY

20 / 10 / 2006

Département de Génie Industriel et InformatiqueÉcole Polytechnique Universitaire de Marseille

Page 2: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

2

Plan Introduction

Méthodes de Conception d’Interfaces

MCIE Le processus Les Étapes

Considération Finale

Page 3: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

3

Introduction

Objectif de cette présentation

Sensibilisation à l’importance des IHM

Présentation de la méthode MCIE (Turnell, 2004)

EP : Développer une interface en utilisant MCIE

Page 4: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

4

Introduction

La technologie avance les machines et systèmes → degré avancé - presque

la perfection La communication entre hommes et machines

devient plus problématique Rythmes et langages différents – interprétations

erronées Le système n’est qu’un moyen

L’utilisateur doit maîtriser la tâche et le système

Page 5: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

5

Introduction

Les efforts d’adaptation Côté utilisateur Côté système

L’exigence et la préoccupation à propos de la qualité des interfaces sont chaque fois plus fortes Qualité → Utilisabilité

Facile d’utilisation Facile de compréhension Facile d’apprentissage

Page 6: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

6

Introduction

Deux moyens d’obtenir cette qualité Prototypage rapide Utilisation des méthodes de conception

La connaissance ergonomique est fondamentale Règles, critères, normes, etc.

Premier cas – ergonomie du produit Deuxième cas – processus ergonomique

Page 7: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

7

Méthodes de Conception

Différentes méthodes: ADEPT, MEDITE, MACIA, MCIE

Cadre méthodologique de conception Systématise les étapes du processus Intègre la connaissance ergonomique : utilisateur,

tâche

Page 8: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

8

MCIE

Méthode de Conception d’Interfaces Ergonomiques

Basée sur la tâche Niveau conceptuel et perceptif Cycle centré sur l’évaluation Incrémentale

Page 9: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

9

Page 10: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

10

Etape 1: Analyse des Besoins

Objectif: définir les objectifs basiques et les caractéristiques à atteindre.

Analyser et décrire le contexte l’utilisateur et la tâche

Page 11: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

11

Etape 1: Analyse des Besoins

1.1 Analyse et modélisation du Contexte Analyse des systèmes similaires Description du système et de ses fonctions Description de l’environnement Description des objectifs d’utilisabilité

Exemples Qu’elle soit rapide Qu’elle présente les informations de façon claire pour l’utilisateur Qu’elle soit facile à comprendre Qu’elle satisfasse l’utilisateur Qu’elle réduise le taux d’erreurs

Page 12: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

12

Etape 1: Analyse des Besoins

Objectifs Comment mesurer

Soit « amicale » envers l’utilisateur

Analyser la satisfaction de l’utilisateurpendant son utilisation

Disponibilité de l’aide Facilité d’accès à la documentation du système

Réduire le nombre d’erreurs Nombre d’avis montrés à l’utilisateur.

Lay out intuitif Nombre de consultations à la documentation.

Page 13: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

13

Etape 1: Analyse des Besoins

Analyse et modélisation de l’utilisateur Observation de l’utilisateur Questionnaires Interviews Caractéristiques recherchées

Profil personnel (âge, sexe, niveau de scolarité, niveau culturel, expérience professionnelle, expérience avec des produits similaires, etc.),

Profil physique (correction audio et visuelle, etc.) ; Profil psychique mental (motivation, personnalité, etc.) ;

Page 14: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

14

Etape 1: Analyse des Besoins

Analyse et modélisation de l’utilisateur

Page 15: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

15

Etape 1: Analyse des Besoins

Analyse et modélisation de l’utilisateur

Page 16: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

16

Etape 1: Analyse des Besoins

Analyse et modélisation de la tâche Identifier, décrire et représenter:

Les objectifs; La logique d’exécution de la tâche : plan d’action, structure; Les objets et concepts utilisés ; Les procédures (méthodes) utilisées  ; Les conditions nécessaires pour appliquer les méthodes ; Les incohérences et incomplétudes  ; Les difficultés ; Les facteurs critiques de la tâche (importance, fréquence).

Page 17: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

17

Etape 1: Analyse des Besoins

Analyse et modélisation de la tâche

Objectif global

Objectif intermédiaire

Actionélémentaire

Action élémentaire

Action élémentaire

SEQ

Page 18: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

18

Etape 1: Analyse des Besoins

Analyse et modélisation de la tâche (exemple)

Utiliser le navigateur

Sélectionner les options

Sortirdu Système

Consulterpage

Ajouter aux favoris

SEQ

Page 19: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

19

Etape 2: Modélisation de l’interaction

Il s’agit de construire une spécification abstraite de l’interface. Il y a deux sous étapes: Identifier et grouper Action et Objets (modèle de tâche) Mettre en relation - Action /objet (de la tâche) avec une paire

Action/objet dans le domaine de l’interface. Le modèle doit définir:

les aspects structurels ; les séquences ; les styles d’interaction ; le lay-out des écrans ou fenêtres de l’interface à construire ; le flux d’interaction, le dialogue, la navigation entre fenêtres.

Page 20: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

20

Etape 2: Modélisation de l’interaction

Cadre Objet/Action

Page 21: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

21

Etape 2: Modélisation de l’interaction

Règles Ergonomiques Connaissance ergonomique déjà existante Type SI – ALORS: associe attributs du modèle de

tâche aux composants et attributs du modèle de l’interaction. Exemples: SI la tâche est de haut niveau ALORS définir une fenêtre SI la tâche est niveau intermédiaire ALORS définir une sous

fenêtre SI la tâche est importante et sa fréquence élevée ALORS

définir une interaction iconique ou en menus hiérarchiques

Page 22: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

22

Etape 3: Génération du Prototype

Concrétiser la spécification Évaluer la solution proposée.

Construction d’un scénario (ceux-ci dépendent des objectifs d’utilisabilité) description textuelle ou modèle de tâches.

construire le prototype qui représente au mieux ce scénario. outils spécifiques.

Page 23: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

23

Etape 4: Évaluation

MCIE a un cycle centrée sur l’évaluation

Page 24: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

24

Etape 4: Évaluation

Évaluation du Prototype Tests d’utilisabilité Inspection au travers de normes internationales. Questionnaires pour la satisfaction de l’utilisateur Approches hybrides Conformité au travers de recommandations et/ou

critères ergonomiques.

Page 25: 1 - TUTORIAL MCIE - Méthode de Conception dInterfaces Ergonomiques Claudia SEREY 20 / 10 / 2006 Département de Génie Industriel et Informatique École Polytechnique.

25

Considération Finale

MCIE aide au concepteur interfaces plus adaptées à l’utilisateur

La choix d’une méthode va dépendre de l’équipe de conception du contexte de la simplicité de la méthode des outils proposés