Ergonomie des Interfaces Homme
Contents
1. Consistance et comp tences utilisateur coh rence entre versions Exemple Microsoft Windows bouton d marrer Familiarit Genericite Exemple Windows XP vs Windows 95 Windows 8 maintien du bureau classique Menu D marrer Personnaliser S lectionnez ce style de menu pour uri acces rapide Internet la messagerie lectronique et vas programmes Favoris Personnaliser S lectionnez cette option pour utiliser le style de menus des pr c dentes versions de Windows Recommandations l utilisateur est conservateur int grer les standards de facto dans la conception d une interface gt maximiser la consistance entre les versions d un logiciel d un site WWW conception tres attentive de fonctionnalit s diff rentes ou innovantes Flexibilit Adaptation la diversit des utilisateurs essentiel Adaptation au contexte Flexibilit le dilemme du design for all Un logiciel site Web pour tous Des capacit s pr f rences besoins voire processus cognitifs diff rents uM er analytique holiste Diff rences individuelles mais galement culturelles sociales ocalisation Exemples Q QUALITE D UN LOGICIEL FLEXIBILITE Diversit des communaut s d utilisateurs genre Exemple Pr f rence de couleur suivant le genre sondage sur 22 pays Les couleurs pr f r es des femmes Couleurs les moins appr ci2. Ergonomie des Interfaces Homme Machine Jean Yves Antoine http www sir blois univ tours fr antoine Ergonomie des Interfaces Homme Machine Chapitre 2 Facteurs humains Quelques notions importantes sur la qualit des logiciels interactifs vue du point de vue de l utilisateur humain et leur traduction en terme de recommandations ergonomiques 2 1 Notions 2 1 1 Connaitre les principaux facteurs influencant l ergonomie des IHMs 2 1 2 Savoir relier principes ergonomiques et facteurs humains 2 2 Pratiques 2 2 1 Savoir d tecter et cat goriser facteur humain affect et critere ergonomique non respect un probl me dans la conception de l IHM 2 2 2 Comprendre et savoir utiliser des directives compilant des r gles ergonomiques 2 2 3 R gles ergonomiques concernant les erreurs pr vention et gestion Pr alable IHM utilisable ne se limite pas des consid rations ergonomiques Analyse complete de la tache t ches occasionnelles situations d urgences Principes ergonomiques g n raux QUALITE D UN LOGICIEL UTILISABILITE Utilisabilit d un logiciel interactif Dix Finlay et al 2003 Apprenabilit facilit avec laquelle l utilisateur peut prendre en main le logiciel et d couvrir ses fonctionnalit s Flexibilit capacit du syst me offrir des modes d interactions multiples pour r pondre aux besoins pr f rences et exp rience de l utilisation flexibilit
3. et s adapter au contexte adaptabilit Robustesse niveau de satisfaction dans la r alisation des t ches permises par le syst me ne se limite pas a la fiabilit Facteurs humains Causes principes ergonomiques per u par l utilisateur 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 QUALITE D UN LOGICIEL APPRENABILITE Observabilit Barres d outils Facilit offerte l utilisateur de v rifier les effets de Qd a Cd ses actions E 77 Miniatures Mosaiques Icones Liste D tails observabilit directe vs indirecte R nrganiser les ic nes par F Choisir les d tails Personnaliser ce dossier UGE Atteindre O46 LO i N d Actualiser D CH 34 Attente pr visible Recommandation d affichage ic ne d attente sablier horloge 6 30 secondes Message avec marque d avancement 96 r alis temps d attente gt 30 secondes Idem avec en outre un detail des actions en cours de r alisation Observabilit exemple Glisser D poser Drag amp Drop toujours montrer les effets du glissement m me dans le cas plus d licat du Web dynamique T1 ss dmm aad n EG Rn db nn B E domm ER a L a Ss HN rT Jaa m t
4. PR 4 8 1 Savage Habinek et Blackstad 1982 DIRECTIVES GUIDELINES Directives de recommandations g n rales guidage Exemple http guidelines usability gov Pr vention des erreurs 2 4 Reduce User s Workload LU Relative Importance 00000 Strength of Evidence 00000 More about the Rating scales Document Type Guideline Topic General User Experience Guideline Allocate functions to take advantage of the inherent respective strengths of computers and USETS Comments et the computer perform as many tasks as possible so that users can concentrate an performing tasks that actually require human processing and input Ensure that the activities perfarmed by the human and the computer take full advantage of the strengths of each For example calculating body mass indexes remembering user IDS and mortgage payments are best performed by computers Sources e serhardt Paowals J 1996 cognitive engineering principles for enhancing human computer perfarmance International Journal af Human Computer Interaction 8 2 189 211 e Moray N amp Butler C 2000 The effect af different styles of human machine interaction an the nature of operator mental models Human Factors and Ergonomics society Annual Meeting Proceedings 1 93 1 55 e Sheridan T B 1997 supervisory control In G Salvendy Ed handbook af Human Factors 2nd Edition op 1285 1327 New York Wiley Goo
5. es des femmes p Brown Grey 3 Green T 6 P s d 196 Orange 33 Orange 596 Yellow 1396 BE White 425 Les couleurs pr f r es des hommes Green Grey Blue 2 Orange 57 96 22 i Grey Orange 356 QUALITE D UN LOGICIEL FLEXIBILITE Diversit des communautes d utilisateurs culture Exemple OS X Human Interface Guidelines OS X Technology Usage Guidelines Internationalization Plan to localize visible Ul elements That is make sure the Ul elements in your app can be translated into other languages and otherwise adapted for use in other countries Note that when you use the Auto Layout you can specify how text and other Ul elements are related so that localizers don t have to redesign your layout to accommodate different lengths of text To learn more about the advantages of Auto Layout see Cocoa Auto Layout in Mac Technology Overview In addition to translating text be prepared to adjust your use of color graphics and representations of time and money Examine your use of specific objects or symbols such as electrical outlets and the currency symbol as they may have a different appearance or not be understood in other countries Pay attention to the possible meanings of the graphics and symbols in your app Make sure your graphics and symbols are unambiguous and inoffensive to all or prepare to localize them For example if you use images of American holidays to represent seasons such as Ch
6. 1 to 12 ne pas culpabiliser ou affoler l utilisateur DISASTROUS STRING OVERFLOW ILLEGAL ENTRY proposer une solution de sortie guidage Gestion des erreurs messages informatifs Exemple OS X Human Interface Guidelines Message text No title Secure Empty Trash permanently erases the items in the Trash Are you sure you want to permanently erase them If you choose Secure Empty Trash you can t recover Informative text a items unless you ve backed them up using Time Machine or another backup program LE Cancel button Action button The alert message which uses emphasized system font provides a short simple summary of the error or condition that summoned the alert The informative text which uses small system font provides a fuller description of the situation its consequences and ways in which users can address it Important Don t leave out the informative text What you think of as an intuitive alert message might be far from intuitive to your users Use informative text to reword and expand on the alert message text Gestion des erreurs Exemple messages informatifs et constructifs guidage a QuickCapture La cam ra est d branch e Logitech QuickCam Connectez la cam ra l ordinateur Fabrikam Camera Wizard Make sure the camera is turned on and connected to the computer jerounie46 SJiJuJe9qeM Formulation des m
7. Cape 2 i a WW Y TI o Deal c L VH ll LE uet JA ut l m e Ayo a uio io ESA gt MNT IN LUE au Exemple stage HSBC M2 2008 modification de l ordre l ments d une interface par les directions asiatiques QUALITE D UN LOGICIEL FLEXIBILITE Diversit des communaut s d utilisateurs age Exemple t l phones et ordinateurs pour seniors Exemple t l phone pour enfant 6 ans D H peran X Mer Ae ton H r Mix E Et AN Miel gc sl Sid UT m we f 1 MA Ae eleve yon eran LUN re aide hace Ven Dk Valine ab mir Diversit des communaut s d utilisateurs niveau d expertise Dimension incontournable en matiere de flexibilit Quatre grandes cat gories d utilisateurs en fonction de leur exp rience de l ordinateur et du logiciel Novice aucune connaissance de la t che ni de l interface voire exp rience tr s limit e sur ordinateur exemple premier achat sur Internet Primo utilisateur connaissance du monde de la t che mais premiere d couverte de l interface exemple changement d un logiciel professionnel Expert utilisation tr s r guli re du logiciel ou du site connaissance approfondie de ses fonctionnalit s Tous ces utilisateurs vont avoir des besoins et des attentes diff rentes QUALITE D UN LOGICIEL FLEXIBILITE Exemple tude comparative Usabilis de l utilisabilit des OS mobiles Influence du profil d utilisateur sur le taux d
8. de confirmation G Demande de validation non syst matique d pend de la gravit des actions c Absence de validation explicite pour les actions peu engageantes Boutons de validation cas d tude Messagerie instantan e sur Skype validation directe par la touch e qui d clenche l envoi du message Julien facebookechat comment Inter ts j eee D fauts Risques Hello Qa Va l aime Commenter il ya S heures A pa R diger un commentaire Importance des messages d erreurs Message explicatifs Mosteller 1981 Analyse des usages d un logiciel commercial 25 des erreurs taient la parfaite r plique de l erreur pr c dente Reduction sensible des r pliques apres adaptation des messages d erreur Message sp cifiques Shneiderman 1982 Programmation COBOL tudiants r duction de 2896 des erreurs apr s remplacement des messages trop g n riques de type SYNTAX ERROR par des messages plus explicites Messages These articles provide guidelines for the different types af messages to use In your Windowsi basec applications Errors Warnings Confirmations Notifications Gestion des erreurs Messages pr cis et sp cifiques Un message trop g n ral ne permet pas de comprendre l erreur Messages informatifs et constructifs SYNTAX ERROR ILLEGAL ENTRY INVALID DAIA Ca Unmatched left parenthesis lype only one letter Month range from
9. gr Show Fonts mr Show Colors 438C Show Colors 3 C Unambiguous Turn Grid On gt Turn Grid Off command Show Fonts SET Show Colors 3 C Format Show Fonts eT i Show Colors 3C e Choosing Use Grid Use Grid D could It in eith A NS actions S Show Fonts ST Show Colors C Don t Use Grid v Use Grid Guidelines sp cifiques une plate forme Exemple Microsoft Windows 8 Browse the Internet Setup a connection Control Check boxes Combo boxes Command buttons Command links Drop down lists List boxes List views Dialog units 1 width of longest item 3095 x 14 S0 x 14 zb fone line ar 35 two lines width of longest valid data 3095 x 14 width of longest item 3095 x an integral number of items 3 items minim um calumns widths that avaid truncated data x an integral number af items Relative pixels 1 width of longest item 3095 x 23 41 fone line or 58 hve lines width of longest item 3055 x 23 Organisation internationale de normalisation STANDARDS Normes ISO TC 159 SC4 Ergonomie IHMs Blanchard 1997 v SO 9241 Ergonomic Requirements for Office Work with Visual Display Terminals VDTs Exigences ergonomiques pour travail de bureau avec terminaux crans de visualisation TEV parties 1 9 g n ralit s et dispositifs mat riels parties 1
10. transports azalys Do 09 0144 Die Bahn l m s3 gt abitant C Ankunft Aller le partir de g el janvier 2014 sl Partir apr s 7 09 01 2014 E Retour A partir de Guidage et robustesse contre exemple 15098 Restaurants In 74 Countries City Montreal Complete the farm an the right then press the Find Me A SUBWAYE button to see the locations nearest you Find he a SUBWAYE PQ Province du Qu bec exemple extrait du cours d A Giboin ESSI Pr vention des erreurs limiter la charge cognitive Limites de la m moire court terme 5 9 items m morisables Fatigue donc erreurs si charge cognitive trop importante gt Recommandations Lisibilit de l interface Pas plus de 5 items m moriser sur un display d composer la t che sinon Utiliser la perception pr attentive pour les affichages critiques Treisman amp Gormican 1988 oi une seule dimension perceptive change exemple couleur on percoit automatiquement cette diff rence sans accroissement de la charge cognitive e 9 e e Master 1 IHM et Tableaux de bord visualisation d information Pr vention des erreurs principe des erreurs commensurables Plus une action est engageante I e peut avoir des consequences graves moins Sa Voulez vous enregistrer les modifications zx T apport es sans nom r alisation doit tre transparente Exemple demande
11. 0 17 consacr au g nie logiciel v ISO 13407 Human Centered Design Processes for Interactive Systems S ISO 14915 Ergonomie des logiciels pour les interfaces utilisateur multim dias v Section 508 Standards for Electronic and Information Technology USA Normes AFNOR a nor V Z67 110 Ergonomie et conception du DHM 1988 v Z067 133 1 Evaluation des produits logiciels Partie 1 d finition des crit res ergonomiques de conception et d valuation des interfaces utilisateurs 1991 Recommandations g n riques toute application interactive design non anthropomorphique affichage alignement couleurs polices de caracteres chapitre 3 Recommandations specifiques aux interfaces WIMP Multi fen trage organisation de menus ic nes et pointeur souris chapitre 4 Recommandations specifiques aux applications WWW chapitre 5 Recommandations sp cifiques aux interfaces post WIMP tactile chapitre 8 Recommandations sp cifiques aux mobiles chapitre 9 Ouvrages g n raux Mayhew D J 1992 Principles and guidelines in software user interface design Prentice Hall Cours sur la Toile Giboin A Ergonomie des IHMs ESSI Travaux cit s Bury K Davie S Darnell M 1985 Windows Management a review of issues and some results from user testing IBM Human Factor Center research report HFC 53 San Jose Ca 1985 Nielsen J 1994 Heuristic evaluation In Nielsen J amp Mack R L Usa
12. Koo CE nam et a i L i d bi EN a acm DOES Eni e mi a i H Ae a mim I a LE FIGARO fi NetWibes 2012 numqeuse partielle Ven N 13 kmh Paris e gc Actuellement Couvarture Hirota 5 h Bib Meet Hamm St e Ea CS ad d 11 15 kA Mera piian A poupee un Wied ond rany Me iwang m h oiene ater s Leu TE E by e TE emt T rer m i gm Mc to Er Lio Regulatora say thal mn 00 SAS d GlazaSirmathidine the C V EECH n i drug arant Knowingly sot i lTainted haby mmiment and bep SEENEN Bi poe Mee ORE iGoogle 2012 Observabilit exemple IOS Human Interface Guidelines gt Pas de retour physique sur la s lection Montrer le changement d tat d un contr le est essentiel sur une interface tactile ou sur une s lection par souris d ailleurs Provide Feeaback Causalit Guidage Causalit capacit du systeme aider l utilisateur pr dire le comportement du syst me au vu d interactions ant rieures Guidage capacit du syst me conseiller orienter informer l utilisateur lors de ses interactions d une maniere implicite ou explicite Quatre mani res d am liorer guidage et causalit Incitation messages d incitation visibilit op rationnelle Message Format Window ligner Mares Coupe Take All Accounts Online x cR bib Aires Ev Courbes Take All Accounts Offline WW B Secteurs E Nuage HE Histogramme Get New Mail TEN C
13. TE Consistance Retrait et espacement Enchainements Typographie asiatique Contre exemple suite MS Office n Alignement Gauche Mi eau hi rarchique Corps de texte Orientation C De droite gauche De gauche droite Retrait Avant le texte fo cm H De 1 re ligne BM Apres le texte p cm Aucun M Ajuster automatiquement le retrait droit sur la grille du document Espacement Avant F pt zi Interligne De Apres pt Simple Ne pas ajouter d espace entre les paragraphes du m me style M Aligner sur la grille lorsque la grille du document est d finie ADETI Contre exemple monde Ipad Iphone Sounds ET Contacts df ke s Accelerometrics Calendriers eu Assisted GPS Accuracy Filter Apple Motion X GPS QUALITE D UN LOGICIEL APPRENABILITE Consistance et comp tences de l utilisateur consistance externe Coh rence avec nos connaissances ant rieures monde r el exp rience acquise Familiarite Similarit de l interaction avec le monde r el m taphores machine crire pour les diteurs de texte IN Genericite facilit de g n ralisation d exp riences dile particulieres avec le systeme a d autres fonctionnalit s ou d autres logiciels Rectangle Standardisation Certaines interfa
14. bility Inspection Methods John Wiley Norman D 1998 The design of everyday things MIT Press BIBLIOGRAPHIE Guidelines Normes Blanchard H 1997 User interface standards in the ISO Ergonomics Technical Commitee SIGCHI Bulletin Vol 29 N 1 20 22 Brown C M 1988 Human Computer Interface Design Guidelines Xerox Corp Mayhew D 1992 Principles and guidelines in software user interface design Prentice Hall Hemel Hempstead omith S Mosier J 1986 Guidelines for designing user interface software Mitre Corporation report MTR 9420 Mitre Corporation Bedford Vanderdonkt J 1995 Guide ergonomique des interfaces homme machine Presses Universitaires de Namur Usability gov http guidelines usability gov BIBLIOGRAPHIE Guidelines Normes diffus es sur la Toile e Smith et Mosier e Microsoft User Experience Interaction Guidelines e Apple Human Interface Guidelines IOS OS X e Directive US standard 508 electronic and information technology e ACM SGICHI HCI Bibliography pointeur vers des normes accessibles
15. caract ristiques cognitives gt Conception Offrir aux diff rentes sous communaut s d utilisateurs caract ris es des styles d interaction qui leur sont adapt s Design for All a T avrildesiani Rappel fiabilit et conformit la tache v compl tude Y ad quation Importance des erreurs Source principale d anxi t et de rejet des utilisateurs Une erreur d utilisation est aussi frustrante qu un bug simple Influence des messages d erreur sur l acceptation du logiciel Pr vention des erreurs ne conception s rieuse d un point de vue ergonomique limitera fortement les erreurs de l utilisateur Gestion et recuperation des erreurs R daction essentielle des messages d erreur rassurer l utilisateur et lui donner des pistes pour r soudre le probl me rencontr Pr vention des erreurs Deux principes ergonomiques qui ne jouent pas que sur la robustesse gt Observabilit et causalit erreurs r duites si on comprend ses actions et si en voit les cons quences Exemple navigation dans un syst me de fichier y Guidage guider l utilisateur pour lui viter des erreurs v menus rappel option non s lectionnables gris es v formulaire fournir des valeurs attendues listes valeur par d faut pr ciser le format de saisie dire quels champs sont optionnels ou non Exemple sp cification d horaire
16. ces certaines notions sont devenues des Z a By FN affordance ic nes Exemple corbeille SIE Corbeille Corbeille Consistance et comp tences utilisateur Exemple ou contre exemple g n ralisation du ruban Microsoft Office o ar F Document Microsoft Word Er D Hame Insert Page Layout References Mailings Review View In ERN T 1 gm Xx ical Ej x i Ea O Paste o S O lt S 2 Documents Heme Shore V L D K O E Preview pane if Extra Large Icons E Large Icons ar E Group by V Image file names 4 c El Details pane S MediumIcons S Small Icons M Add columns d Filename extensions sl e e Navigation SE Hide seleded Refresh Pane FE List SS Size all columns tofit Hidden items tems ee D Panes Layout Current view Show hide 9 o Q c Search Documents D nt Home Share cut o EE Copytotolder RR Desktop ip Downloads a o open with o Select all 9 Copy Q2 Rename s Documents d Music w History Select none New Delete re Xm Properties Opec o Multiple uo copyas path tolder Dues e zm lise Pictures BS Videos x iux Q Edit select D Invert selection Clipboard Mew i Organize Move to folder Open Select Internet Explorer 8 QUALITE D UN LOGICIEL APPRENABILITE
17. d Example DIRECTIVES GUIDELINES Guidelines sp cifiques une plate forme Hecommandations souvent plus concr tes permettant de favoriser entre autres la standardisation entres applications consistance et familiarit Exemples Apple User Experience Guides Microsoft User Experience Interaction Guidelines Android User Interface Guidelines GNOME Human Interfaces Guidelines KDE Human Interface Guidelines W3C Techniques for Web Content Analysis Guidelines Deux motivations etandardisation marketing cela ressemble une interface Apple Mais galement consid rations ergonomiques r elles Guidelines sp cifiques une plate forme Exemple GNOME Human Interface Guidelines 2 2 3 GNOME DEV CENTER A propos Utilisateurs D veloppeurs Administrateurs Nouveaut s Introduction Applicabilit GNOME 3 Principes d ergonomie Ll Concevoir pour des humains l l Ne pas limiter le socle des utilisateurs LIL Cr ation d un lien entre votre application et le monde r el Rendre votre application coh rente IM Garder l utilisateur inform I Conserver la simplicit et rendre joli LIL Laisser le contr le l utilisateur MI Pardonner l utilisateur Lk Permettre des manipulations directes DIRECTIVES GUIDELINES Guidelines sp cifiques une plate forme Exemple Apple Figure 13 9 Avoid ambiguous toggled menu items Format Format V Show Fonts
18. e r ussite de t ches pr d finies Utilisateurs n ophytes Utilisateurs r guliers Taux de r ussite 96 Taux de r ussite 96 H M 80 E SS arer 70 d em 71 68 50 40 30 20 10 0 0 Android Windows Phone Android Windows Phone http redir usabilis com redirect vc5dh960x9gotlqdk5s8rz www ergonomie interface com mobile tactile nomade test comparatif systemes ios android windows phone QUALITE D UN LOGICIEL FLEXIBILITE vi Diversit d utilisateurs niveaux d expertise Novice et primo utilisateur anxieux rassurer pour faciliter l apprentissage et viter les rejets 2 Aide sur Microsoft PowerPoint Fil Afficher le Compagnon Office Limiter le nombre d actions de concepts k Qu est ce que c est MALLEI Feedback d information Microsoft Office sur le Web gt Guidage exemple menus Activer le produit Messages d erreur informatifs propos de Microsoft PowerPoint See Saal gt Manuel d utilisation intuitif tutoriel gt Aide contextuelle Vous pouvez d placer un sous menu dot d une poign e de d placement trois barres horizontales au dessus du menu partout sur l cran pour Utilisateur occasionnel connaissance globale cr er une barre d outils flottante du syst me mais difficult se rappeler la position des diff rentes fonctionnalit s Consistance de l interface Pr vention des erreurs utilisateur explorateur A
19. es d utilisation Fournir des feedbacks interactifs gt Observabilite Pr venir les erreurs et faciliter leur recuperation Autoriser l annulation des actions Flexibilit contr le utilisateur Qoncision r duire la charge cognitive de l utilisateur Principes de Norman Norman 1998 VI VII Use both knowledge in the world and knowledge in the head Familiarit Simplify the structure of the task Guidage charge cognitive Make things visible Observabilit Get the mappings right Guidage Exploit the power of constraints Guidage pr vention des erreurs Design for error When all else false standardize PRINCIPES ERGONOMIQUES v Heuristiques de Nielsen Nielsen 1994 Visibility of system status Observabilit IL Match between system and real world Familiarit III User control and freedom IV Consistency and standards V Error prevention VI Recognition rather than recall Guidage Vil Flexibility and efficiency of use VIII Aesthetic and minimalist design Lisibilit IX Help users recognize diagnose and recover from errors X Help and documentation Organisation adire http www useit com papers heuristic heuristic list html PRINCIPES ERGONOMIQUES v Heuristiques de Nielsen exemple du flat design Aesthetic and minimalist design Tendance lourde de conception des interfaces ann es 2010 design minimaliste a r sans l ment au rendu grap
20. essages d erreur recommandations Ne pas rappeler l utilisateur qu il n est pas informaticien pas de termes techniques incompr hensibles The COM Event System caught an access violation at WE address 0x00213BC8 within method SaveCompleted of interface IPersistFile The method attempted to access Je WOUOUOO Phrases plut t que mots cl s viter les verbes la forme nominale exemple affichage Forme active plut t que forme passive Vous ne pouvez pas quitter Sauvegardez votre session L application Sans avoir de travail avant de sauvegard votre session quitter l application viter les formes n gatives sources d erreurs QUALITE D UN LOGICIEL ROBUSTESSE Formulation des messages d erreur recommandations Pour acc der ce document vous devrez ins rer le CD ROM ehm cd 2 apr s avoir cliqu sur OK 92 Insertion du CD ROM Ins rez le CD ROMJDVD ROM de l Encyclop die Encarta et cliquez sur OK Parcourir e gt Quitter Aide Formulation naturelle respecter l ordre dans lequel les actions doivent tre ex cut es Gestion des erreurs et observabilit messages d tectables Position pres de l erreur ou du focus Travail sur la pr sentation couleurs polices de caract res surbrillance Pop up windows Y caractere dynamique facilement d tectable Y possibilit de placer le message pr s de l objet concern v masquage de
21. hique naturel effet 3D bomb textures L LLL rl a E c 3 991 Join Myspace PRINCIPES ERGONOMIQUES Criteres ergonomiques de Bastien et Scapin 1993 a nor NN S NS S S S S Norme Z67 133 1 Guidage Charge de travail contr le de la densit d information brievete Controle utilisateur explicite Flexibilit gt adaptabilit Gestion des erreurs Homog n it gt coh rence Signifiance des Codes et Denominations Compatibilit gt familiarit http www ergoweb ca criteres html DIRECTIVES GUIDELINES Dir ectives de recommandations generales oynth ses de recommandations g n rales sur toutes plateformes v v v v omith amp Mosier 1986 Brown 1988 Mayhew 1992 Vanderdonkt J 1995 ENTREE DE DONNEES Formats des donn es 1 4 D limiter les champs d entr e de donn es Afin de delimiter clairement chaque champ de donn es afficher des caract res sp ciaux ou autres formes de mise en vidence EXEMPLE Un trait de soulignement peut etre utilise cette fin voire un trait discontinu permettant d indiquer le nombre de symboles requis l entr e tel que bon Entrer votre code mauvais Entrer votre code EXEMPLE Voir la copie d cran la fin de cette section COMMENTAIRE Une telle incitation permet de r duire les erreurs lors de la saisie de donn es par l utilisateur REFERENCE BB 2 2 1 EG 6 3 6 3 1 MS 5 15 4 3 4
22. ide en ligne Diversit d utilisateurs niveaux d expertise Teo ase queen Fomat on Expert excellente connaissance du OR SRE domaine de la t che du syst me et de son IER R p ter Diapositive suivante CTRL Y interface recherche avant tout l efficacit et Couper CTRLEX la r apidit Copier CTRL C Presse papiers Office Raccourcis clavier Ge i fe 2 Coller CR gt Commande en ligne D Cm Collage sp cial gt Creation de macros Coller comme lien hypertexte EFFacer Suppr S lectionner tout CTRL A4 Cupliquer CTRL D Supprimer la diapositive o Rechercher CTRL F Remplacer CTRL H Logiciel a niveaux d usages multiples conception multi niveaux Atteindre la propri t Bien d autres formes de flexibilit pr voir utilisateur unique Reconvertir Liaisons Objet QUALITE D UN LOGICIEL FLEXIBILITE Adaptation gt adaptatibilit param trage par l utilisateur Exemple MacOS personnalisation des commandes sur le touchpad Exemple substitivit des donn es Interligne d us Interligne Interligne Interligne 24 Ponts e 1 H Lignes Avant le paragraphe Avant le paragraphe uz Si Ponts si os EE Apr s le paragraphe Apr s le paragraphe a t EFE In H Lignes gt adaptativit modification initi e par le syst me en fonction du contexte Exemple menus dynamiques Affichage Insertion For
23. im Activit boucher i pa j esjaunes fr WES p m mS ES rartenamre sm D ern SS Ji Bee wanadaoo fr Voir Adresse NICOLAZIC EE Le Haut D bit exa 7 av de la cristallerie 512k partir de EX rennes pans 9 D partement 1 E29 gu r gion ER sx 92 finist re aquitaine idf lt a 1 24 90 TTC mois Localit Blois D 9 oui Non C ou Q oui Proposer le format le mieux adapt aux proportions de l image plus d infos CONCLUSION CONCEPTION DES IHMs v Multiples choix de conception de l IHM pour chaque fonctionnalit et chaque communaut d utilisateurs v S en remettre l intuition du concepteur est insuffisant Contre exemple syst me r servation SOCRATE Era http perso ens lyon fr pierre lescanne BUGS socrate pdf METHODOLOGIE DE CONCEPTION DES IHMs Analyse de la t che et des communaut s d utilisateurs auxquelles est destin le syst me amp modele de la t che donc de l interaction et de l utilisateur amp choix de conception de l IHM Conception respect de principes ergonomiques amp aide d terminer les besoins non tudi dans ce cours amp oriente certains choix de conception 9 deud TA o deuo Cel CO Hi amp guide l impl mentation des fonctionnalit s pr cises On Conception modeles de conception d IHM valuation amp Validation des choix de conception et d impl menta
24. l information Alerte sonore Y charge cognitive autre stimulus que la vision Y peut tre ignor e par l utilisateur Y s mantique sonore limiter le nombre de sons QUALITE D UN LOGICIEL Exemple observabilit des erreurs ALBUMS ATELIER MON CADDIE Nous vous invitons choisir vas pr f rences de tirage Je souhaite que mes photos soient optimis es automatiquement option retouche a MON CADDIE Conseill pour un usage loisir plus d infos MON COMPTE mes tirages salent recadr s automatiquement DEPOSER MES IMAGES Conseill pour un usage loisir plus d infos TARIFS b n ficier de l affre duo 25 sur le double de votre commande plus d infos AIDE EW LIGHE ROBUSTESSE l Retrouvez le nom et L adresse Pages Espace Recherche A QuiDonc il Mais QuiDonc Annuaires Bun Blanches Perso a proximite est ce num ro porte ce nom du monde 2 erchez un professionnel avec em wm vm em mg mm mi pm ur les rues avec Les Photos de villez D Ignorer l adresse votre ville wl e mm mm mm mm mm mm mm rn mm rm mm mm pm mm mm ren mm rm mn mm pm mm mm pe mm mm mm mm rm mm mm rm mm mm mm mm rm mm mm j NOUVEAU service 74 de recherche PROZIMITE D couvrez QuiDonc et Pageslaunes Demandez c est trouv EN DIRECT IS KZ Sur votre mobile
25. mat Page de commentaires Masque b Volet Office Barres d outils k WM W D aa fay a m EU AN AYA 8 I oe ar A LJ um Lg t M Wm B i j Ps MUS m m H ig g D n gg m mom pb mg em uu P em p E well mn em l em A T e gp PR Bop UP pa 5 BIN m uteg E mm db em E E ga Lea m WW g CW r Y li AE 4 Y 4 t T ug h en r ai g 4 W ia eL Te r D Te Wt WM NK AIM Ju B T Vu BN RERUM BUNC d Tam PR 8 C WM EN WT y e A E A p y A Y un 1 N G i 1 E IN Y iA be L A gt A TE Es 4 HM E WW Uu WM W Wy nl esti T WA B Vel V Wee A m ut V9 8 8 SN DIT ln amp ew VEG 9 WE 9 Sa Lancement de GIMP v En g n ral laisser l utilisateur l initiative et la capacit d interrompre une action AT D T A E Tha 4 i v Toujours concevoir avec pr caution les interventions lt x pr emptives du syst me Rechte des cers de donn es EL Ka WWE A LL z E ep Ten 1 r L rares SE E RA SS t e AT ae r Diversit des communaut s d utilisateurs recommandations y Ciblage Cerner en amont la cible du logiciel du site Web age genre gt Analyse des besoins Caracteriser les besoins de la population cibl e attentes questionnaires usages observations mais aussi capacit s exp rience
26. olonne KEE IEEE ECT ETAT Synchronize Apple ares Autres DN Positit N gatit Exemple Fonctions non activables gris es Erase Deleted Items gt Graphiques fa Graphiques sparkline Erase Junk Mail X 86 New Mailbox New Smart Mailbox Edit Smart Mailbox Duplicate Smart Mailbox New Smart Mailbox Folder Rename Mailbox Delete Mailbox Voulez vous enregistrer les modifications Exemple Rendu graphique des options pr s lectionn es Export Malone apport es sans nom Go to Favorite Mailbox remarque Isque ei Move to Favorite Mailbox Use This Mailbox For Rebuild QUALITE D UN LOGICIEL APPRENABILITE d Quatre manieres d am liorer le guidage suite Ta Se Qurvrir CTRL O Fermer P Nn nregistrer gous registra en tant que page Web Exemple nappe Microsoft Pain menus Microsoft Office Fichier Edition Affichage Insertion Format E 1 s Groupements et distinctions entre items H SES E ie Recherche de Fichiers Autorisation k Times New Roman 18 Gis 5 amp 5 g Hi 4 i M iM A A c Package pour CD ROM Aper u de la page Web Mise en page Apercu avant impression KE MERAT 1 E NE H Le pn Imprimer CTRL P a f Aa 3 Sen SIEdtianner E FAQ s le Ie em gl Presse papiers Image Couleurs Propri t s Feedback imm diat l observabilit concou
27. re la causalit Exemple gestion temps d attente Lisibilit alignement organisation Limite aussi la charge cognitive z arme henare i mraenmirtrz D a EM yDat EL CTE E ii MN LOTES Jil mi Formules EP Standard F Mise en forme conditionnelle g Ins rer A GP Fr 43 Hie O00 di Mettre sous forme de tableau aed 35 Supprimer 7 ig T Trier et Rechercher et tH e mE Dar yi ras E Styles de cellules Format filtrer s lectionner Presse Da Iu Palice Fa Alignement P Nombre E Style Cellules Edition Contre exemple mauvaise lisibilit le m lange d ic nes et texte masque l organisation QUALITE D UN LOGICIEL APPRENABILITE T PUBLICIT j SUPERMARC BRICO Test Lave linge par Que Choisir Causalite guidage Exemple lisibilit groupement Expert madssa de 150 A partir de 39 Re test s e gt SC 2 ute unen ert I EL N B mpm LJ d Alignement et utilisation de la couleur nudi ud 2B us aa pour am liorer le guidage VINS ALCOOL LA PREUVE BAGUE EN OR 326 99 DOUDOUNES MANTEAUX pL0c 1aunoo sumqo Charade erh Eimi he rai LEA A LUI LE LE holier Mart ran Charade 2005 Distribution Cary Grant Audrey Charade 2012 Distribution Cary Grant Audrey CHARADE 2009 Distribution Cary Grant Audrey Hepb
28. ristmas trees pumpkins or fireworks be sure to localize them for cultures that are not familiar with those holidays Be aware of the user s locale preferences In the Formats pane of Language amp Text preferences OS X allows users to customize the way dates times and number based data such as monetary values or measurements are displayed Most APIs take these preferences into account when getting or formatting this type of information so you should not have to perform custom formatting or conversion tasks bm QUALITE D UN LOGICIEL FLEXIBILITE Diversit des communautes d utilisateurs culture Exemple influence culturelle sur l ordre des l ments d un site Web d r E FS Tune to NPR Worldwide Al Hayat english daralhayat com 09 40 GMT 14 11 2005 ADVANCED SEARCH Home TUE iF Ifra Middle East Conference International and Weather Le Opinion i fa Arnon pablishti g eps S 3 E odo i Arab Publishers met in Beirut B Pau Mostly Sunny Editorials Op Ed Contributors Commentators INTERN Uli au Se coco o TEE c ooo EE Readers Opinions jit LI To Be O Specials 3 i eee ro Be EET GMT 7 39 41 M nix 09 11 GMT 2005 11 14 Business Gd A WI j EF Culture p 928 all ime oaa alall dus co Aal EU A6 lle y Anje ges CH Beki B En d LA D e Wie d pd 4g A 912 aa HERR amo om ne REO M E s laci y as Ch _ 021
29. tion O gt N par des tests d usage sur prototypes Principes ergonomiques v r gles g n rales ind pendante de la technologie mais inspir es par de la psychologie cognitive ou des sciences sociales v r gles de haut niveau v recommandations de faible autorit peu contraignantes Recommandations ou directives guidelines v r gles de conception encore assez g n rales mais plus li es a la technologie Peuvent concerner des l ments pr cis de l IHM v recommandations d autorit mod r e Standards v r gles de conception technologiques tr s sp cifiques v recommandations de port e limit e mais de forte autorit contraintes explicites si on d sire suivre la norme Mise en garde v Les directives et autres principes ergonomiques ne constituent pas des v rit s absolues confronter la r alit du probl me v Certaines directives peuvent para tre contradictoire entre elles bien comprendre leur background et leur champ d application Principe de pr caution v Les principes et autres directives sont avant tout des sources d information issues d exp riences prendre en consid ration en en comprenant l esprit v Seules certaines directives de forte autorit doivent tre respect es la lettre norme ou respecter standard impos v Le recours l valuation reste essentiel Regles d or de Shneiderman Consistance Causalite Permettre les raccourcis Flexibilit styl
30. urn Walter Matthau et James Coburn Hepburn et Walter Matthau Hepburn et Walter Matthau EUR 10 58 DVD Premium EUR 14 99 DVD Preniun EUR 18 88 neuf 1 offre En stock le 8 janvier 2014 commandez cet article dans 24 heures au plus tard et recevez le dici EUR 4 89 d occasion 3 offresi Livraison gratuite possible voir fiche produit el mercredi 8 janvier Pr e promotion suppl mentaire v Plus que 3 ex Commandez vite H Dr AB m i T ume ze Cipa Tn ir m Plug de choix d achat DD Livraison gratuite possible voir fiche produit EUR 6 50 neuf 9 offres Plus de choix d achat DD EUR 4 50 d occasion 5 offres EUR 7 00 neuf 7 offres ririri 28 EUR 3 00 d occasion b offres were 108 LOT uozvury QUALITE D UN LOGICIEL APPRENABILITE Consistance Comportement et organisation de l interface coh rents tout au long de l utilisation Exemple suite Microsoft Office suite OpenOffice ES Microsoft PowerPoint THM_CM_ch2_ P 3 ES dd BSB GIy CER Eicher Edition Affichage Insertion Edition affichage Insertion F Fichier Edition Affichage Insertion CR n E E n Lea L w d Bl ES d 4M Normal Times New Rom Times New Roman 18 G Z 8S De standard al Documenti Microsoft Word Contre exemple HyperCard et MacOS double ou simple clic Welcome to HyperCard Home 1987 1996 Apple Computer Inc S All Rights Reserved S HyperCard Tour HyperCard Help QUALITE D UN LOGICIEL APPRENABILI
Download Pdf Manuals
Related Search