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é