Chp1: Introduction à l’IHM - Introduction à l’IHM - Historique

1

Chp1: Introduction à l’IHM -Introduction à l’IHM -Historique

ISET Walid Beyaoui - Mourid Smida

Walid Beyaoui - Mourid Smida 2

IHM

Interface Homme – Machine

Interactions Homme – Machine

Communication Homme – Machine

Dialogue Homme – Machine

Interaction Personne – Machine

ISET


Définitions

Interface homme – machine: ensemble des dispositifs matériels et logiciels permettant à un utilisateur d’interagir avec un système interactif

Interaction homme – machine: ensemble des aspects de la conception, de l’implémentation et del’évaluation des systèmes informatiques interactifs

ISET


Prise en compte de l’utilisateur

Approche technocentrée

centrée sur la machine et ses possibilités

l’utilisateur doit s’adapter à la machine

Approche anthropocentrée

centrée sur l’homme et ses besoins

la machine doit s’adapter à l’utilisateur

ISET


Adapter l’IHM (1)

Caractéristiques de l’utilisateurdifférences physiques• age• 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, analytique/synthétique…

caractéristiques socio-culturelles• sens d'écriture• format des dates• signification des icônes, des couleurs

ISET


Adapter l’IHM (2)

Caractéristiques de l’utilisateurContexte• grand public (proposer une prise en main immédiate)• loisirs (rendre le produit attrayant)• industrie (augmenter la productivité)• systèmes critiques (assurer un risque zéro)

Caractéristiques de la tâche• répétitive, régulière, occasionnelle, sensible aux modifications de

l'environnement, contrainte par le temps, risquée...Contraintes techniques• plate-forme• taille mémoire• écran, capteurs, effecteurs• réutilisation de code ancienISET


IHM, domaine pluridisciplinaire

Informatique• Programmation• Réseaux• synthèse et reconnaissance de la parole, langue naturelle• Image• système...

Psychologie cognitiveErgonomie cognitive, ergonomie des logicielsSciences de l’éducation, didactiqueAnthropologie, sociologie, philosophie, linguistiqueCommunication, graphisme, audiovisuel…

ISET


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

ISET


Mise en œuvre de logiciels interactifs

C’est• difficile, long, coûteux• nécessite une approche précoce, méthodique, itérative,

expérimentaleCe n'est pas• une opération esthétique de l'écran• une affaire de goût, de bon sens, d’intuition

Il faut prendre en compte l’IHM dès le débutMéthode ?• pas toujours de solution prête à l'emploi• des points de repères théoriques, expérimentaux, des savoir-faire,

des questionnements• trouver des compromis

ISET


Historique: 1945-1970

Dispositifs d’entrée-sortie limités• perforateurs/lecteurs de cartes• tableaux de bord (voyants)• imprimantes

Langages de commandes

ISET


Historique: 1970s : les ordinateurs

Nouveaux dispositifs d’entrée-sortie• 1963 : écran graphique et stylo optique• 1968 : première souris• 1980 : applications grand public

manipulation directe

ISET

Xerox 8010 Star 1981

Windows3.01990

Macintoch1984Souris


Évolution des interfaces (1)

Systèmes plus conviviaux, faciles à comprendre et à utiliserInterfaces 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

ISET



Dispositifs de sortieÉcrans

-visualisation d’informationsvision 2D,3DImprimantesSon

- synthèse vocalemanipulation tactile, retour de force

ISET



Dispositifs d’entréeclavier (azerty, ..)souris, joystick, pavé tactilereconnaissance de paroleécran tactileentrée visuelle• 2D : écran tactiles, crayons optiques

- reconnaissance de tracé- reconnaissance d’écriture

• 3D : capteurs de position et de direction

ISET



Multimédia• combinaison de types de données /de supports de données• texte, graphique, animation, son, vidéo

Multimodalité• combinaison de moyens d’entrée• interaction à deux mains

ISET



Réalité virtuelle• simulation d’un environnement dans lequel le

sujet a l'impression d'évoluer (avatar)• immersion dans un monde 3D

Réalité augmentée, réalité mixte• superposition de l'image d'un modèle

virtuel sur une image de la réalité en temps réel• le virtuel est intégré dans le réel

Réalité diminuée• suppression d’un élément de l’image sur une image de la réalité en

temps réelRéalité cliquable• manipulation virtuelle du monde réel• désignation d’une zone du monde réel

par un gesteISET



Informatique diffuse, nomade• informatique présente dans les objets du quotidien• problème de compatibilité entre les différents dispositifs• Plateforme

-contraintes techniques-bande passante-taille de l’écran, mémoire, espace de stockage…

ISET

Chp1: Introduction à l’IHM - Introduction à l’IHM - Historique

Documents

Transcript of Chp1: Introduction à l’IHM - Introduction à l’IHM - Historique