COURS IHM Moses

27/10/2023
INF 1142 IHM (S) (2 crédits)
Interface Homme Machine

1ère année Licence Informatique
AYITE K. A. Moses
Ingénieur Informaticien
Plan de Cours
Objectifs du Cours
Thèmes / séances
Exposés
Travaux pratiques
Evaluations
Eléments de cours IHM 2023-2024 | Moses AYITE 2
1
27/10/2023
Objectifs de l’enseignement
sensibilisation aux questions d’interface / d’interaction ;

acquisition des compétences dans la conception des
interfaces graphiques visuelles selon les normes et
standards en vigueur ;
bases, points de repères, outils pour éviter les plus
grosses erreurs dans le design ;
Evaluation des interfaces graphiques.
Elements de cours IHM 2023-2024 | Moses AYITE 3
Thèmes et séances
Chapitre 1 : Introduction, conception d'IHM, ergonomie
Chapitre 2 : Outils de développement des interfaces
graphiques
Chapitre 3 : Techniques de présentation de l’information
Chapitre 4 : Composants élaborés et architectures pour
l'IHM
Chapitre 5 : Evaluation des interfaces graphiques
2
27/10/2023
Chapitre 1 : Introduction, conception d'IHM, ergonomie
Quand on dit IHM ?

IHM
• Interface Humain – Machine
• Interaction(s) Homme – Machine
mais aussi
• CHM: Communication Humain – Machine
• DHM: Dialogue Humain – Machine
• IPM: Interaction Personne – Machine
Quand on dit IHM ?

En anglais
UI - User Interface
GUI - Graphical User Interface
HMI - Human Machine Interface
HCI - Human-Computer Interaction
3
27/10/2023
Communication Homme-Machine
Etude de la conception des systèmes
informatiques interactifs.
contrôle aérien, centrale nucléaire : orienté sécurité
bureautique : orienté productivité
jeux : stimuler l’engagement des utilisateurs
Interface Homme-Machine (1970)

Ensemble des dispositifs matériels et
logiciels permettant à un utilisateur (Homme /
Humain) d’interagir avec un système
interactif.
4
27/10/2023
Les Interactions Homme-Machine

Interaction
phénomène que l’on
souhaite contrôler
capacités de stockage, de
capacités de perception
calcul, d’entrées/sorties
d’ action, de cognition
Environnement
physique, organisationnel, social, etc.
Interaction Homme-Machine (1980)

•Psychologie de l’interaction homme-machine
L’Interaction Homme-Machine
devient la discipline englobant l’ensemble des
aspects de la conception, de l’implémentation et
de l’évaluation des systèmes informatiques
interactifs.
5
27/10/2023
Système (informatique) interactif

« il prend en compte les entrées de manière interactive »
il fournit à l'utilisateur, lors de son exécution, une représentation
perceptible d’une partie de son état interne, afin que ce dernier
puisse le modifier en fournissant des entrées.
les entrées permettent de modifier l’état interne du système, et il y a
ainsi interaction: les entrées fournies par l'utilisateur dépendent des
sorties produites par le système et inversement.
le système est ouvert : les dépendances entre entrées et sorties sont
inaccessibles au système.
Modèle conceptuel
Vue du modèle Modèle
6
27/10/2023
Conception des systèmes interactifs

Importance des facteurs humains (human factors)
• absence de théories constructives ou qualitatives
• quelques apports de la psychologie expérimentale
Aspect chaotique de la conception.
• parfois petits changements, grands effets
Nécessité d’une approche itérative
• approche empirique (essai- erreur)
• cycle de vie en spirale
Conception centrée sur l’utilisateur
7
27/10/2023
Adapter l’IHM suivant

les caractéristiques de l’utilisateur et
de la tâche
le contexte
les contraintes techniques

les caractéristiques de l’utilisateur
8
27/10/2023

le contexte

les caractéristiques de la tâche
9
27/10/2023

les contraintes techniques
Importance de l’IHM
10
27/10/2023
Constat : L’informatique envahit la vie
au quotidien : PC, distributeur de billet, borne de
réservation (avion / train), téléphone portable, etc.
au travail : réseau, bureautique professionnelle…
systèmes embarqués (airbus), etc.
11
27/10/2023
L’ ergonomie au centre de
l’ Interaction Homme-
Machine
L’ ergonomie au centre de l’ Interaction Homme-Machine
Définition de l’Ergonomie:
« Science du travail et des activités
humaines »
•ergon (travail) et nomos (règles)
•prise en compte des facteurs humains
12
27/10/2023
Elle vise la compréhension des

interactions humains/système et concerne
• l’optimisation du bien-être des personnes
et de la performance globale des systèmes
qui doivent être:
– efficaces
– fiables, sûrs
– favorables à la santé de leurs utilisateurs
– favorables au développement de leurs
compétences
13
27/10/2023
Définition de l’ergonomie donnée par la S.E.L.F.

« L’ergonomie (ou l’ étude des facteurs humains) est la
discipline scientifique qui vise la compréhension
fondamentale des interactions entre les êtres humains et
les autres composantes d’un système, et la mise en
œuvre dans la conception de théories, de principes, de
méthodes et de données pertinentes afin d'améliorer le
bien-être des hommes et l'efficacité globale des systèmes
» (2001)

Définition générale du métier d’ergonome:
métier contribuant à la planification, la
conception, l’évaluation et la correction des
tâches, des emplois, des produits, des
organisations en compatibilité avec les besoins,
les capacités et les limites des personnes.
14
27/10/2023
Objectifs de l’ergonomie
Objectifs centrés sur les personnes
Objectifs centrés sur la performance
Objectifs centrés sur les personnes
Santé
Sécurité
Confort, facilité d’usage, satisfaction, plaisir
15
27/10/2023

Objectifs centrés sur la performance
Efficacité, productivité, fiabilité,

qualité
Domaines d’applications
Ergonomie physique
Ergonomie cognitive
Ergonomie organisationnelle
16
27/10/2023
Ergonomie physique
Caractéristiques anatomique, physiologiques,
biomécaniques
Postures de travail, mouvements répétitifs,
disposition du poste de travail, des terminaux,
la sécurité et la santé
Ergonomie cognitive
Focus sur les processus mentaux (perception, mémoire,
raisonnement, réponses motrices) dans les interactions
humain-systèmes
Charge mentale, prise de décision, performance experte,
interaction homme-machine, fiabilité humaine, le stress
professionnel et la formation dans leur relation à la conception
personne-système
17
27/10/2023
Ergonomie organisationnelle
Optimisation des systèmes sociaux-techniques
(structures organisationnelles, règles et processus)
Communication et gestion des ressources des
collectifs, conception du travail, conception des
horaires de travail, travail coopératif, télétravail, ...

Pourquoi a-t-on besoin d’ ergonomie ?
Les nouvelles Technologies sont de plus en plus puissantes et
“envahissantes”, alors que les utilisateurs sont de moins en moins
compétents
Les logiciels ont de plus en plus de fonctionnalités, mais moins de
40% d’entre elles sont réellement utilisées
L’ introduction de nouveaux dispositifs informatiques en
entreprise correspond souvent à une baisse de la productivité
18
27/10/2023

Technologie et usager
Dans les projets à forte composante technologique, l’utilisateur final
est souvent oublié.
Question: Qu’est ce que l’utilisateur achète ?
Une technologie ?
Un produit ?
Réponse:

A l’intersection de plusieurs disciplines
Ergonomie
19
27/10/2023

Où l’ergonomie se situe-t-elle ?
Idées reçues sur l’IHM

C’est facile
C’est une opération esthétique de l'écran:
C’est seulement une affaire de goût, de bon
sens, d’intuition
Il existe une méthode miracle
20
27/10/2023
Historique des interfaces

Historique: IHM de ses prémisses au futur
Evolution de l'interface graphique
Evolution de l'interactivité
Travaux de recherches a effectuer
21

COURS IHM Moses

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

COURS IHM Moses

Transféré par

Droits d'auteur :

Formats disponibles

27/10/2023

INF 1142 IHM (S) (2 crédits)

Interface Homme Machine

sensibilisation aux questions d’interface / d’interaction ;

Elements de cours IHM 2023-2024 | Moses AYITE 3

Elements de cours IHM 2023-2024 | Moses AYITE 4

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Quand on dit IHM ?

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Quand on dit IHM ?

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Interface Homme-Machine (1970)

Elements de cours IHM 2023-2024 | Moses AYITE 8

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Les Interactions Homme-Machine

Elements de cours IHM 2023-2024 | Moses AYITE 9

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Interaction Homme-Machine (1980)

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Système (informatique) interactif

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Elements de cours IHM 2023-2024 | Moses AYITE 12

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Conception des systèmes interactifs

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Conception centrée sur l’utilisateur

Elements de cours IHM 2023-2024 | Moses AYITE 14

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Adapter l’IHM suivant

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Adapter l’IHM suivant

Elements de cours IHM 2023-2024 | Moses AYITE 16

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Adapter l’IHM suivant

Elements de cours IHM 2023-2024 | Moses AYITE 17

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Adapter l’IHM suivant

Elements de cours IHM 2023-2024 | Moses AYITE 18

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Adapter l’IHM suivant

Elements de cours IHM 2023-2024 | Moses AYITE 19

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Elements de cours IHM 2023-2024 | Moses AYITE 20

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Elements de cours IHM 2023-2024 | Moses AYITE 21

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Elements de cours IHM 2023-2024 | Moses AYITE 22

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Chapitre 1 : Introduction, conception d'IHM, ergonomie

L’ ergonomie au centre de l’ Interaction Homme-Machine

Chapitre 1 : Introduction, conception d'IHM, ergonomie

L’ ergonomie au centre de l’ Interaction Homme-Machine

Elle vise la compréhension des

Chapitre 1 : Introduction, conception d'IHM, ergonomie

L’ ergonomie au centre de l’ Interaction Homme-Machine

Chapitre 1 : Introduction, conception d'IHM, ergonomie

Définition de l’ergonomie donnée par la S.E.L.F.

Chapitre 1 : Introduction, conception d'IHM, ergonomie

L’ ergonomie au centre de l’ Interaction Homme-Machine

Chapitre 1 : Introduction, conception d'IHM, ergonomie

L’ ergonomie au centre de l’ Interaction Homme-Machine

Elements de cours IHM 2023-2024 | Moses AYITE 29

Chapitre 1 : Introduction, conception d'IHM, ergonomie