You are on page 1of 53

Partie 3 Les éléments d’une IHM

Stéphanie Jean-Daubias

INFO
SJD - LIRIS - UCBL : IHM - L3 info

Stephanie.Jean-Daubias@liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/

L3

Plan du cours

Les éléments d’une IHM
principes de base les types d’interaction les composants de l’interface graphique les tâches de l’interaction graphique aide et gestion des erreurs


  

PLAN
SJD - LIRIS - UCBL : IHM - L3 info

2

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation

Mémoire à long terme
o

?

Mémoire à long terme
  

capacité infinie durée de stockage illimitée accès associatif favoriser l’apprentissage par répétition logiciel à utilisation fréquente ≠ logiciel à utilisation par intermittence

o

Conséquence
 

3
SJD - LIRIS - UCBL : IHM - L3 info

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation

Mémoire à court terme
o

?

Mémoire à court terme
 

mémorisation 7 items (± 2 selon individu, fatigue...) regroupement des mnèmes (unité d’information) par motifs visuels ou acoustiques

motifs visuels : lettres, chiffres, mots, formes, taille, couleur, localisation

 

recherche séquentielle oubli : 15 à 30 secondes

o

Conséquences

  

limiter les items de menus à 7 établir des liens entre éléments (couleurs, format, emplacements) utiliser des messages concis ne pas présenter d’informations inutiles
4

SJD - LIRIS - UCBL : IHM - L3 info

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation

Quelques principes
o o

2 secondes

ne pas attendre plus de 2 secondes les réponses du système accéder à l’information souhaitée en 3 clics le temps pour atteindre une cible dépend de la distance et de sa taille

3 clics

o
o

Loi de Fitts

Syndrome de l’oisillon
 

les utilisateurs ont tendance à rejeter les systèmes non familiers problème pour l’évolution des logiciels, les innovations
interface utilisable dès la première fois, sans formation
5

o

Conception intuitive

SJD - LIRIS - UCBL : IHM - L3 info

événementielle – web – handicap – évaluation Lisibilité des couleurs o Privilégier un bon contraste caractères/fond   caractères sombres sur fond clair de préférence caractères noirs sur fond blanc test test o o o Éviter certaines combinaisons de couleurs test test Limiter le nombre de couleurs (7 maximum) Attention à la portabilité des couleurs   selon les écrans (penser au nombre de couleurs des écrans) selon les personnes : choisir des couleurs faciles à distinguer  daltonisme : 8-10% des hommes.L3 info .IHM : introduction – conception – éléments des IHM – progr. 0.UCBL : IHM .5% des femmes 6 SJD .LIRIS .

événementielle – web – handicap – évaluation Signification des couleurs o Respecter les habitudes culturelles   en occident : rouge = stop / vert = go en chine : rouge = joie.LIRIS .UCBL : IHM . mariage o Utiliser les couleurs pour signifier quelque chose    même type d’information  même couleur types d’information différents  couleurs contrastées types d’information similaires  couleurs peu contrastées 7 SJD .IHM : introduction – conception – éléments des IHM – progr.L3 info .

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation Lecture à l’écran o o o 1ère visualisation de l’écran : parcours en Z Ensuite : parcours sélectif Meilleure visibilité et accessibilité au centre de l’écran Commandes Zone de sélection Zone de travail Zone de messages annexes 8 SJD .L3 info .UCBL : IHM .LIRIS .

ou entre eux à l'aide OU que la façon l'aide d'ordinateurs. Geneva…) gras. À UTILISER… 9 L'interface Homme-machine étudie la façon dont les humains interagissent avec les ordinateurs ou entre eux à l'aide d'ordinateurs. c'est-à-dire efficaces. c'est-à-dire efficaces. souligné ralentissent la lecture MAJUSCULES moins lisibles que minuscules L'INTERFACE HOMME-MACHINE L'interface Homme-machine étudie la L'interfaceHomme-machine étudie la Homme-machine étudie ÉTUDIE dont humains interagissent façon dont les humains interagissent la façon LA FAÇON DONT LES dont les les humains HUMAINS INTERAGISSENT AVEC avec les ordinateurs les entre eux interagissent avecou entre eux à à avec les ordinateurs ou ordinateurs LES d'ordinateurs. ainsi que la façon l'aideORDINATEURS d'ordinateurs. faciles à utiliser ou plus ou plus généralement adaptés à leur ERGONOMIQUES. EFFICACES. Helvetica. FACILES contexte d'utilisation. ainsi ENTRE EUX que la des systèmes de concevoir façon de concevoir ainsi À L'AIDE D'ORDINATEURS. SJD .UCBL : IHM . faciles à INFORMATIQUES QUI SOIENT faciles à utiliser ou plus généralement efficaces. ainsi que la façon de concevoir des systèmes informatiques qui soient ergonomiques. C'EST-À-DIRE adaptés à leur adaptés à leur généralement contexte d'utilisation. c'est-à-dire utiliser c'est-à-dire efficaces. contexte d'utilisation. informatiques qui soient DE systèmes informatiques qui soient informatiques qui soient CONCEVOIR DES SYSTÈMES ergonomiques. des de concevoir des systèmes AINSI QUE LA FAÇON ergonomiques. italique. événementielle – web – handicap – évaluation Affichage de texte o Typographie    sur écran polices sans sérif plus lisibles à l’écran  (Arial. ergonomiques.IHM : introduction – conception – éléments des IHM – progr.LIRIS .L3 info . faciles à utiliser ou plus généralement adaptés à leur contexte d'utilisation.

UCBL : IHM .L3 info . événementielle – web – handicap – évaluation Langage employé o o o Utiliser le langage de l’utilisateur Éviter les abréviations Produire des messages   concis homogènes la voix active une forme affirmative o Utiliser   o o Éviter les impasses Respecter l’ordre des actions 10 SJD .LIRIS .IHM : introduction – conception – éléments des IHM – progr.

LIRIS .UCBL : IHM .L3 info .IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation Recommandations o o Mettre en évidence les éléments importants Regrouper les commandes en fonction   de leur signification de l’objet auquel elles se rapportent 11 SJD .

UCBL : IHM .LIRIS .L3 info 12 .Plan du cours  ? Les éléments d’une IHM de base les types d’interaction les composants de l’interface graphique les tâches de l’interaction graphique aide et gestion des erreurs  principes     PLAN SJD .

IHM : introduction – conception – éléments des IHM – progr.LIRIS .UCBL : IHM .L3 info . événementielle – web – handicap – évaluation Les types d’interaction o Quel type d’interaction pour quelle commande ?       langage naturel langage de commande menus formulaires requêtes manipulation directe 13 SJD .

LIRIS .L3 info . événementielle – web – handicap – évaluation Langage naturel o Dialoguer en langage naturel (réel ou via le clavier)   en théorie. des sous-dialogues difficultés de reconnaissance vocale difficulté d’utilisation du clavier  erreurs lenteur d’utilisation o Raisons techniques    o Raisons fonctionnelles   14 SJD .IHM : introduction – conception – éléments des IHM – progr.UCBL : IHM . très peu utilisé (surtout pour commandes de complexité restreinte) difficultés de l’analyse du langage naturel problème des ambiguïtés. des références. le moyen le plus attractif de communiquer en pratique.

Unix   o Avantages    concision (plus grande qu’en langage naturel) structuration possibilité d’extensions (définition de macros.UCBL : IHM .* copy A:*.L3 info .LIRIS .IHM : introduction – conception – éléments des IHM – progr. scripts) nécessite un apprentissage et une pratique régulière 15 o Inconvénients  SJD . événementielle – web – handicap – évaluation Langage de commande (1) o Principe    écrire une ligne de commandes (avec syntaxe et vocabulaire) accès direct aux fonctionnalités du système pour les experts mais pas utilisable par des novices delete *.doc c: o Exemples : Dos.

UCBL : IHM . événementielle – web – handicap – évaluation Langage de commande (2) o Syntaxe  cohérence dans l’ordre des arguments  même si l’ordre peut différer en langage naturel  formes syntaxiques variées : remplace A par B. substitue B par A  Action Objet Destination o Vocabulaire      mots courts faciles à taper (proximité des touches sur le clavier) spécifiques plutôt que généraux de préférence prononçables cohérence pour l’ensemble des commandes (haut / bas.IHM : introduction – conception – éléments des IHM – progr.LIRIS .L3 info . CD change directory)  16 SJD . et non monter / bas)  pour les abréviations (MKDIR make directory.

IHM : introduction – conception – éléments des IHM – progr. copier sans sélection mais pas effacé possibilité de personnaliser les menus (experts) aléatoire (!) alphabétique : termes précis (nom d’une ville) par catégories.UCBL : IHM .LIRIS . événementielle – web – handicap – évaluation Menus (1) o Sélectionner un item dans un menu    liste de commandes déclenchées par un clic mise en évidence de l’option choisie hiérarchies possibles normal  activable grisé  non activable : ex. séparées par un trait (couper / copier / coller) 17 o Graphisme des commandes     o Ordre des items de menus    SJD .L3 info .

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation Menus (2) o Nombre d’arguments de la commande    aucun (Quitter) un (Rechercher) plusieurs (Remplacer) fenêtre de dialogue annoncée par …  exemple : imprimer  o Ordre des arguments   commande puis arguments  remplacer copier arguments puis commande  18 SJD .L3 info .UCBL : IHM .LIRIS .

UCBL : IHM .LIRIS . plus complexe utilisé en base de données 19 SJD . événementielle – web – handicap – évaluation Formulaires et requêtes o Formulaires : répondre à des questions   pour entrer des informations nombreuses mécanisme simple mais fonctionnalités limitées questions fermées (oui/non. auteur from LIVRES where titre LIKE ‘L*’.IHM : introduction – conception – éléments des IHM – progr. choix multiples.L3 info . listes)  questions ouvertes champs à remplir  o Requêtes : poser des questions    Donner le titre et l’auteur des livres dont le titre commence par ‘L’ : langages de requêtes SELECT titre.

événementielle – web – handicap – évaluation Manipulation directe (1) o Représentation permanente à l’écran   des objets des actions possibles pointer et cliquer illusion de travailler directement sur les objets (≠ transmettre une commande) rapides et réversibles avec effet visible immédiatement l'utilisateur désigne le ou les objets qu’il veut manipuler puis les actions les unes à la suite des autres  o Actions physiques sur les objets   o Opérations   o Principe objet/action   exemple : sélection de texte.LIRIS . puis centrer italique changer la casse 20 SJD .UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr.L3 info .

événementielle – web – handicap – évaluation Manipulation directe (2) o Avantages   plus fort engagement de l’utilisateur  impression d’agir sur l’environnement plus faible distance entre la conception du monde  et la façon dont il est représenté à l’interface  o Inconvénients      manque d’abstraction  difficulté de représenter des opérations abstraites encombrement de l’écran (tous les objets) ambiguïté du sens des icônes jugée moins rapide par les experts problème du choix de la métaphore 21 SJD .IHM : introduction – conception – éléments des IHM – progr.UCBL : IHM .L3 info .LIRIS .

Plan du cours  ? Les éléments d’une IHM  principes de base  les types d’interaction  les composants de l’interface graphique  les tâches de l’interaction graphique  aide et gestion des erreurs PLAN SJD .L3 info 22 .LIRIS .UCBL : IHM .

à sa version 23 SJD . événementielle – web – handicap – évaluation Guidelines o Guides de style  références dont il faut tenir compte pour concevoir des interfaces définissent l’aspect des interfaces  mais ne contiennent pas de recommandations ergonomiques   génériques / spécifiques au système d’exploitation.LIRIS .IHM : introduction – conception – éléments des IHM – progr.L3 info .UCBL : IHM .

Pointers o Fenêtres : vocabulaire barre de titre barre de menu barres d’outils barre d’état 24 SJD . Menus.UCBL : IHM .LIRIS .Windows.L3 info . Icons.IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation WIMPS .

Icons.UCBL : IHM . Pointers o Multifenêtrage   sans superposition : mosaïque avec superposition  problèmes   informations masquées temps d’accès à la fenêtre masquée  hiérarchique  fenêtre d’application avec fenêtres filles 25 SJD . Menus. événementielle – web – handicap – évaluation WIMPS .Windows.L3 info .LIRIS .IHM : introduction – conception – éléments des IHM – progr.

LIRIS .Windows. Pointers o Fenêtres d’applications    o Fenêtres de documents  MDI  Multiple Document Interface espace de travail contiennent les documents la métaphore du document remplace celle de l’application fenêtre principale  fenêtres filles  fenêtre inactive fenêtre active 26 SJD .UCBL : IHM . événementielle – web – handicap – évaluation WIMPS .L3 info . Icons.IHM : introduction – conception – éléments des IHM – progr. Menus.

IHM : introduction – conception – éléments des IHM – progr. Menus. Icons. bulle d’aide. Pointers o Fenêtres utilitaires  palette d’options  fenêtres jaillissantes (pop-up)  infobulle.LIRIS .UCBL : IHM . événementielle – web – handicap – évaluation WIMPS .L3 info .Windows. aide contextuelle 27 SJD .

LIRIS .L3 info . Icons.Windows.IHM : introduction – conception – éléments des IHM – progr. Pointers o Fenêtres de dialogue (1)    fenêtre permettant l’interaction entre le système et l’utilisateur découplage temporel et spatial entre la spécification de la commande (paramètres) et son exécution fenêtres modales on doit fermer le dialogue pour retourner à la fenêtre principale  obligatoire quand la commande en cours ne peut être suspendue  fenêtre déplaçable pour laisser l’utilisateur voir la tâche amont   fenêtres non modales on peut passer de la fenêtre de dialogue à la fenêtre principale  l’utilisateur peut abandonner temporairement la tâche en cours  28 SJD . Menus. événementielle – web – handicap – évaluation WIMPS .UCBL : IHM .

UCBL : IHM . Menus. Pointers o Fenêtres de dialogue (2)  règles regroupements > succession de dialogues  nommer les groupes  fenêtres modales (sauf pour les dialogues de recherche)  pas plus de 5 boutons  contient toujours au moins les boutons OK.IHM : introduction – conception – éléments des IHM – progr.LIRIS . événementielle – web – handicap – évaluation WIMPS .Windows. Annuler (+ Aide)  boutons concernant l'ensemble des onglets : à l'extérieur des onglets   contrôles et erreurs filtres de saisie et contrôles de format en quittant le dialogue  si une erreur est détectée : affichage d’un message d'erreur et positionnement du curseur sur la saisie mise en cause  Annuler : aucune entrée faite sur le dialogue ne doit être prise en compte  29 SJD .L3 info . Icons.

disques programmes fichiers. Icons.LIRIS . Menus.UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr. dossiers enregistrer tracer une droite  des actions   problèmes compréhension de la représentation  pérennité   solutions tester les représentations  bulles d’aide.Windows. Pointers o Icônes : graphisme associé à une signification à l’interface   fenêtres "iconisées" représentations métaphoriques  des objets    corbeille. événementielle – web – handicap – évaluation WIMPS .L3 info . icônes + texte  faire évoluer les représentations  30 SJD .

corbeille) descriptif (texte justifié) exemple (souligner) caricatural (impression) analogie (couper = ciseaux. événementielle – web – handicap – évaluation WIMPS . Icons. sauver = disquette) symbolique (image abstraite : organiser) arbitraire (actualisation des navigateurs) o Difficulté d’interprétation Construction des icônes à différents niveaux d’abstraction        31 SJD .L3 info . Pointers o Utilisation des icônes    pour des commandes fréquentes avec un libellé limiter leur nombre (12 au mieux. Menus.LIRIS .UCBL : IHM .Windows. 20 max) ressemblance (bouton stop.IHM : introduction – conception – éléments des IHM – progr.

L3 info .LIRIS . Icons. Menus.Windows.UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr. là où se trouve la souris  contextuels (pop-up)   hiérarchiques proposer des options complémentaires  indiqués par un triangle dans un item de menu   détachables (tear-off menu) menu contenant généralement une palette  qui se transforme en fenêtre utilitaire   circulaires  présentation originale et « économique » 32 o Raccourcis : Alt + caractère souligné SJD . Pointers o Menus  déroulants  ensemble d’items s’ouvrant en cliquant sur le libellé de la barre de menus ensemble d’items accessibles hors de la barre de menu. événementielle – web – handicap – évaluation WIMPS .

Windows. Pointers o Règles pour les menus    entre 2 et 7 items libellé en un seul mot possibilité de sous-menus (1 seul niveau) grisé si l'action est indisponible marquer les items de menu des propriétés ou modes actifs actif / non actif   sélection de la propriété active parmi plusieurs  o Règles pour les items de menu       items de même nature regroupés et séparés par un trait horizontal items de menus qui conduisent à un dialogue suivis de … libellé possible en plusieurs mots (max 4) groupement par fréquence d’usage. événementielle – web – handicap – évaluation WIMPS .LIRIS .IHM : introduction – conception – éléments des IHM – progr. Icons. Menus.L3 info .UCBL : IHM . d’utilisation 33 SJD . ordre alphabétique.

trackball. joysticks…) Curseurs         curseur différent → action différente positionnement positionnement dans un texte attente lien hypertexte déplacement redimensionnement … 34 SJD . Menus. événementielle – web – handicap – évaluation WIMPS .L3 info . Icons.LIRIS . Pointers o o Dispositifs de pointage (souris.Windows.UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr.

IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation Boutons (1) o Métaphore  représentent les boutons que l’on manipule sur les objets réels (TV. intitulé suivi de … raccourcis : Alt + caractère souligné o Boutons graphiques d'une barre d'outils 35 SJD .UCBL : IHM . hi-fi) o Bouton d’action  effet 3D et 4 états relâché  relâché avec focus  enfoncé  inactif    si un bouton ouvre un dialogue.LIRIS .L3 info .

LIRIS .UCBL : IHM . événementielle – web – handicap – évaluation Boutons (2) o Bouton radio    pour faire un choix parmi des alternatives exclusives cocher un bouton enlève le choix antérieur possibilité de bouton radio graphique (choix d’une couleur) pour sélectionner des options non exclusives dans une liste chaque case est une bascule 2 états : coché / non coché  3 états : coché / non coché / grisé  o Case à cocher   36 SJD .IHM : introduction – conception – éléments des IHM – progr.L3 info .

case à cocher)  pour visualiser entre 3 et 8 éléments  o Liste déroulante pour obtenir la liste cliquer sur le triangle à droite  sélection d’un seul élément    non modifiable (sélection simple) modifiable (permet la saisie directe)  si la zone est facultative doit contenir en premier l’item "Aucun" pour visualiser et naviguer dans une arborescence 37 o Liste de choix hiérarchique  SJD .UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr.LIRIS .L3 info . événementielle – web – handicap – évaluation Listes o Liste contenu affiché en permanence (mais barre de défilement)  sélection simple  sélection multiple (cf.

des éléments divers o Barre de séparation Classeur à onglets  o pour regrouper dans une même fenêtre des affichages répartis sur plusieurs pages 38 SJD .IHM : introduction – conception – éléments des IHM – progr. des boutons radio.UCBL : IHM .LIRIS .L3 info . événementielle – web – handicap – évaluation Zones de regroupement o Boîtes de regroupement  pour regrouper des cases à cocher.

événementielle – web – handicap – évaluation Autres composants o Zones de saisie  texte sur une seule ligne si un type précis est attendu. le système doit contrôler la saisie  le curseur change de forme   texte multi-lignes pour remplacer la saisie pour sélectionner une valeur peu précise pour représenter graphiquement un taux d’avancement  o o o Molette d’incrément  Curseur  Indicateur de progression  % du temps.L3 info .IHM : introduction – conception – éléments des IHM – progr. pas du nombre d’actions ! 39 SJD .LIRIS .UCBL : IHM .

permettre d’arrêter  40 Saisie de texte  Attente  Sélection d’un objet  o o Sélection de texte  Autres possibilités   SJD . animation.LIRIS . événementielle – web – handicap – évaluation Retour d’information (feedback) o o o o Menu  ligne sélectionnée curseur changement de curseur poignées inversion vidéo changement de couleur. son avec parcimonie. clignotement.L3 info .UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr. de police.

LIRIS .Plan du cours  Les éléments d’une IHM  principes de base  les types d’interaction  les composants de l’interface graphique  les tâches de l’interaction graphique  aide et gestion des erreurs PLAN SJD .L3 info 41 .UCBL : IHM .

LIRIS . événementielle – web – handicap – évaluation Les tâches de l’interaction graphique o Quels composants graphiques pour quelle tâche ?       saisie sélection déclenchement défilement spécification d’arguments et de propriétés transformation 42 SJD .UCBL : IHM .L3 info .IHM : introduction – conception – éléments des IHM – progr.

L3 info .UCBL : IHM .LIRIS . événementielle – web – handicap – évaluation Tâche de saisie o Saisie de texte  boîte de saisie + clavier o Saisie de quantités  curseur ou molette + souris o Saisie de positions  pointage o Saisie de tracés  souris 43 SJD .IHM : introduction – conception – éléments des IHM – progr.

événementielle – web – handicap – évaluation Tâche de sélection o Choix d’un élément dans un ensemble   boutons radio liste déroulante cardinal fixe case à cocher  liste à sélection multiple  o Choix de plusieurs éléments dans un ensemble   cardinal variable liste déroulante modifiable  liste à sélection multiple + saisie d’éléments supplémentaires  o Sélection multiple   par groupe (ctrl) ou par intervalle (shift) par ajout/retrait 44 SJD .L3 info .LIRIS .UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr.

déplacer.L3 info . événementielle – web – handicap – évaluation Tâche de déclenchement o o o Boutons Menus Glisser .déposer  glisser .lâcher. glisser .LIRIS . drag and drop cliquer sur un objet graphique et maintenir le bouton enfoncé  déplacer la souris  lâcher le bouton une fois arrivé à destination   l’action dépend de la source et de la destination  exemple : glisser .déposer un fichier   sous Windows sur un même disque : déplacement sous Windows sur des disques différents : copie 45 SJD .IHM : introduction – conception – éléments des IHM – progr.UCBL : IHM .

événementielle – web – handicap – évaluation Tâche de défilement o Barre de défilement (ascenseur)  défilement direct 1 seule unité d’information  1 page écran  en % du document   défilement automatique  lorsque la commande effectuée engendre une modification de la quantité d’information.L3 info .UCBL : IHM .IHM : introduction – conception – éléments des IHM – progr.LIRIS . un déplacement du curseur… 46 SJD .

UCBL : IHM .LIRIS .IHM : introduction – conception – éléments des IHM – progr. événementielle – web – handicap – évaluation Tâche de spécification d’arguments et de propriétés o Boîtes de dialogue o Boîtes de propriétés  aperçu des modifications sur les objets concernés 47 SJD .L3 info .

IHM : introduction – conception – éléments des IHM – progr.LIRIS .L3 info . événementielle – web – handicap – évaluation Tâche de transformation o Poignées de manipulation  laisser la possibilité de redimensionner fenêtres  dessins  images   redimensionnement  suivant un axe   horizontal vertical proportionnellement ou non  suivant les deux axes à la fois   48 SJD .UCBL : IHM .

Plan du cours  Les éléments d’une IHM  principes de base  les types d’interaction  les composants de l’interface graphique  les tâches de l’interaction graphique  aide et gestion des erreurs PLAN SJD .UCBL : IHM .LIRIS .L3 info 49 .

L3 info . événementielle – web – handicap – évaluation Aide o Types d’aide    contextuelle : que puis-je faire ? factuelle : qu’est-ce que c’est ? procédurale : comment faire ? documentation o Moyens    aide en ligne bulles d’aide 50 SJD .LIRIS .IHM : introduction – conception – éléments des IHM – progr.UCBL : IHM .

LIRIS . événementielle – web – handicap – évaluation Gestion des erreurs : prévention o Empêcher les erreurs  annoncer les commandes irréversibles   inactiver les commandes indisponibles contrôler les saisies 51 SJD .IHM : introduction – conception – éléments des IHM – progr.UCBL : IHM .L3 info .

UCBL : IHM .LIRIS . événementielle – web – handicap – évaluation Gestion des erreurs : correction o Permettre la correction des erreurs   signaler l’erreur au plus tôt placer le message dans la zone concernée / marquer la zone concernée    saisie facilement modifiable permettre le retour arrière autoriser les interruptions pour les commandes longues 52 SJD .L3 info .IHM : introduction – conception – éléments des IHM – progr.

L3 info 53 .Plan du cours  Les éléments d’une IHM  principes de base  les types d’interaction  les composants de l’interface graphique  les tâches de l’interaction graphique  aide et gestion des erreurs PLAN SJD .UCBL : IHM .LIRIS .