Post on 03-Apr-2015
Cedric.Dumas@emn.frcontrat Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France License
4
Définitions de l’IHM (HCI)
L ’interaction homme-machine désigne l ’ensemble des phénomènes physiques et cognitifs qui interviennent dans la réalisation de tâches avec le concours de l ’ordinateur.
L ’interface homme-machine désigne un assemblage de composants logiciels et matériels qui permet l’accomplissement de tâches avec le concours de l’ordinateur
communication homme-machinecommunication humaine médiatiséedialogue homme-machine
Une approche inter-disciplinaire
Psychologie
Sociologie
Physiologie
Informatique
Composantesociale et institutionnelle
Composante physique
composantetechnique
composante cognitive et affective
Quel enjeu pour vous ? (court terme)
Projet OSE Fi2 Projet OSE Fi3 Projets Fi4 Capacité à développer rapidement vos
propres outils en fonction de vos besoins Meilleure maitrise de la composante
informatique Meilleure visibilité sur la complexité des
développements informatiques
Quel enjeu pour vous ? (long terme)
Savoir concevoir une IHM Savoir réaliser une IHM Savoir évaluer une IHM
Faire appel à des spécialistes ou créer une équipe pluridisciplinaire !
Pour quels objectifs ?
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
Les styles d’interaction
Styles d’interaction
Conversationnel langage de commandes dialogue imposé par le système
Menus, formulaires guidage du système dialogue contrôlé par le système
Question / réponseLangage naturel et langage écrit
Styles d’interaction
Navigation nœuds, ancre, liens difficulté de repérage
Manipulation directe actions physiques sur des
représentations d’objets inspire toutes les interfaces actuelles
Styles d’interaction
WIMP windows, icons, menus and pointers widgets :
bouttons, barre d’outils (actions), palettes (modes), boites de dialogues + compositions
Point-and-click hypertext généralisation / WIMP (<> souris)
Interaction tactile
Styles d’interaction
WYSIWIG : édition de document What You See Is What You Get dialogue contrôlé par l’utilisateur
… x.ln(x)/sqr(sqr(x)+1) ...
Styles d’interaction
Interaction gestuelle / reconnaissance de traces
interfaces à stylo
ETC....
16
Interaction Directe
Ben Schneiderman, 1983L’utilisateur agît sur des objets dotés de réactions spécifiques
apprentissage rapidelimite les efforts de mémorisationpermet l'expérimentation
(vérification immédiate, réversibilité)
exemple : éditeur de dessin
17
Interaction Directe
représentation continue des objets utilisation d'actions physiques (mouvement et sélection
par souris, pointage, etc) au lieu d'une syntaxe complexe opérations rapides, incrémentales et réversibles dont les
effets sur les objets doivent être visibles immédiatement apprentissage selon une approche progressive afin de
permettre l'utilisation de l'interface même avec un minimum de connaissances
18
Utilisation de l’interaction Directe
Interactions élémentaires avec le périphérique de localisation
Pointage suivi du déplacement par déplacement du curseur
Sélection par click simple ou multiples, avec ou sans touches
du clavier Tracé
cliquer-tirer, drag and drop, suivi du déplacement
19
Utilisation de l’interaction Directe
Tâche de déclenchement (sélection, action) Tâches de défilement Tâches de spécification (argument, propriété)
• Commande par action directe• Arguments donnés implicitement• ou explicitement : boîtes de dialogue, modales ou non
modales• Boîte d’alerte et d’information, État d’avancement• Boîte de propriétés, effet immédiat des modifications
Tâches de transformation
Nous maintenant...
Du WIMPAvec SwingPour comprendre que la conception est :
Simple De haut niveau Longue Qualité fortement couplée au génie logiciel Stereotypée en WIMP Evolue rapidement + un facteur clé :
De la réussite d'un S.I. D'une innovation
Ressources
Bibliographie
Internet
Intranet
Points de départ !
CAMPUS2• transparents• liens• bibliographie• exemples etc…
Portails http://www.dmoz.org http://www.usabilis.com/ http://membres.lycos.fr/interaction/ http://directory.google.com/ en ergonomie http://usableweb.com/ http://www.stcsig.org/usability/topics/prototyping.html
Bibliographie
Interaction Homme-Machine pour les Systèmes d’Informations (2 tomes)Christope KolskiHermès
Designing the user interfaceBen ShneidermanAddison Wesley (3rd edition)
Human-Computer InteractionAlan Dix, Janet Finlay, Gregory Abowd, Russel Beale Prentice Hall (2nd edition)
Cours S3S4 – IHM - Programmation
Approche Technique Pragmatique Première confrontation Mise en évidence des difficultés de l’IHM
qualité structuration maintenabilité utilisabilité