Ergonomie des Interfaces Homme-Machine



Documents pareils
Informatique UE 102. Jean-Yves Antoine. Architecture des ordinateurs et Algorithmique de base. UFR Sciences et Techniques Licence S&T 1ère année

Autour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech

CH.3 SYSTÈMES D'EXPLOITATION

Pourquoi ce cours? INTRODUCTION. Quelques définitions. Petit sondage. Avez-vous déjà conçu et développé une application interactive? pour éviter ca...

Interface Homme-Machine 1

Cours. Cours 8 : Révisions. Importance. Interface homme-machine

TO4T Technologie des ordinateurs. Séance 1 Introduction aux technologies des ordinateurs

I.1- DÉFINITIONS ET NOTIONS DE BASE

Cyber-base du Pays Martégal. Atelier «Découverte de l ordinateur»

Interface Humain-Machine

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Titre : Communiquer avec des formules mathématiques

Maîtrisez votre Navigateur

Mac OS X 10.6 Snow Leopard Guide d installation et de configuration

MODULE I1. Plan. Introduction. Introduction. Historique. Historique avant R&T 1ère année. Sylvain MERCHEZ

Table des matières ENVIRONNEMENT

L informatique en BCPST

REMISE A NIVEAU DES SAVOIRS DE BASE INFORMATIQUE

Glossaire. ( themanualpage.org) soumises à la licence GNU FDL.

Présentation du logiciel

Boot Camp Guide d installation et de configuration

La recherche d informations sur le Web par les lycéens : Pourquoi et comment faciliter le travail collaboratif?

Progression secrétariat

Cours 1 : Introduction. Langages objets. but du module. contrôle des connaissances. Pourquoi Java? présentation du module. Présentation de Java

Publier dans la Base Documentaire

Cours Informatique 1. Monsieur SADOUNI Salheddine

Introduction à l informatique en BCPST

CQP 112 Introduc/on à la programma/on. Thème 2 : Architecture d un système informa/que. Département d informa/que

Ordinateur Logiciel Mémoire. Entrées/sorties Périphériques. Suite d'instructions permettant de réaliser une ou plusieurs tâche(s), de résoudre un

Installation du logiciel Windows Suivant Démarrer Tous les programmes Démarrer Tous les programmes Marketing Manager Marketing Manager Linux ici Mac

1) Installation de Dev-C++ Téléchargez le fichier devcpp4990setup.exe dans un répertoire de votre PC, puis double-cliquez dessus :

Réseaux Locaux. Objectif du module. Plan du Cours #3. Réseaux Informatiques. Acquérir un... Réseaux Informatiques. Savoir.

Les générations d'ordinateurs de 1945 à nos jours

Histoire de l Informatique

M1if22 - Logiciels éducatifs Conception & rôle de l enseignant

Éléments de programmation et introduction à Java

Les Systèmes d Exploitation et les Interfaces d Utilisation

Informatique et Société : une brève histoire

Rapidolect Les Productions de la Columelle ( ) Page 1

Manuel d utilisation. Logiciel (Device Monitor) Pour les systèmes d imagerie numérique. Configuration requise Description générale

Groupe Eyrolles, 2003, ISBN : X

Sommaire. -1-Computer en bref. Web en bref. Le web 3.0,...la mobilité. Evolution du Web web1.0, web2.0, web2.b, web3.0...

THEME 1 : L ORDINATEUR ET SON ENVIRONNEMENT. Objectifs

Travail collaboratif. Glossaire

Vers l urbanisation agile d un client mobile ios/android natif, économique, flexible et pérenne

Guide d installation TV sur ordinateur Internet 3G+

Utilisation de l outil lié à MBKSTR 9

Interface Homme-Machine. Philippe Gaussier Alexandre Pitti

Remise à niveau d un programme JAVA du domaine public

Conservez la documentation à portée de main pour toute référence future. Le terme «pointeur» dans ce manuel désigne le pointeur interactif YA-P10.

CHECKLIST : OUVERTURE DES OFFRES

Numérisation. Copieur-imprimante WorkCentre C2424

Introduction aux systèmes temps réel

Digicomp 2. Bienvenue à la présentation «Windows 10 What's new»

Composition d un ordinateur :

Architecture des ordinateurs Introduction à l informatique

N de modèle DP-C262/C322

Partage de fichiers entre MacOS X et Windows. Partager des fichiers, avec un PC, en travaillant sous MacOSX.

1 ère Université WEB. Courbevoie Samedi 21 octobre Votre site interactif sur internet.

ACCEDER AUX EBOOKS DU CENTRE DE DOCUMENTATION. Guide d utilisation de DAWSONERA

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

Publier un Carnet Blanc

Utiliser Dev-C++ .1Installation de Dev-C++ Table des matières

Logiciel (Système d impression directe)

Stage Ingénieur en développement logiciel/modélisation 3D

Anne Tasso. Java. Le livre de. premier langage. 10 e édition. Avec 109 exercices corrigés. Groupe Eyrolles, , ISBN :

Cloud Computing : Généralités & Concepts de base

-1 - Postes de travail graphiques

Guide d utilisation de la clé mémoire USB

Sommaire. 2. L accès aux modules. 1. Aspects techniques. 1.1 Le matériel requis 2

<Créer un site Web. avec/> Suzanne Harvey

Manuel d utilisation Logiciel (Communications Utility)

A Libre Ouvert. Médiathèque Jacques Ellul. le

SoMachine. Solution logicielle pour votre architecture Machine Atelier de découverte. SoMachine

Single User. Guide d Installation

FileMaker Pro 12. Utilisation d une Connexion Bureau à distance avec FileMaker Pro 12

Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5

Clé USB Wi-Fi D-Link DWA-140

Armand PY-PATINEC 2010

FileMaker Pro 13. Utilisation d une Connexion Bureau à distance avec FileMaker Pro 13

PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel

MANUEL UTILISATEUR. Application 4trip

AVEC LIVE TRADER, VISEZ PLUS HAUT POUR VOS INVESTISSEMENTS

Architecture client riche Evolution ou révolution? Thomas Coustenoble IBM Lotus Market Manager

L hypertexte, le multimédia, c est quoi?

BUREAU VIRTUEL. Utilisation de l application sur ipad. Guide utilisateur. Sciences Po Utilisation du bureau virtuel sur ipad 1 / 6

BROCHURE TARIFAIRE Tarifs en vigueur à compter du 01 Septembre 2014

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

Manuel Utilisateur. Boticely

Systèmes et traitement parallèles

MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA

À propos de Parallels Desktop 9 pour Mac

JACi400 Développement JACi400 Déploiement

Le cas «BOURSE» annexe

Prise en main rapide

Info0101 Intro. à l'algorithmique et à la programmation. Cours 3. Le langage Java

Gestion des sauvegardes

NETWORK & SOFTWARE ENGINEERING MANUEL D UTILISATEUR. Logiciel TIJARA. NETWORK AND SOFTWARE ENGINEERING Manuel d'utilisateur "TIJARA" 1

Transcription:

Master SIAD 2 année Ergonomie des Interfaces Homme-Machine Jean-Yves Antoine http://www.sir.blois.univ-tours.fr/~antoine/

Master Informatique Ergonomie des Interfaces Homme-Machine Chapitre 1 Introduction historique L Interaction Homme-Machine, une idée lente à se développer où comment Linux n est pas nécessairement adapté à toutes les applications

INTRODUCTION - Objectifs 1.1. Notions 1.1.1. Histoire des IHM : réaliser qu il n y a pas de solution ergonomique triviale 1.1.2. Saisir l importance de l IHM 1.2. Pratiques

IHM : QUIZZ HISTORIQUE 1880? 1930? 1945? 1960? 1975? 1954? 1964? 1974? 1984? 1994?

ORDINATEURS DE 1 GENERATION (1945-1956) Premiers ordinateurs ENIAC (Eckert et Mauchly, 1946) Manchester Mark I (Newman et al., 1948) EDVAC (Cambridge, Von Neumann - 1949) Niveau matériel uniquement (langages dépendants de la machine) Interaction homme-machine quasi-inexistante Utilisation réservée à des experts

ORDINATEURS DE 2 et 3 GENERATION (1956-1971) Dispositifs d entrée-sortie limités : pourtant le clavier est connu Machine à écrire Calculatrices mécaniques puis electromécaniques non spécialistes Comptometer Sterling (1887) Olivetti Eletrosumma (1946) Olivetti Tetractys (1954) Absence de clavier dû à un usage réservé aux experts? Le clavier direct (i.e. sans performateur de bandes ne se généralisera qu au début des années 1970s)

ORDINATEURS DE 2 et 3 GENERATION (1956-1971) Technologie : séparation matériel / logiciel systèmes d exploitation (FMT, VMS, DOS) langage de ht niveau (Fortran, Cobol) Interaction Dispositifs d entrée-sortie limités lecteurs / perforateurs de cartes tableaux de bord (voyants) imprimantes Le barrage de la syntaxe langages de commandes : syntaxe hermétique, apprentissage difficiles Systèmes coûteux Interaction toujours restreinte Toujours réservé à des experts IBM 7030 DEC PDP-8

ORDINATEURS MODERNES (1971- ) Pas d évolution dans l architecture des ordinateurs Augmentation de la puissance de calcul (loi de Moore) Évolution : applications et nouvelles formes d interaction Nouveaux dispositifs d E/S: recherche 1962 Ivan Sutherland (MIT) écran graphique et stylo optique (Sktechpad) 1964 Doug Enghelbart (Standford U.): souris

ORDINATEURS MODERNES (1971- ) Nouveaux dispositifs d entrée / sortie: systèmes commerciaux IBM 370 (années 1970) clavier écran purement alphanumérique interaction par langage de commande toujours réservé à des experts

ORDINATEURS MODERNES (1971- ) Vers le grand public: interfaces graphiques et manipulation directe GUI Graphical User Interface Interface WIMP Window Icon Menu Pointer GUI : recherche 1964 souris, fenêtre (Doug Enghelbart) 1970s Xerox Palo Alto (Xerox Star) : GUI

ORDINATEURS MODERNES (1971- ) GUI : une idée longue à émerger commercialement 1981 Xerox 8010 Star 1982 Apple IIe, Apple Lisa 1984 Macintosh 1990 Windows 3.0 et qui semble pourtant si naturelle désormais!

ORDINATEURS MODERNES (1971- ) Manipulation directe: disparition de la syntaxe [Shneidermann, 1982] Action directe sur les objets Pas de syntaxe: erreurs limitées Visibilité des objets d intérêt et feedback rapide sur les actions Transparence de l interface: métaphore du bureau Actions réversibles Manipulation directe : WYSIWYG What You See Is What You Get contrôle en direct des actions et réversibilité facilitée IHMs conviviales non réservées aux spécialistes

ORDINATEURS MODERNES (1971- ) Intérêt de la manipulation directe [Margono & Shneidermann, 1987] 30 novices, création, copie, renommage, suppression de fichiers MS-DOS (commande) vs. MacOS (WIMP) 5,8 4,8 2 MS-DOS MacOs La manipulation directe a ses limites 0,8 séparation clavier / souris actions répétitives sur des objets différents ➄ macros Temps (mn) Erreurs WYSIWIG: position d une image dans texte modifiable ultérieurement ➄ Office vs. LateX Pas de paradigme idéal A chaque usage / tâche un style d interaction

INTERNET, TOILE ET NAVIGATION HYPERTEXTE Des technologies ou idées anciennes 1945 Memex (Vannevar Bush) 1964 Xanadu (Ted Nelson): SI hypertexte http://www.xanadu.net/ 1969 réseau Arpanet pour une idée nouvelle 1989 Tim Berners-Lee (CERN): World Wide Web 1993 Navigateur graphique Mosaic (Marc Andreesen, NCSA) pourtant peu révolutionnaire impact dû à une demande sociale et commerciale forte interaction classique et limitée (pas de gestion évènementielle) La conception de sites Web met en jeu par contre des contraintes spécifiques en matière d ergonomie et d IHM

IHM : UTILE? Le meilleur des logiciels est voué à l échec si son IHM est mal conçue La saga de Windows - Windows 1.0 : fenêtres non chevauchantes - Windows 2.03 - Windows 3.0 Les ratés de Linux percée grand public avec l arrivée d une GUI et kits d installation Pourquoi LateX ne sera jamais un outil grand public - le meilleurs des «outils» d édition? - pas d édition WYSIWYG - commandes d édition complexe, compilation

IHM : UTILE? Stage DELPHI (2004-2005)

IHM : UTILE? IHM part importante du développement logiciel (Nielsen 1993) 1/3 des réunions d avancement de projet 48% (logiciel interactif) à 80% (Web) du code développé Importance économique de l utilisabilité des IHM refonte des IHMs des interfaces de la compagnie Ameritech (appels téléphoniques) : gain de 600 ms par appel, 3 millions de $ /an Refonte IHM site WWW IBM : +40% ventes, baisse call center correction de 20 des 75 problèmes d utilisabilité observés sur le SGBD Vax Rally (1994) : gain de 80 % des bénéfices, 66% de chiffre d affaire Importance sur la sécurité des logiciels crash Airbus A320 au Mont Saint-Odile : erreur appréciation de l unité d altimétrie accident nucléaire de Three-Mile Island : mauvaise prise en compte de la dimension humaine dans la conception du poste de contrôle

OBJECTIFS DU COURS Sensibilisation à l importance de l IHM - mutiplicité des choix de conception - prise en compte des utilisateurs - importance de l évaluation Principes ergonomiques de conception des IHM - règles et guidelines - centrée sur les interfaces WIMP et des sites WWW Des principes, pas de solution tout faite - il n y a pas de vérité absolue en IHM : s adapter au contexte - ouverture critique avant tout

OBJECTIFS DU COURS Technologies pour le développement des GUIs Méthodes de conception des IHMs : conception, évaluation Ergonomie des IHMs

BIBLIOGRAPHIE Ouvrages généraux Dix, A., Finlay, J., Abowd G., Beale R. (2004), Human-Computer Interaction, 3rd Edition, Pearson Education Ltd, Prentice Hall, Harlow, GB, ISBN 0130-461091 Preece J. et al. (1994) Human Computer Interaction. Addison-Wesley, Wokingham, UK. ISBN 0-201-62769-8. Preece P., Rogers Y., Sharp H. (2002), Interaction design: beyond Human-Computer Interaction, John Wiley & Sons. New-York, NJ. ISBN 0-471-49278-7. Shneiderman B.(1988), Designing the User Interface : strategies for effective Human- Computer Interaction, 3rd Edition, Addison-Wesley, Reading, MA. Nogier J.-F. (2005) Ergonomie du logiciel et design Web. Dunod, Paris. 3ème édition Cours sur la Toile Giboin A. Ergonomie des IHMs. ESSI. www.essi.fr/~pinna/moduleihm Roussel N., Interface et systèmes interactifs, LRI,INRIA Baudoin-Lafon M. Interaction Homme-Machine www-ihm.lri.fr/~mbl/ens/ihm/dess-rmi/ Travaux cités Nielsen J. (1993) Usability enginerring. Academic Press Shneiderman B. (1982) The future of interactive systems and the emergence of direct manipulation. Behaviour and Information Technology, 1(3), 237-256.