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 Licence Informatiq

Université F. Rabelais de Tours UFR Sciences et Technologies Licence Informatique Ergonomie des IHM TRAVAUX DIRIGÉS Enseignant Jean-Yves ANTOINE (Jean-Yves.Antoine AT univ-tours.fr) IHM © J-Y Antoine — 2 — Principes ergonomiques Exercice 1 - Facteurs humains et qualité ergonomique des interfaces (objectif 2.2.1.) Dans cet exercice, il vous est proposé des copies d’écrans (ou d’autres dispositifs électroniques) qui sont sensés illustrer une erreur ergonomique ou au contraire une bonne prise en compte de principes ergonomiques généraux qui doivent guider la conception d’interfaces interactives. Il vous est demander à chaque fois de commenter le cas d’étude proposé, en donnant à chaque fois le principe ergonomique mis en jeu et en citant le facteur humain qui sera le plus affecté. On rappelle la liste des facteurs humains et principes ergonomiques principaux étudiés en cours. Facteur humain Cause (principe ergonomique) Apprenabilité observabilité, causalité/guidage, consistance / cohérence, familiarité, généricité Flexibilité adaptation, styles d’utilisation Robustesse prévention (observabilité, causalité, guidage), gestion des erreurs 1 — L’exemple ci-dessous à gauche est extrait des MacOS User Experience Guidelines, qui fournisent des exemples de bonnes et mauvaises conceptions dans le cadre du monde Mac. Cet exemple illustre la notion de badge (le petit rond rouge avec le chiffre « 1 ») qui indique dans ce cas un événement ou une action à réaliser à la date indiquée sur l’icône du calendrier. On retrouve ce type de petit objet informatif également sur Skype, ou encore Facebook comme l’indique l’image à droite qui montre que 14 notifications sont en attente pour l’utilisateur concerné. Quel principe ergonomique est concerné ici ? Est-il bien géré ? 2 — Cela fait bien longtemps que je n’utilise plus Internet Explorer pour surfer. Toutefois, si ce navigateur a perdu de sa superbe, on oublie qu’il représente encore entre 20% et 25% de part de marché mondial : en décembre 2013, il restait ainsi le navigateur leader en Amérique du Nord et en Chine, par exemple. Rien ne semble toutefois freiner sa chute. En guise d’épitaphe, je vous livre une copie d’un message que la version 5 du navigateur m’avait adressée juste avant que je ne l’abandonne… Quel principe ergonomique est directement concerné par ce pop-up ? 3 — L’ergonomie ne concerne pas que les ordinateurs. Pour preuve, voici une photo de vacances dans une gare du ZillerTal, en Tyrol Autrichien (même en vacances il pense aux cours !). Ce panneau indicateur annonce les prochains trains (des trams-trains pour être précis) à venir. Qui a-t-il de différent par rapport aux affichages de la SNCF mais que l’on retrouve sur certains réseaux de transports en commun ? Est-ce un bon point ? Quel est le principe ergonomique qui est concerné ? 4 — J’aime beaucoup le cas d’étude présenté à la page suivante, qui correspond au message d’information que vous adressait la Tesco Bank en mars 2013 lorsque vous demandiez à changer le mode d’envoi de vos relevés de carte bancaire. Le sujet étant sensible, la banque a vraiment essayé de bien préciser les enjeux de chaque action réalisée sur l’interface. Est-ce une réussite ? Allez, je vends la mèche, cette fenêtre a été classée par un site consacré à l’IHM IHM © J-Y Antoine — 3 — comme faisant partie des pires erreurs ergonomiques de l’année 2013. Mais au fait, quel est le principe ergonomique qui a été enfreint en premier lieu ? 5 — Ces copies d’écran ci- dessous correspondent à la version électronique du magazine Wired jusqu’à la refonte en 2013 du site, telle qu’est apparait sur un écran d’ordinateur, une tablette ou un ordiphone. Un média d’information spécialisé dans l’informatique respecte-t-il bien les recommandations ergonomiques. Quel principe ai-je cherché à illustrer ici ? 6 — Encore un petit chouchou de votre serviteur, ici le problème adressé est presque subtil. Que pensez-vous du pop-up de confirmation qu’affiche le service d’abonnement lié à la liseuse Nook en cas de désinscription du service. Quel principe ergonomique a retenu ici votre attention ? IHM © J-Y Antoine — 4 — 7 — Cette capture d’écran est-celle d’un système automatique de distribution de tickets de cinéma à Stockholm. Non, le problème n’est pas que les messages de guidage sont rédigés dans une langue quelque peu gutturale. A votre avis, quel est le principe ergonomique qui m’a conduit à retenir cette photographie ? 8 — Cet exemple commence a dater (2008) mais il est tiré d’un rapport de stage de Master 2 la dernière année avant que nous ne décidions d’introduire un enseignement d’ergonomie des interfaces. L’étudiant concerné devait développer un logiciel de configuration des ordinateurs pilotant les robots d’une chaîne de montage de moteurs diesels. Il y avait en fait deux types de machines : celles pilotant les robots de fabrication, qui tournaient sous Windows 2000, et celles qui supervisaient la chaîne de montage, sous Windows NT 4.0. L’étudiant a pourtant décidé de ne réaliser qu’un seul logiciel de configuration, les utilisateurs choisissant la bonne configuration suivant la machine concernée. Ce choix se défendait, mais pas la solution ergonomique choisie. Quel est le problème ? Quel est, voire quels sont les principes ergonomiques qui ne sont pas respectés ? 8 — Travaillant fréquemment sous Libre Office, je n’ai plus sur mon ordinateur qu’une version obsolète de Microsoft Word (Office 2003 !). L’image de la page suivante nous montrer les icônes lançant les fonctionnalités de dessin dans le IHM © J-Y Antoine — 5 — document Word même. Comme ne l’indique pas l’infobulle, cliquer sur le rectangle permet de dessiner également des carrés. Que peut-on faire également en cliquant sur l’icône représentant une ellipse à votre avis ? Pour avoir tiré une conclusion aussi lumineuse, vous avez dû supposer qu’un principe ergonomique particulier était bien respecté. Lequel ? 9 — Les deux captures d’écran ci-dessous correspondent à deux états successifs d’un formulaire de réservation sur le WWW de locations de vacances à Venise. Que s’est-il passé entre les deux images ? Visiblement, les auteurs du site ont voulu trop bien faire et ont mélangé nombre de recommandations ergonomiques. Avez-vous des commentaires à faire sur le guidage, l’observabilité et la gestion des « erreurs » sur cet exemple. Exercice 2 - Facteurs humains et qualité ergonomique des interfaces (objectif 2.2.1.) 1. Développé par une filiale d’Apple est disponible sous MacOS et Windows, FileMaker Pro est un SGBD relationnel qui est né en 1985, donc très peu de temps avant l’émergence des premiers SGBD relationnels commerciaux (Oracle : 1979 ; IBM DB2 : 1983). Il a connu en 2013 sa 13° version et reste bien vaillant même s’il n’est que le 10° SGBD-R le plus diffusé, avec une part de marché oscillant entre 1% et 2%. On se demande pourtant comment il a pu résister à des ogres comme Oracle, IBM ou Microsoft lorsqu’on voit, dans une de ses versions antérieures, la grosse faute ergonomique commise par ses concepteurs. Pour une fois, Apple n’est pas un modèle en termes d’utilisabilité. Quel principe ergonomique est visiblement non respecté dans l’affichage présenté à droite ? Comment l’utilisateur va-t-il réagir face à ce problème ? 2. Quel facteur de qualité ergonomique illustre cette fenêtre de paramétrage du driver d’une souris ? IHM © J-Y Antoine — 6 — 3. Considérez les deux exemples de fenêtres pop-up activées lors de la demande de sortie d'un logiciel (cf page suivante). 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 ? 4. La version pour dispositifs mobiles à écran tactile (iPhone et autres smartphones, iPad et autres tablettes) du site de réservation ferroviaire voyages-sncf.com propose deux modes d’interaction pour rechercher un trajet en train. Sur la gauche, un formulaire très classique permet de préciser la ville de départ puis celle d’arrivée. Alors que sur la gauche, une carte de France s’affiche, sur laquelle l’utilisateur peut (moyennant éventuellement des opérations de zoom) faire un appui directement sur les lieux géographiques correspondant. Discutez des avantages et inconvénients pour un utilisateur de chacun des modes d’interaction (en tenant compte du dispositif choisi). A quel principe ergonomique général répond l’utilisation de ces deux modes d’interaction redondants ? 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. Quel principe ergonomique, mal géré à la base, les concepteurs du site ont-ils voulu respecter ? IHM © J-Y Antoine — 7 — 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 uploads/Litterature/ ihm-td.pdf