interface homme-machine (interaction humain-machine) emna hakem

29
Interface Homme-machine (interaction humain-machine) Emna Hakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul 2 eme année Licence Fondamentale IAG Année universitaire 2011-2012 H.Emna(FSEGN) Interface Homme Machine 2011-2012

Upload: abeni

Post on 19-Jan-2016

65 views

Category:

Documents


3 download

DESCRIPTION

Interface Homme-machine (interaction humain-machine) Emna Hakem Université 7 novembre à Carthage Faculté des Sciences Economiques et de Gestion de Nabeul 2 eme année Licence Fondamentale IAG Année universitaire 2011-2012. H.Emna (FSEGN). Interface Homme Machine. 2011-2012. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Interface Homme-machine (interaction humain-machine) Emna Hakem

Interface Homme-machine(interaction humain-machine)

Emna Hakem

Université 7 novembre à Carthage

Faculté des Sciences Economiques et de Gestion de Nabeul

2eme année Licence Fondamentale IAG

Année universitaire

2011-2012

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Page 2: Interface Homme-machine (interaction humain-machine) Emna Hakem

1• Introduction et historique

2• Traitement cognitif de l’information

3• Principes de conception

4• Analyse des taches

5• Visualisation de l’information

6 • Méthodologie de conception

7• Evaluation des interfaces

8• Interface Web

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Plan du cours

Page 3: Interface Homme-machine (interaction humain-machine) Emna Hakem

Pourquoi faut il s’intéressé à la conception des IHM?

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Environ 70% des coûts d’un logiciel interactif sont consacrés à la conception de l’interface utilisateur

[Bill Buxton,1991]

Plus de 1/3 des projets d’envergure de développement de logiciels sont annulés.

En moyenne, un projet dure deux fois plus longtemps que prévu

3/4 des applications informatiques d’envergure représentent des défaillances opérationnelles et ne fonctionnent pas tel que prévu initialement

[Software Engineering Institute,1995]

Page 4: Interface Homme-machine (interaction humain-machine) Emna Hakem

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 5: Interface Homme-machine (interaction humain-machine) Emna Hakem

Méthodologie de conception

Développement en cascades

Le modèle itératif des 4 phases

Cycle de vie basé sur l’utilisabilité (« Usability lifecycle »)

(J. Nielsen, 1992)

Prototypage et design participatif de basse fidélité (lo-fi) de haute fidélité (hi-fi)

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 6: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle en cascade :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 7: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle en cascade :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Les projets réels sont de nature non séquentielle comme le suppose ce modèle

Fige les besoins dès le début (en particulier pour l’interface usager)

Obtention trop tardive d’une version exécutable Évaluation trop tardive (après l’effort de codage) (voir

acétate suivante)

Inconvénients

Page 8: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle en cascade :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Étapes génériques dans la plupart des paradigmes du Génie logiciel

Modèle le plus couramment utilisé dans les projets de grande envergure

Préférable à tout autre modèle aléatoire

Permet la gestion de la production du logiciel

Avantages

Page 9: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Collecter et analyser l’information de l’utilisateur 1

Conception de l’interface utilisateur2

Développer l’interface utilisateur3

Valider l’interface utilisateur4

Page 10: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle itératif en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 11: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle itératif en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

1) Déterminer les profils usagers2) Effectuer une analyse de tâches3) Collecter les besoins usagers4) Analyser le contexte de l’usager5) Faire coller les besoins aux tâches

Phase 1: analyse de l’information

Page 12: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle itératif en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

1) Définir les objectifs d’utilisabilité2) Développer des scénarios de tâches3) Définir les objets et les actions de l’interface4) Déterminer les icônes objets et les représentations

visuelles5) Concevoir les menus fenêtres et objets6) Raffiner le design visuel

Phase 2: Conception de l’interface usager

Page 13: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle itératif en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Il est simplement impossible de nos jours de concevoir une interface utilisateur compétitive sans disposer dès les premiers pas du processus de bons et de puissants outils de prototypage.

[Edward Tufte ,1994]

Phase 3: développement

Page 14: Interface Homme-machine (interaction humain-machine) Emna Hakem

Modèle itératif en 4 phases :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Va être traiter dans le chapitre suivant

Phase 4: Evaluation

Page 15: Interface Homme-machine (interaction humain-machine) Emna Hakem

Cycle de vie basé sur l’utilisabilité :

Modèle dû à Jakob Nielsen (1992) Développé par Deborah Mayhew (1999) Centré sur le concept d’utilisabilité Extension de la version des principes de Gould et

Lewis (1985):• Focus dès le début sur les utilisateurs• Implication de l’utilisateur dans le processus de

conception• Évaluation continuelle• Approche itérative

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 16: Interface Homme-machine (interaction humain-machine) Emna Hakem

Cycle de vie basé sur l’utilisabilité :Pas forcément de suivre les 9 principes heuristiques, l’auteur suggéré de suivre les 3 principes suivants:

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

1) Visiter le site du client avant le démarrage du projet2) Adopter la conception itérative et participative3) Prototyper et évaluer continuellement avec de vrais

utilisateurs les plus représentatifs possible de la population cible d’usagers

Page 17: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 18: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

Principes:

AnticipationExpérimentationRétroaction (« feedback »)Flexibilité Interaction informaticien-utilisateur

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 19: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

objectifs: Vérifier un modèle ou valider à priori de

nouvelles idées Démontrer les principales fonctionnalités d’un

système futur et examiner celles qui posent problème

Faciliter et maintenir la communication entre l’informaticien et l’utilisateur

Former l’utilisateur participant dès le début

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 20: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

objectifs:

Découvrir de nouveaux besoins par une approche WYSIWIG

Explorer de nouvelles avenues dans le développement de systèmes

Valider les modèles conceptuel, fonctionnel et

physique de données ainsi que les aspects esthétique et convivial de l’interface

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 21: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

Catégories de prototype:

Il existe principalement 3 catégories :

les maquettes les prototypes exploratoires les prototypes évolutifs

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 22: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

Catégories de prototype:

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Orientées vers la simulation de différents modes d’interaction possibles et prévus

Prototypes dits « jetables » (c-a-d non réutilisables dans l’application finale)

2 types de maquettes: maquettes papier maquettes affichées

Maquette

Page 23: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

Catégories de prototype:

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Éclairage particulier sur l’une des phases de développement

Non développé en vue d’être incorporé dans le produit final

Permet de mieux choisir parmi un ensemble possible d’alternatives de conception

Prototype exploratoire

Page 24: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

Catégories de prototype:

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Mise en place d’une version simple d’un sous système réel en vue de vérifier des hypothèses sur les fonctionnalités et la convivialité de l’interface

Évolue vers le système final par raffinements successifs

Prototype évolutif

Page 25: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

situations favorables pour au prototypage:

Usager incapable de graduer ses besoins Besoins mouvants Souplesse exigée : incapacité à distinguer les

parties stables Système très interactif, convivialité critique de

l’interface utilisateur Système informationnel (SIG, SIAD, SIE, etc)

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 26: Interface Homme-machine (interaction humain-machine) Emna Hakem

L’approche de type Prototypage :

situations favorables pour au prototypage:

Usagers réticents à se familiariser avec les outils informatiques

Vérification de concepts nouveaux Nouveau domaine d’application pour

l’informaticien Usagers souhaitant pouvoir utiliser hâtivement

une version incomplète du système

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 27: Interface Homme-machine (interaction humain-machine) Emna Hakem

Technique de Design participatif

Techniques basées sur l’idée de démocratie Importance croissante dans les années 1980

(législation pays scandinaves) Techniques aujourd’hui très efficaces et très

concluantes (connues sous le vocable de Techniques de Design participatif)

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 28: Interface Homme-machine (interaction humain-machine) Emna Hakem

Technique de Design participatif

Approche basée sur la collaboration active d’utilisateurs et d’informaticiens dans la conception d’un système

Le design participatif considère les utilisateurs comme étant de véritables« collaborateurs » et non de simples « approbateurs »

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception

Page 29: Interface Homme-machine (interaction humain-machine) Emna Hakem

Technique de Design participatif

principes:

Sélection des participants (constitution de l’équipe de design)

Formation (workshop informel) sur l’objet du design

Désignation d’un animateur (ou facilitateur) Utilisation d’outils et de techniques adaptés à des

utilisateurs

H.Emna(FSEGN) Interface Homme Machine 2011-2012

Méthodologie de conception