[email protected] contrat creative commons paternité-pas d'utilisation commerciale- partage...
TRANSCRIPT
![Page 1: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/1.jpg)
[email protected] Creative Commons Paternité-Pas d'Utilisation Commerciale-Partage des Conditions Initiales à l'Identique 2.0 France License
![Page 2: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/2.jpg)
![Page 3: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/3.jpg)
![Page 4: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/4.jpg)
4
![Page 5: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/5.jpg)
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
![Page 6: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/6.jpg)
Une approche inter-disciplinaire
Psychologie
Sociologie
Physiologie
Informatique
Composantesociale et institutionnelle
Composante physique
composantetechnique
composante cognitive et affective
![Page 7: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/7.jpg)
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
![Page 8: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/8.jpg)
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 !
![Page 9: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/9.jpg)
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
![Page 10: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/10.jpg)
Les styles d’interaction
![Page 11: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/11.jpg)
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
![Page 12: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/12.jpg)
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
![Page 13: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/13.jpg)
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
![Page 14: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/14.jpg)
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) ...
![Page 15: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/15.jpg)
Styles d’interaction
Interaction gestuelle / reconnaissance de traces
interfaces à stylo
ETC....
![Page 16: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/16.jpg)
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
![Page 17: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/17.jpg)
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
![Page 18: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/18.jpg)
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
![Page 19: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/19.jpg)
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
![Page 20: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/20.jpg)
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
![Page 21: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/21.jpg)
Ressources
Bibliographie
Internet
Intranet
![Page 22: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/22.jpg)
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
![Page 23: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/23.jpg)
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)
![Page 24: Cedric.Dumas@emn.fr contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License](https://reader036.vdocuments.site/reader036/viewer/2022062417/551d9d8c497959293b8c1cac/html5/thumbnails/24.jpg)
Cours S3S4 – IHM - Programmation
Approche Technique Pragmatique Première confrontation Mise en évidence des difficultés de l’IHM
qualité structuration maintenabilité utilisabilité