Centre Universitaire Abdelhafid
Boussouf - Mila
INTERACTION
HOMME - 3éme INF
Chapitre 1
MACHINE
Introduction
2023- 2024 1
OBJECTIFS DU COURS
• Apprendre les concepts de base d’une IHM ergonomique
• En évitant les erreurs les plus courantes
• Acquérir une vision élargie des IHM ergonomiques
• Apprendre à concevoir une IHM ergonomique
• Se familiariser avec les différentes approches de conception
d’interface
• Apprendre à évaluer une IHM ergonomique
2
IHM ?
3
IHM ?
4
Interface / Interaction
L'interface Homme – Machine Interaction Homme – Machine
dispositifs matériels et logiciels qui •Relation entre l’homme et la
permettent à un utilisateur de machine par l’interface
commander, contrôler, superviser •Ensemble des aspects d’interaction
un système interactif avec un système: pousser un bouton,
bouger la souris, deplacer les doigts...
5
Utilité / Utilisabilité / Ergonomie
• L'usage d'un instrument (outil, logiciel, …) peut être
caractérisé selon deux axes :
o Son utilité : la capacité d'un objet à faciliter la réalisation
d'une activité humaine.
o Son utilisabilité : est la capacité d'un objet à être
facilement utilisé par une personne donnée pour réaliser la
tâche pour laquelle il a été conçu.
• L’utilisabilité représente l’une des exigences de ce qu’on
appelle ergonomie.
6
Pourquoi interaction et pas
interface ?
• Les boutons, les menus, les couleurs ou les animations ne
suffisent pas à rendre un système utilisable
• Comment se mesure l’utilisabilité ?
– temps nécessaire pour apprendre
– rapidité d’utilisation (benchmarks)
– taux d’erreurs
– facilité à se souvenir
– satisfaction subjective
– etc.
7
Pourquoi interaction et pas
interface ?
• Ce n’est pas seulement l’interface qui compte,
mais l’interaction :
– la séquence d’actions nécessaires pour accomplir une tâche
– l’adéquation entre le système et le contexte dans lequel il est utilisé
• Les deux sont indissociables dans les programmes
d’aujourd’hui
8
Evolution de l'interface graphique
• Interfaces à lignes de commande
donnent accès à une commande (une fonction) du système
• Menus et écrans de saisie
donnent accès à une application (un sous-ensemble des
fonctions du système)
• Multi-fenêtrage, interfaces iconiques et manipulation
directe
donnent accès à l'ensemble des fonctions du système, et au-
delà, à celles du réseau
9
Evolution de l'interactivité
• Le degré d'interactivité d'un système peut se mesurer au
nombre et à la nature de ses échanges avec les utilisateurs
• Deux éléments importants ont contribué à l'augmentation
du degré d'interactivité :
– la possibilité d'exécution en parallèle de plusieurs
tâches
– l'avènement des interfaces graphiques
• Le nombre des échanges a beaucoup augmenté, mais leur
nature n'a pas vraiment évolué
10
Dispositifs de sortie
Écrans
Son
synthèse vocale
Imprimantes 3D Son 3D spatialisé
devant : futur
derrière : passé
son 3D holophonique
Retour de force, retour haptique
son 3D binaural
11
Sortie : visualisation
informations 2D
➢ représentation des fichiers
12
Sortie : visualisation d’informations 3D
13
Dispositifs d’entrée
Claviers
azerty/qwerty…
« ergonomiques » : Dvorak, bépo…
Dispositifs de pointage
souris, trackball, joystick, pavé tactile
entrée tactile
Son
reconnaissance vocale
reconnaissance de son/musique
14
18
Dispositifs d’entrée visuelle 2D
Codes barres 2D : texte, web, Crayons optiques
mail, wifi, carte de visite…
Reconnaissance de tracé,
Écran tactiles d’écriture manuscrite
15
Dispositifs d’entrée visuelle 3D
Capteurs de position, de direction, de vitesse
16
Autres dispositifs d’entrée : capteurs
Température, hygrométrie, composition de l’air, lumière…
Orientation, proximité, mouvement, altitude, direction,
accélération, rotation, champ magnétique…
Pression, fréquence cardiaque, lecteur d'empreintes digitales,
niveau sonore, baromètre, odeurs…
17
Multimodalité
Combinaison de moyens d’entrée
interaction à deux mains
« mets-ça ici » : voix + geste
Mets-ça… …ici
18
Réalité virtuelle
Simulation informatique d’un environnement dans lequel
l’utilisateur a l'impression d'évoluer
immersion dans un monde 3D
utilisateur représenté par un avatar
19
Réalité augmentée, réalité mixte
Réalité augmentée
superposition d’une image (virtuelle) sur le réel (ou son image)
le virtuel est projeté sur le réel, en temps réel
sur écran
sur le réel …ou presque
Réalité mixte
avec dispositif de sortie & dispositif d’entrée
20
Interfaces tangibles
Association d’objets réels et numériques
action directement sur les objets
interaction plus simple et intuitive
21
Informatique vestimentaire :
wearable
Informatique embarquée
dans les vêtements
dans les accessoires
22
Collecticiel
Système interactif collaboratif
ensemble sur un même lieu
tableau blanc interactif
table multitouch
à distance
éditeurs partagés
intégrant des moyens de communication
Réalité augmentée collaborative
23
Définitions d’une IHM
• IHM: Discipline qui s’intéresse à la conception, le
développement, l’évaluation de systèmes
interactifs homme-machine et les phénomènes
autour d’eux.
“Human Computer Interaction is a discipline concerned with the
design, evaluation and implementation of interacting computing
systems for human use and with the study of major phenomena
surrounding them.”
ACM SIGCHI
24
Les interactions homme -
machine
25
Quelques définitions
• Un système interactif est un système dont le
fonctionnement dépend d'informations fournies par un
environnement externe qu'il ne contrôle pas [Wegner,
1997]
• Les systèmes interactifs sont également appelés ouverts,
par opposition aux systèmes fermés – ou autonomes –
dont le fonctionnement peut être entièrement décrit par
des algorithmes
26
Système (interactif) homme-
machine
• système interactif dont l’environnement est un ou
plusieurs êtres humains
27
IHM et programmation
• La plupart des applications informatiques sont interactives
• L’IHM est souvent un élément clé du logiciel (en + ou -)
• 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
28
IHM et programmation
• Nécessite une approche précoce, méthodique, itérative,
expérimentale
• Ce n'est pas simplement
❖une opération esthétique de l'écran
❖ une affaire de goût, de bon sens, d’intuition
• Méthode ?
❖pas toujours de solution prête à l'emploi
❖des points de repères théoriques, expérimentaux, des
savoir faire
29
Quel enjeu pour vous ?
• Savoir concevoir une IHM
• Savoir réaliser une IHM
• Savoir évaluer une IHM
Faire appel à des
spécialistes ou créer
une équipe
pluridisciplinaire
30
Objectifs des IHMs
Permettre à l’utilisateur d ’accomplir ses tâches :
• De façon efficace
• Avec une bonne productivité
• En toute sécurité
• En prenant plaisir à le faire
• En apprenant rapidement à utiliser le système
31
La pluridisciplinarité du domaine
d’IHM
• un domaine fortement pluri- et interdisciplinaire.
32
Conclusion
IHM = Interaction Homme-Machine
Discipline englobant l’ensemble des
aspects de la conception, de
l’implémentation et de l’évaluation des
systèmes informatiques interactifs
33
Questions ???
