Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Université F. Rabelais de Tours UFR Sciences et Technologies Master Informatiqu

Université F. Rabelais de Tours UFR Sciences et Technologies Master Informatique Ergonomie des IHM TRAVAUX DIRIGES Enseignant Jean-Yves ANTOINE (Jean-Yves.Antoine AT univ-tours.fr) IHM © J-Y Antoine — 2 — Principes ergonomiques généraux Exercice 1 - Facteurs humains et qualité ergonomique des interfaces (exam 2005 ; objectif 2.2.1.) 1. Quel principe ergonomique, étudié en cours, est non respecté par l’affichage d’erreur présenté à droite ? 2. Dans FileMaker Pro, comme dans biens d’autres logiciels interactifs, les options non utilisables à un moment donné sont affichées en grisé légers dans les menus. Quel problème présente visiblement l’utilisation des menus FileMaker Pro ? Quel principe ergonomique est visiblement non respecté dans l’affichage présenté à droite ? 3. Contrairement aux éditeurs de textes complets, WordPad comme le bloc notes Windows ne peuvent gérer plusieurs documents en même temps. Sous WordPad, l’utilisateur vient de commencer la rédaction d’un nouveau document. En essayant d’ouvrir un autre document existant pour en copier un extrait dans le texte en court de rédaction, il obtient le message affiché sur la boite de dialogue à droite. Pourquoi ce comportement pose-t-il problème ? Quel qualité ou principe ergonomique n’est pas respecté ici ? Proposez une autre stratégie pour gérer ce problème. IHM © J-Y Antoine — 3 — 4. Quel facteur de qualité ergonomique illustre cette fenêtre de paramétrage du driver d’une souris ? 5. Considérez ces deux exemples de fenêtres pop-up activées lors de la demande de sortie d'un logiciel. Laquelle des deux solutions proposées vous paraît-elle la plus appropriée d'un point de vue ergonomique ? Quel est le principe ergonomique qui n'est pas respecté en priorité ici ? A votre avis, quelle situation conduira le plus fréquemment à une erreur dans le cas de l'interface mal conçue ? Exercice 2 - Quand Microsoft est pris en faute… (objectif 2.2.1) Dans cet exercice, on considère différentes boites de dialogue, ou copies d'interface issues de logiciels développés par la société Microsoft. Ces affichages présentent quelques défauts ergonomiques. Pour chaque exemple, expliquer ce qui pose problème, quel problème ergonomique est rencontré et proposer une solution pour améliorer l'interface. 1 — On commence tout d'abord par un exemple célèbre, qui correspond au menu de la barre des tâches à sélectionner pour arrêter son ordinateur ou changer de compte utilisateur. Cette aberration ergonomique avait même l'objet d'une blague de la part du président de General Motors qui essayait d'imaginer ce que serait la conduite d'une de ses automobiles si elles étaient conçues comme les ordinateurs tournant sous XP… Après avoir précisé quel est le problème rencontré et y en avoir proposé une solution, expliquez pourquoi cette faute de conception n'est désormais plus vraiment problématique. 2 — Eteindre son ordinateur semble être une action problématique pour les concepteurs informatiques. Dans les premières générations de Mac OS, pour éjecter la disquette (les Mac ne disposant pas de bouton sur la face avant de l'ordinateur), il fallait en effet jeter l'icône représentant le disque dur dans la poubelle. Expliquez en quoi la solution envisagée par Apple posait encore plus de problème que celle rencontrée sous Windows. Quels sont les principes IHM © J-Y Antoine — 4 — ergonomiques qui sont enfreints ici ? 3 — La boite de dialogue donnée page suivante s'affiche lors de la réinstallation d'un élément de la suite Office Professional pour Windows XP. Quels sont vos commentaires ? 4 — Lorsqu'on intègre un nouveau dessin (Insertion / Image / Nouveau dessin) dans un document Word, une zone de dessin apparaît directement dans le texte à l'endroit de l'insertion : L'utilisateur peut redimensionner directement cette zone de dessin en saisissant les poignées visibles sur les côtés. Une fois la taille recherché choisie, l'utilisateur dessine directement (sans appel à un éditeur d'image) dans cette zone à l'aide la barre de dessin qui est présente en bas de l'interface Word. Une fois le dessin terminé, un simple clic en dehors de la zone de dessin permet de continuer le travail d'édition. Si on veut agrandir après-coup la zone de dessin, une sélection sur celui-ci affiche à nouveau les poignées que l'on peut tirer. Par contre, pour réduire le dessin dans sa globalité (et non pas lui garder sa taille dans une zone plus grande, il faut aller (clic droit) dans les propriétés de l'objet ("format de la zone de dessin") et déterminer un rapport de réduction / agrandissement dans l'onglet taille : IHM © J-Y Antoine — 5 — Après sélection du rapport de réduction (ou d'agrandissement désiré), un appui sur le bouton "OK" permet une mise à jour de l'affichage avec le dessin redimensionné. Quels sont les points forts et les points faibles de l'ensemble de l'IHM proposée pour intégrer réaliser des dessins dans Word ? Justifiez votre réponse. Exercice 3 - Les principes ergonomiques généraux s'appliquent aussi au WWW (objectif 2.2.1.) 1. L'image ci-dessous montre la partie principale de la page d'accueil d'un site WWW dédiée à l'étude de la biologie des champignons. A quel principe ergonomique, très mal géré à la base, les concepteurs du site ont-ils tenté de remédier ? 2. Observez les deux formulaires de saisie ci-dessous, inspirés d'un site WWW réel. Laquelle de ces deux versions vous semble-t-elle la plus ergonomique ? A quel(s) principe(s) ergonomique(s) répondent ces améliorations ? 3. La capture d'écran (page suivante) est issue d'un usage réel du site de réservation de la SNCF. Le 6 janvier 2008 au soir, j'ai cherché à réserver un trajet Vannes -> Lyon pour le 8 avril 2008 (demande résumée à gauche de l'écran). Voici le résultat de ma recherche. Qu'observez-vous ? Pouvez-vous deviner ce qui explique cet affichage ? Quel recommandation ergonomique a, selon vous, été joyeusement foulée du pied par la SNCF ? IHM © J-Y Antoine — 6 — Exercice 4 - L’interaction ne se limite pas aux logiciels (examens 2005 et 2006 ; objectif 2.2.2) 2005 : Avant l’arrivée des portables, les téléphones classiques (à touche ou à cadran) ne comportaient pas d’écran. 1. Réfléchissez à l’utilisation d’un tel combiné. Donnez au moins un critère ergonomique qui n’était pas respecté par ce type de combiné, et que l’utilisation d’un écran a pu corriger. 2. Proposez une solution pour remédier à ce problème sans utilisation d’un écran. 2006 : La plupart des ergonomes travaillant pour les firmes automobiles prédisent que le volant de direction aura disparu de nos tableaux de bord d'ici une vingtaine d'année. Il sera remplacé par un joystick équivalent aux commandes des avions. Dans une voiture, les mouvements vers la droite et la gauche du joystick gèreront la direction, tandis que les mouvements en avant et en arrière piloteront les accélérations et freinages. Ce type de dispositif équipe déjà les voitures adaptées à certains handicaps. Renault a déjà présenté des véhicules d'exhibition sans volant. 1. Discutez des avantages et inconvénients de ce nouveau dispositif de commande. 2. Expliquez ce qui pourrait empêcher cette prédiction de se réaliser (hors contraintes économiques, bien sûr). Exercice 5 - L’utilisatibilié concerne l'informatique comme d'autres domaines (objectif 2.2.2.) Votre serviteur loue à Blois un petit appartement assez vétuste dans lequel les boutons associés à sa plaque de cuisson ont été effacés par le temps. Résultat des courses, je ne sais jamais quel bouton correspond à quelle plaque électrique... 1. Observez les dessins ci-dessous, qui représentent différentes configurations possibles pour une plaque à 4 feux. Pouvez-vous classer ces configurations d'un point de vue ergonomique ? 2. Pourriez-vous imaginer une situation analogue dans le cas de la réalisation d'un logiciel interactif ? Exercice 6 - Manipulation directe (adapté de A. Dix et al., 2004 – objectif 1.1.1.) En 1982, Ben Shneiderman a défini différents critères pour définir le concept de manipulation directe qui venait juste de rencontrer un succès (d'estime seulement à cette date) avec la sortie de l'Apple Lisa et du Xerox Star. Dans cet exercice, on considère un éditeur graphique de texte de type Microsoft Word ou Star Office. 1 — En étudiant les critères définis par Shneiderman, dire en quoi cet type de logiciel répond au concept de manipulation directe, et par quels aspects il s'en éloigne. IHM © J-Y Antoine — 7 — Exercice 7 - Gestion de messages d'erreurs (objectif 3.2.2.) Les deux figures ci-après montrent l'affichage d'un message d'erreur sous deux navigateurs (respectivement Mozilla et Opera) lorsqu'un site WWW n'est pas atteignable (le plus souvent pour cause de connexion internet défaillante). Critiquez les solutions proposées par ces deux navigateurs en reliant vos remarques à des critères ergonomiques vus en cours. Exemple 1 – Mozilla Exemple 2 – Opera L Considérez maintenant le message d'erreur ci-dessous, issu d'une application Mac ... pas si ancienne que cela. Pourriez-vous dire quels sont les points forts et les points faibles de cette gestion des erreurs ? Exercice 8 - Design général de l'affichage (inspiré du cours d'ergonomie du CNAM ; objectif 3.2.1.) On propose, pour un logiciel grand public (éditeur de texte par exemple), le schéma général de l'affichage ci-après. Zone de travail Titre Zone des commandes (boutons) Exit Zone d'affichage des informations ou des messages d'alertes IHM © uploads/s3/ ihm-td-2.pdf