ergonomie des ihm module ihm, essi alain giboin (inria) introduction et panorama des méthodes

50
Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Upload: alvin-gillet

Post on 04-Apr-2015

110 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Ergonomie des IHM Module IHM, ESSI

Alain GIBOIN (INRIA)

Introduction et panorama des

méthodes

Page 2: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Objectif du cours

Compléter la partie « ergonomie » du cours de

Laurence Nigay sur la conception des IHM

Présenter quelques méthodes pratiques pour

aider à construire des interfaces ergonomiques dans

cadre du miniprojet du module IHM de l’ESSI

Page 3: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Plan du cours

Introduction

Panorama des méthodes

Méthode des scénarios

Directrices (Guidelines)

Evaluation coopérative

Évaluation heuristique et Cognitive Walkthrough

Page 4: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Plan de l’introduction

Où intervient l’ergonomie dans le cycle de construction d’une IHM ?

L’ergonomie pour / par l’informaticien Les préoccupations de l’informaticien Formation des informaticiens à l’ergonomie

Qu’est-ce que l’ergonomie ? Évaluation et conception ergonomique Définition intuitive Terminologie L’ergonomie en général L’ergonomie de l’informatique L’ergonomie cognitive L’ergonomie sociale L’ergonomie comme modélisation de la situation L’ergonomie pour faciliter l’intercompréhension entre utilisateurs et concepteurs L’ergonomie pour équilibrer formel et informel, abstrait et concret

Page 5: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Où intervient l’ergonomiedans le cycle de construction des IHM ?

Analyse des besoins

Conception

Conception IHM

Modèle de l’utilisateurModèle de la tâche

Tests d’acceptation

Tests du système

Évaluation ergonomique

ESPACE IHM

Cf. cours Laurence Nigay

Page 6: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

L'ergonomie pour/par l’informaticien1. Les préoccupations de l’informaticien

Préoccupation première de l'informaticien

Construire des systèmes efficaces sur le plan technique

 

Préoccupation (très) secondaire

Construire des systèmes ergonomiques Compatibilité ergonomique des systèmes très largement sous-estimée...

... et donc trop peu assurée

Cause : manque d'information, mais aussi et surtout manque de temps

Solutions : introduire des spécialistes en ergonomie dans les équipes de conception, ou/et enseigner l'ergonomie aux informaticiens

Page 7: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

L'ergonomie pour/par l’informaticien2. Formation des informaticiens à l’ergonomie

Proposer un enseignement pragmatique

Fournir des méthodes pratiques et rapides à mettre en œuvre

Proposer un enseignement « contextuel » (1)

Fournir un enseignement qui tienne compte du contexte de

l’« apprenti concepteur d'IHM » : Tâche générique : concevoir des IHM

Tâche spécifique : concevoir une maquette d'interface (miniprojet ESSI)

Page 8: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

L'ergonomie pour/par l’informaticien3. Collaboration ergonomes-informaticiens

Proposer un enseignement « contextuel » (2)

Fournir un enseignement qui tienne compte du contexte futur

de l’« apprenti concepteur d'IHM », en particulier : Tâche de conception d’IHM dans une équipe de conception

comprenant des ergonomes

Favoriser la collaboration entre informaticiens et ergonomes dès la phase de formation

Pour certains d’entre vous : réalisation en commun d’un projet ESSI ou d’un miniprojet IHM

Page 9: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?1. Évaluation et Conception ergonomique (a)

Analyse des besoins

Conception

Conception IHM

Modèle de l’utilisateurModèle de la tâche

Tests d’acceptation

Tests du système

Évaluation ergonomique

L’ergonomie n’est pas qu’évaluation, elle est aussi conception

Conception ergonomique

Page 10: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Analyse des besoins

Finalité :  accéder aux

besoins des utilisateurs

Qu'est-ce que l'ergonomie ?1. Évaluation et Conception ergonomique (b)

Évaluation

Finalité : régler le système

pour être sûr que ce dernier

satisfasse réellement les

besoins  des utilisateurs

(Thomas, 1996)

Car les critères d’évaluation sont les critères de conception

Page 11: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?1. Évaluation et Conception ergonomique (c)

Point de référence /

« Fil conducteur »

Page 12: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?2. Définition intuitive (a) 

Exemple de la mise en page d’une bible

Question : pourquoi cette mise en page ?

Page 13: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

lecture debout...

Bible posée sur un lutrin

fatigue et besoin de trouver un appui...

La réponse est dans la situation de lecture

l’appui : la bible...

Page 14: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Lecture debout, les mains appuyés sur la bible

Les marges sont là pour permettre de s’appuyer sans gêner la lecture

Page 15: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ? 2. Définition intuitive (a) 

Exemple de la mise en page d’une bible

Question : pourquoi cette mise en page ?

Réponse : pour adapter l’objet à son utilisateur

Adaptation à l’utilisateur = Ergonomie

Page 16: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?2. Définition intuitive (b) 

Ergonomie =

adaptation d'un

objet/outil à son

utilisateur

Logiciels de

grossissement de

caractères pour

personnes

handicapées visuelles

Page 17: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?3. Terminologie 

Ergonomie Facteurs humains Ingénierie cognitive Ingénierie des besoins Gestion de l’expérience des utilisateurs ... Ingénierie des usages

Page 18: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?4. Ergonomie en général 

Ergonomie = adaptation du travail aux

différentes caractéristiques des hommes

concernés, c'est-à-dire l'aménagement  concret des outils,

des postes de travail et des systèmes hommes-machines,

de l'environnement et de l'organisation du travail,

ainsi que de tous les intermédiaires techniques utilisés

J.-C. Spérandio, 1984

Page 19: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?5. Ergonomie de l’informatique 

Ergonomie = compatibilité des matériels et des

logiciels avec les utilisateurs sur les plans : sociologique

des astreintes physiologiques (en particulier visuelles)

des activités cognitives

J.-C. Spérandio, 1984

Page 20: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?6. Ergonomie cognitive (ou ergonomie du travail

mental)

Ergonomie = concerne tous les aspects du travail impliquant

un traitement de l'information par l'opérateur humain, et

mettant en oeuvre les processus psychologiques suivants :

la prise d'information sur le monde extérieur, c'est-à-dire la perception,

l'analyse de l'information, c'est-à-dire les raisonnements sous toutes leurs formes, portant sur l'information externe (provenant de la perception) ou sur l'information interne (provenant de la mémoire),

la mémoire, à plus ou moins long terme,

la représentation mentale

J.-C. Spérandio, 1984

Page 21: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?6. Ergonomie cognitive, ergonomie

individuelle

Ergonomie cognitive considère surtout

l’utilisateur individuel

Bannon, 1986

Page 22: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?7. Ergonomie sociale (a)

Groupe d’utilisateurs Ergonomie socialeLes technologies de l’information sont destinées à des personnes communiquant et travaillant ensemble

CSCW (computer supported collaborative work) / Groupware / Collecticiels

Bannon, 1986

Page 23: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?7. Ergonomie sociale (b)

Utilisateur = Utilisateur individuel Groupe d’utilisateurs travaillant ensemble Séquence d’utilisateurs dans une organisation,

chacun prenant en charge une partie de la tâche ou du processus (Dix et al., 1998)

Page 24: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?7. Ergonomie sociale (c)

Utilisateur = Utilisateur individuel Groupe d’utilisateurs Séquence d’utilisateurs

+ Agents informatiques “humanisés” ?

Page 25: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Lester, Towns, Callaway, Voerman, FitzGerald

Communication deictique et émotive chez des Agents pédagogiques animés

Page 26: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?8. L’ergonomie comme modélisation de la situation 

Modèle de l’utilisateur, de la tâche…

Analyse des besoins

Modèle de l’utilisateurModèle de la tâche

… et, plus généralement, de la situation !

Modèle de la situation

Page 27: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?8. L’ergonomie comme modélisation de la situation  

Modèle de la situationBrown & Fraser (1979)

AG

Page 28: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?8. L’ergonomie comme modélisation de la situation  

Modèle de la situationEngeström

Page 29: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?9. L’ergonomie pour faciliter l’intercompréhension entre utilisateurs et concepteurs (U-C)

Page 30: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?9. L’ergonomie pour faciliter l’intercompréhension U-C

Ergonomie Compatibilité HM Intercompréhension HM

Intercompréhension Utilisateur - Concepteur (UC)

Designer

System

Design Model

User

User’s Model

System Image

D.A. Norman

Page 31: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Représentations pour l’intercompréhension

J. Otswald

Modèle de la Construction Collaborative des Connaissances

Page 32: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?9. L’ergonomie pour faciliter l’intercompréhension U-C

Représentations pour l’intercompréhension (ou

artefacts permettant la réflexion) Textes et graphiques

concept papers, annotations de descriptions, dessins, diagrammes...

Scénarios Représentations textuelles ou vidéo

Jeux de simulation Prototypes

J. Otswald

Page 33: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?10. L’ergonomie pour équilibrer formel et informel, abstrait et concret

Représentations formelles et informelles, abstraites et

concrètes

Designer

System

Design Model

User

User’s Model

System Image

Page 34: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Qu'est-ce que l'ergonomie ?10. L’ergonomie pour équilibrer formel et informel, abstrait et concret

CONCEPTEUR: Modèle de conception UTILISATEUR: Modèle utilisateur

Interface + manuel

Document: Modèle conceptuel

Système: Image Système

Représentations mixtes

Page 35: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Plan du cours

Introduction

Panorama des méthodes

Méthode des scénarios

Directrices (Guidelines)

Evaluation coopérative

Évaluation heuristique et Cognitive Walkthrough

Page 36: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodes

Panorama des méthodes ergonomiques (ou

d’ingénierie des usages) Classifications multiples

Méthodes d'évaluation

Méthodes de conception et d'évaluation

Page 37: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes d’évaluation (1)

Rappel (cf. cours Laurence Nigay)

Techniques d ’évaluation

+ Propriétés générales des interfaces

Techniques prédictives

Techniques d'évaluation

Techniques expérimentales

Modèles théoriques PrototypesMaquettes Magicien d'OzHeuristiques

Page 38: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes d’évaluation (2)

Évaluation ergonomique des interfaces (cf. B. Senach, Rapport INRIA No 1180)

Approche empirique de l’évaluation Diagnostic d'usage d'un système existant Tests de conception

Evaluation comparative de logiciels verticaux Comparaison de l'utilisabilité des interfaces Comparaison de l'utilité des interfaces

Approches analytiques de l'évaluation : évaluation a priori de la qualité d'une interface

Approches informelles Modèles formels

Page 39: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes d’évaluation (3) Évaluation = Analyse

Évaluation heuristique (IHM)

Tests d’utilisateurs (IHM)

Expériences de laboratoire (psychologie cognitive et sociale)

Interviews et questionnaires, groupes de mise au point et retour du client (psychologie sociale)

Essais longitudinaux et ethnographie semi-réaliste (sociologie)

Ethnographie (sociologie)

Analyse conversationnelle et analyse des interactions (ethnométhodologie)

Analyse des ruptures (informatique et philosophie)

Méthodes d’évaluation des collecticiels (Ramage, 1997)

Page 40: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes de conception et d’évaluation ergonomiques (1)

Approche dirigée par les « Intéressés »

Utilisateurs Intéressés

Intéressés

Stakeholders Un intéressé désigne « n’importe quel individu ou groupe

identifiable qui peut affecter… ou est affecté par » un système (Freeman et Reed,1983)

Méthode SESL : Evaluation systémique pour l’apprentissage des intéressés (Ramage)

Page 41: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Typologie d’intéressés (Ramage, 1997)

Les utilisateurs du logiciel; Leurs collègues et supérieurs (directeurs); Les développeurs et les revendeurs du logiciel; Le service informatique de l’organisation (si nécessaire); Les clients de l’organisation; Les syndicats; Les entreprises mères; Les associations d’employés; Les actionnaires (shareholders); et Les gouvernements.

Page 42: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Autre typologie d’intéressés (Maciaszek)

Clients Utilisateurs Propriétaires du système

Développeurs Analystes Concepteurs Programmeurs

UML

Page 43: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Méthode SESL

Etapes de la méthode Déterminer la nature du « système » Décider du type d’évaluation à mener Identifier les intéressés et leurs points de vue Étudier et analyser : questions clés à poser Communiquer les résultats (retour)

Page 44: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Méthode SESL

Identifier les intéressés et leurs points de vue (étape 3)

Se demander qui affecte, dépend de ou peut influencer le système

et, réciproquement, qui est affecté ou est influencé par le système;

Faire construire collectivement par un un groupe représentatif une « carte des intéressés » (stakeholder map)

Page 45: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes
Page 46: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodes Méthodes de conception et d’évaluation

ergonomiques (2)

Méthodes traditionnelles Interviews d’experts et de clients Questionnaires Observation Étude des documents et des systèmes

Méthodes modernes Prototypage Développement coopératif d’applications (JAD) Développement rapide d’applications (RAD)

Méthodes d’analyse des besoins (requirements) (Maciaszek) UML

Page 47: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes de conception et d’évaluation ergonomiques (3)

Méthodes « non interactives » et « interactives » (cf. A.G.)

Méthodes non interactives Directives (« guidelines ») Guides de style (« style guides ») Guides de typographie et de mise en page

Méthodes interactives Cognitive walkthrough Evaluation coopérative Expérimentation « en ligne »

Page 48: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes de conception et d’évaluation ergonomiques (4)

Méthodes « sans utilisateurs » et « avec utilisateurs » (cf. A.G.)

Méthodes sans utilisateurs Évaluation heuristique Cognitive walkthrough

Méthodes avec utilisateurs Evaluation coopérative

Page 49: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Panorama des méthodesMéthodes de conception et d’évaluation ergonomiques (6)

Méthode(s) des scénarios Terminologie : scénarios, histoires, use cases... Exemples de méthodes :

Méthode de Carroll Méthode de Mack Méthode de Erskine, Carter-Tod & Burston Méthode SUNA (Scenario-based User Needs Analysis) ...

Modèle de la situation

En rapport avec le

Page 50: Ergonomie des IHM Module IHM, ESSI Alain GIBOIN (INRIA) Introduction et panorama des méthodes

Plan du cours

Introduction

Panorama des méthodes

Méthode des scénarios

Directrices (Guidelines)

Evaluation coopérative

Évaluation heuristique et Cognitive Walkthrough