Introduction a l'IHM,
historique et ergonomie
Cours
licence L3 Informatique
Responsable: Mme Kenniche.A
IHM ? Définition(s)
• IHM
● Interface Homme – Machine
● Interactions Homme – Machine
• Mais aussi
● Communication Homme – Machine
● Dialogue Homme – Machine
● Interaction Personne – Machine
IHM ? Définition(s)
• interface homme – machine
● Ensemble des dispositifs matériels et
logiciels permettant a un utilisateur d’interagir
avec un système interactif.
IHM ? Définition(s)
• Interaction Homme – Machine
● Ensemble des aspects d’interaction avec un
système : pousser un bouton, bouger la souris,
déplacer les doigts...
Adapter l’IHM
• Adapter l’IHM:
Caractéristiques de l’utilisateur
– différences physiques
– âge
– handicap
– connaissances et expériences dans le domaine de la tâche (novice,
expert, professionnel) en informatique, sur le système (usage
occasionnel, quotidien)
caractéristiques psychologiques
– visuel/auditif, logique/intuitif,
caractéristiques socio-culturelles
– sens d'écriture
– format des dates
– signification des icônes, des couleurs
IHM et programmation
• La plupart des applications informatiques sont interactives
• L’IHM est souvent un élément clé du logiciel
• La conception de l'interaction représente plus de 50% du coût
de développement
• L’IHM peut représenter 80% du code d’une application
• elle peut être modifiée/reconstruite de multiples fois
• importance de l’indépendance interface / coeur du système
Prise en compte de
l’utilisateur
o Approche technocentrée
• centrée sur la machine et ses possibilités
l’utilisateur doit s’adapter à la machine
o Approche anthropocentrée
•centrée sur l’homme et ses besoins
la machine doit s’adapter à l’utilisateur
Historique
Historique 1945-1970 :
les prémisses
o Dispositifs d’entrée-sortie limités
– perforateurs/lecteurs de cartes
– tableaux de bord (voyants)
– imprimantes
o Langages de commandes
IHM techno-centrée
• L’ère des Command Lines Interfaces (CLI)
Les utilisateurs des années 1970 étaient plutôt des ingénieurs et
des informaticiens, c’est-a-dire des spécialistes. L’ordinateur
était réservé a une clientèle spécifique et utilisé surtout en
milieu professionnel.
IHM anthropo-centrée
L’ère des Graphical User Interfaces (GUI) – 1984 à aujourd’hui
• L’interface graphique (abregee GUI, en anglais graphic user interface) est un
type d’IHM qui permet a l’utilisateur d’interagir avec l’ordinateur en
manipulant des objets graphiques grâce a un dispositif de pointage, le plus
souvent une souris.
La GUI a donc permis une importante évolution dans l’interaction homme-machine
tout en facilitant l’execution de commandes d’entrees a travers la souris ou le
clavier, mais ces dispositifs restent ≪ artificiels ≫ et améliorables…
IHM anthropo-centrée
L’arrivée des NUI : natural user interfaces
L’interface utilisateur naturelle (abregee NUI, en anglais,natural
user interface), dite aussi Post-WIMP, est une interaction
informatique emergente qui met l’accent sur les capacites
humaines telles que le toucher, la vision, la voix et le mouvement
(geste).
L’interface utilisateur naturelle vise a exploiter la richesse des
capacites humaines dans ses modalites d’interactions classiques.
Évolution des interfaces
• Systèmes plus conviviaux, faciles à comprendre et
à utiliser
• Interfaces graphiques
– manipulation directe
– action directe pour les objets représentés à l’écran
WYSIWYG
– What You See Is What You Get
– ACAI : Affichage Conforme A l'Impression
Dispositifs de sortie
Sortie : visualisation
d’informations 2D
Sortie : visualisation
d’informations 3D
Dispositifs d’entrée
Mise en œuvre de
systèmes interactifs
C’est
● difficile, long, couteux
● nécessite une approche précoce, méthodique, itérative,
expérimentale.
Ce n'est pas
● une opération esthétique de l‘écran
● une affaire de gout, de bon sens, d’intuition
Il faut prendre en compte l’IHM des le début
Méthode ?
● pas toujours de solution prête a l'emploi
● des points de repères théoriques, expérimentaux, des savoir
faire, des questionnements, trouver des compromis
IHM – problèmes et
mise en oeuvre
IHM
● Conception
● Implémentation
● Evaluation
– de systèmes interactifs
– destines a des humains
IHM – problèmes et
mise en œuvre
Pluridisciplinarité
● Ingénierie
– informatique, génie logiciel, électronique ...
● Facteurs humains
– ergonomie, psychologie cognitive, sociologie ...
● Design
– design industriel, arts graphiques.
Processus de développement adapte
– méthodes de conception / réalisation / évaluation
appropriées
Le cas du Mont Saint-
Odile
Paris 17 janvier 2005 AFP
● De nouvelles charges ont été retenues lundi contre un ancien directeur
technique d'Airbus Industries après un rapport faisant état d'un
dysfonctionnement de l'A320 dans l'instruction de la catastrophe du
Mont Sainte-Odile.
● Bernard Ziegler, 72 ans, avait été mis en examen en janvier 1997 pour
"homicide et blessures involontaires" en relation avec "l'ergonomie du
mode de descente de l'appareil".
● Selon Me Muriel Brouquet-Canale ces charges sont desormais
egalement liees au dysfonctionnement du DME(Distance measuring
equipment) de l'avion qui s'est ecrase le 20 janvier 1992, faisant 87
morts et laissant 9survivants.
Le cas du Mont Saint-
Odile
Wikipedia
● Une confusion liée a l'affichage peu différencie de deux
valeurs très différentes selon le mode de descente
sélectionné : angle de descente (mode FPA - Flight Path
Angle) ou vitesse verticale (mode VS – Vertical Speed).
● Le pilote a enregistre sur l’ordinateur de bord la valeur "33",
croyant être en mode FPA alors qu’il était en mode VS. Au
lieu de programmer un angle de descente de 3,3°, il a en fait
programme une vitesse de descente de 3 300 pieds/minute
(16.7 m/s)
● L’avion opère alors une descente trop rapide a un taux de
quatre fois supérieur au taux normal (3 300 pieds/minute
au lieu de 800–900 pieds/ minute (4 a 4.5 m/s)).18
Enjeux
concevoir des systèmes fiables et faciles à utiliser
● en un temps et a un coût raisonnables ...
→ optimiser le ratio performances / cout
Exemple
Non sens
Exemple
Exemple
Exemple
Objectifs de la
conception
Concevoir des systèmes techniques:
–Utiles: adéquation aux besoins en fournissant les fonctions
adaptées
–Utilisables: adéquation aux capacités de l’utilisateur avec des
critères de:
•Confort
•Efficacité
•Sécurité
•Qualité du produit
•Qualité de la tâche réalisée avec le système
Utilité
•Utilité : « l’utilité détermine si le système permet à l’utilisateur de réaliser
sa tâche, s’il est capable de réaliser ce qui est nécessaire pour l’utilisateur.
Elle couvre: la capacité fonctionnelle, les performances du système, les
qualités d’assistance » (Senach, 1990)
•détermine si le produit respecte les contraintes fonctionnelles et
opérationnelles
Utilisabilité
Utilité et Utilisabilité
selon Nielsen
QUALITE D’UN LOGICIEL :
UTILISABILITE
Utilisabilité d’un logiciel interactif (Dix, Finlay et al., 2003)
Apprenabilité — facilité avec laquelle l’utilisateur peut prendre en main
le logiciel et découvrir ses fonctionnalités
Flexibilité — capacité du système à offrir des modes d’interactions
multiples
pour répondre aux besoins, préférences et expérience de l’utilisation
(flexibilité) et à s'adapter au contexte (adaptabilité)
Robustesse — niveau de satisfaction dans la réalisation des tâches
permises par le système (ne se limite pas à la fiabilité)
QUALITE D’UN LOGICIEL :
UTILISABILITE
QUALITE D’UN LOGICIEL :
APPRENABILITE
QUALITE D’UN LOGICIEL :
APPRENABILITE
QUALITE D’UN LOGICIEL :
APPRENABILITE
QUALITE D’UN LOGICIEL :
APPRENABILITE
QUALITE D’UN LOGICIEL :
APPRENABILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
FLEXIBILITE
QUALITE D’UN LOGICIEL :
ROBUSTESSE
QUALITE D’UN LOGICIEL :
ROBUSTESSE
QUALITE D’UN LOGICIEL :
ROBUSTESSE
QUALITE D’UN LOGICIEL :
ROBUSTESSE
QUALITE D’UN LOGICIEL :
ROBUSTESSE
Références
“Interfaces Graphiques Ergonomiques: Conception et
Modélisation” Jean Bernard CRAMPES Ed. Ellipses 1997
David Benyon, Designing Interactive Systems: A Comprehensive
Guide to HCI, UX and Interaction Design,Pearson; 3 edition,
2013
Pascal Roques - UML-2, Modéliser une application WEB -
Editions Eyrolles
Norman DA, The Design of Everyday Things, Basic Books, 2002.
Serengul Smith-Atakan The FastTrack to Human-Computer
Interaction, (Paperback)Thomson Learning, 2006.
Corinne Ratier, guide de recommandations ergonomiques
pour la conception et l’evaluation d’interface graphique Centre
national de la recherche scientifique .