Interface Homme-machine (interaction humain-machine) Emna Hakem
description
Transcript of 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
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
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]
H.Emna(FSEGN) Interface Homme Machine 2011-2012
Méthodologie de conception
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
Modèle en cascade :
H.Emna(FSEGN) Interface Homme Machine 2011-2012
Méthodologie de conception
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
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
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
Modèle itératif en 4 phases :
H.Emna(FSEGN) Interface Homme Machine 2011-2012
Méthodologie de conception
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
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
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
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
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
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
L’approche de type Prototypage :
H.Emna(FSEGN) Interface Homme Machine 2011-2012
Méthodologie de conception
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
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
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
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
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
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
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
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
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
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
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
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