Home

ergonomie des IHM

1. Univers de la machine Le cycle de Norman 2 Ti e 4 phases du cycle passage du but a l expression de la commande la charge de l usager distance d ex cution Passage de l expression de la commande l action a la charge de la machine interface en entr e Passage de l action l expression des r sultats la charge de la machine interface en sortie Interpr tation de l expression des r sultats et confrontation au but la charge de l usager distance d valuation e Effort la charge de l usager somme des distances d ex cution et d valuation R duction des distances au prix de l augmentation du travail de l interface en entr e et en sortie Distance d ex cution e Effort la charge de l usager n cessaire au passage du but l expression de la commande e Exemple Commande d un objet dans un catalogue de vente par correspondance e Distance d ex cution de l interaction retranscrire sur le bordereau de commande le num ro d article et son libell figurant sur le catalogue e Sur un site Web cliquer sur l ic ne ajouter au panier r duit la distance d ex cution Distance d valuation e Effort a la charge de l usager n cessaire a l interpr tation de l expression des r sultats et leur confrontation au but e Exemples de r duction de la distance d valuation Mise en forme chromatique de la multitude de mesures d une machine
2. rde i E si J gt Outils IS INCOGNITO egarder dans E m2 m ze a x Ci E out ra C A COURS_IIHM_IMAG_FR__DUBOIS Fe 2 CA COURS_UNIV PAU_FR_LOMPRE ti COURS_ WWW DEPTINFO_CNAM_FR_ FR C A COURS_WWW IHM_LRLFR LR COURS _WWW SOP_INRIA_FR__ACACIA Mes documents EVALUATION Mes documents _THM_0405 cp Tf _IHM_chll_facteurs_humains Bureau E Crs_IHM_chIII Bureau aJ Crs_IHM_chIY TES 3 Crs_IHM_ch EAN Crs_IHM_chyII Favoris x 2 poly_crs_IHM_chII Poly_Crs_IHM_chIII Favoris A oo crs IHM chlv ss CE Nom duficer i ie Bart Nom dufichier E Type de fichiers Tous les documents Word Annuler A Type de fichiers Toutes les pr sentations PowerPoint x Annuler VISION ET ORGANISATION DE L INTERFACE ZONES DE VISIBILITE ET D ACCESSIBILITE zone tres visible mais peu accessible zone assez zone assez visible et tres visible et tres accessible accessible zone tr s visible et tr s accessible zone peu visible et peu accessible RECOMMANDATIONS Culture occidentale e Titres en haut gauche e Zone de travail au milieu de l cran fen tre e Organisation des zones de manipulation en fonction du sens de lecture gauche droite et en fonction de la fr quence d utilisation palettes d outils barre de menu commandes commandes commandes importantes tr s fr quentes annexes Exemples Zone la chere Zone gratuite BE
3. Acyclique MENUS LINEAIRES Cas d utilisation T ches s quentielles Simplification d une t che en une succession de sous t ches Nouveau formulaire Assistant Formulaire Quels champs souhaitez vous dans votre formulaire Mode Cr ation E Assistant Formulaire ES Vous pouvez choisir des champs de plusieurs tables ou requ tes Formulaire instantan Colonnes Formulaire instantan Tableau g Tables Requ tes xemp e etats Formulaire instantan Feuille de donn es Mere gt i ERE a sie Formulaire instantan tableau crois dynamique aie AUE Formulaire instantan graphique crois dynamique formulaire d apr s les champs slectionn Assistant Graphique que vous avez s lectionn s Assistant Tableau crois dynamique Champs disponibles Champs s lectionn s Cr ation formulaire SOUS MS AGG ESS Choisissez la table ou la requ te Eers d origine des donn es de l objet Tel Adresse perso n s Assistant Formulaire Assistant Formulaire Assistant Formulaire Quel titre souhaitez vous pour votre Formulaire Quel style souhaitez vous Quelle disposition souhaitez vous pour votre formulaire Bleu Exp dition Fax Gr s Ce sont toutes les r ponses dont l Assistant a besoin pour Industriel C Feuille de cr er votre formulaire M langes donn Papier de ri Souhaitez vous ouvrir le Formulaire ou en modifier la ee ee C justifi structure R C Tablea
4. Une strat gie viter Param tres d ouverture invariables Deux strat gies acceptables Centree sur les pr f rences utilisateur ouverture la position et suivant la taille lors de la derni re fermeture Centree focus ouverture proximit du focus d attention par exemple l icone qu on vient de cliquer mais suffisamment distance pour ne pas masquer ce focus FENETRES OUVERTURE FERMETURE ial LETTRE_ATOS DOC Microsoft Word Eichier Edition Affichage Insertion Format utils Tableau Fen tre eS a Sh Bast o eF Ouverture d une fen tre Mi 2e 2 G S conservation du focus d attention a Final avec balises Afficher amp 2 2 E Mir dti serge leze a a a Ec CS S notre IUP d livrera d sormais un Master Syst mes d Informatique et R seaux SIR ses tudiants terminant leur cursus Bac 5 J esp re que nous aurons l occasion de nous kencontrer prochainement pour faire plus ample Fichier ES Rechercher et remplacer Rechercher Remplacer Atteindre Rechercher requ te Rechercher D Surligner tous les l ments trouv s dans I Surligner tous les l ments trouv s dans Document principal En r ponse votre GREE je me permets d j de vous adresser un bilan pr visionnel des B Perivier Durance 14 h CM TD en gestion de projet Master 17 ann e
5. 8 bit 256 colors with 1 bit transparency 4 bit 16 colors with 1 bit transparency D O EES STANDARDS 2 Organisation internationale de normalisation Normes ISO TC 159 SC4 Ergonomie IHMs Blanchard 1997 ISO 9241 Ergonomic Requirements for Office Work with Visual Display Terminals VDTs Exigences ergonomiques pour travail de bureau avec terminaux a crans de visualisation TEV parties 1 9 g n ralit s et dispositifs mat riels parties 10 17 consacr au g nie logiciel v ISO 14915 Ergonomie des logiciels pour les interfaces utilisateur multim dias Normes AFNOR v Z67 110 Ergonomie et conception du DHM 1988 v 267 133 1 Evaluation des produits logiciels Partie 1 d finition des crit res ergonomiques de conception et d valuation des interfaces utilisateurs 1991 Affichage Probleme complexe associant de multiples elements couleurs disposition du texte densite des donn es placement des boutons redaction des messages gt nombreuses directives 162 chez Smith et Mosier Polices de caracteres Mayhew 1992 e Les lettres droites sans empattement facilitent la lecture des l ments textuels isol s menus Arial Helvetica Verdana e Les lettres s rifi es avec empattement Times New Roman cr ent une ligne virtuelle horizontal qui facilite la lecture des textes long e viter sauf cas particulier mise en vidence d un l ment les polices
6. diff rents enseignements que devraient assurer les intervenants d ATOS 2 7 Il s agit bien entendu de volumes pr visionnels les effectifs tudiants pouvant tre amen s JNa 38 h CM TD TP en g nie logiciel Master 1 ann e et d veloppement voluer d ici la rentr e Ce premier bilan vous donnera tout de m me je pense une id e assez A d applications Licence 3 ann e C B 24 h CM TD TP en commerce lectronique Master 2 ann e ji A D C 24 h CM TP en s curit des r seaux Master 1 ann e Formes automatiques P Gr 34 h CM TD en g nie logiciel et gestion de projet Master 17 ann e et Sec 1 1 1 14 6cm Li a d veloppement d applications Licence 3 ann e i P 24 h CM TD TP en conception de syst mes d information Master 2 A ann e xl ss B Pe 14 h CM TD en gestion de projet Master 1 ann e A Il s agit bien entendu de volumes pr visionnels les effectifs tudiants pouvant tre amen s z 4 voluer d ici la rentr e Ce premier bilan vous donnera tout de m me je pense une id e assez s n gt 4 E gt gt om Col 20 ENR REV EXT RFP Francais Fr OX Dessiny Formes automatiques LHOOB 42 BB 2 72 A 1 1 16 1cm Li Sec 1 Page 1 Fermeture d une fen tre La fermeture sans feedback pas d animation peut tre perturbante MULTI FENETRAGE REC
7. 1960 e Id e de symbiose entre l homme et la machine e CT d velopper des E S syst me temps r el gestion stockage et RI dans une grande masse de donn es e MT reco caract res parole et forme e LT TALN comprehension parole communication tactile Historique e van Sutherland 1963 Sketchpad un outil de dessin interactif avec stylo optique des fonctions de copier coller des ic nes un zoom 1 2000 Pionnier au niveau des structures logiciels associees These MIT e Ted Nelson 1965 Xanadu invente les termes hypertext et hypermedia e Douglas Engelbart 1968 La premiere souris Historique e Alan Kay 1969 e Un des fondateurs du PARC e Concept de Personal Computer e P re de la programmation objet smalltalk e Inventeur de l ordinateur portable dynabook au Xerox PARC e Nicholas Negroponte 1970 e MIT machine architecture amp Al group e Apparition des grands crans muraux de la vid o des interfaces intelligentes reco parole interfaces multimodales hypermedia e Xerox PARC e Centre de recherche historique fond en 1970 e Photocopie bureautique Historique e Alto computer 1973 Prototype de la station de travail moderne Fen tre ascenseurs menus souris edition de texte e Bravo 1974 Editeur de texte WYSIWYG e Altair 8800 1975 Un micro ordinateur pour moins de 400 Historique e Xerox Star 198
8. Navigation dans un ensemble de noeuds reli s entre eux par un ensemble de liens Quelques primitives suppl mentaires peuvent existe e Navigation avant et arri re dans les noeuds e Navigation directe vers un noeud Les styles d interaction e Manipulation directe Beb Shneiderman 1983 Presentation l cran comparable la forme imprim e Modification d un document en agissant directement dessus S affranchir d une syntaxe complexe 4 principes e Affichage permanent des objets d int r t e Action directe via un dispositif de designation e Actions incr mentales et r versibles avec effet Imm diatement visible e Structuration de l interface en coupe pour faciliter l apprentissage Les styles d interaction e La manipulation directe D veloppement de m taphores Op rations e Rapides incr mentales r versibles e Dont les effets sur les objets doivent appara tre instantann ment Apprentissage progressif Traitement de t ches non pr d finies en particulier les t ches cr atives Combine avec le multifen trage plusieurs t ches Transf rer des donn es entre applications Les styles d interaction e La manipulation directe Edition de documents pr senter un document l cran sous la forme la plus proche possible de sa forme imprim e Interaction iconique repr sentation graphique d un objet ou d un concept e Par un ic ne ais ment reconnaissable m mor
9. Temps de d placement de la main calculable en fonction de la taille et de la distance de la cible loi de Fitts Temps pour refaire une m me action inversement proportionnel a l entra nement Temps de d cision fonction de l entropie de la d cision prendre loi de Hicks 8 Comportement effectif pour atteindre un but a Limites physiologiques b Connaissances c d e l che r aliser Informations disponibles Op rations disponibles f But atteindre 9 Moyen de mod lisation a Ensemble d tat de connaissances b Op rations faisant changer d tat c Contraintes sur les actions de l op rateur d Connaissances sur les actions possibles depuis un tat donne Interpretation des lois 1 e Loi 1 La vitesse de r action La vitesse de reaction d pend de l intensit du stimulus Exemples e R action plus importante une variation intense de lumi re e Une alarme doit tre forte e Loi 2 m morisation et organisation des infos Difficile de m moriser des faits non corr l s Proc d s mn motechniques Exemple classement de formes g om triques par type de forme Interpretation des lois 2 ame e Loi 3 rappel d une information Fonction de la quantit d info similaire disponible Exemple Articles plus faciles a retrouver si ils sont sensiblement diff rents plut t que variant sur de petits d tails e Concevoir des codes de nomenclature
10. gt Consistance de l interface gt Pr vention des erreurs utilisateur explorateur gt Aide en ligne Library of Congress Marchinini et al 1993 g 2 Aide sur Microsoft PowerPoint F1 Afficher le Compagnon Office R Qu est ce que c est MAI F1 Microsoft Office sur le Web Activer le produit propos de Microsoft PowerPoint a 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 cr er une barre d outils flottante DIVERSITE D UTILISATEURS NIVEAU D EXPERTISE Microsoft PowerPoint Crs_lIHM_chll ppt Expert excellente connaissance du domaine de la tache du systeme et de son interface recherche avant tout l efficacit et la rapidit Fichier Edition Affichage Insertion Format CTRL 2 ler Police R p ter Police CTRL Couper CTAL gt Raccourcis clavier Copier Presse papiers Office gt Commande en ligne Coller CTRL gt Cr ation de macros Collage sp cial Effacer Suppr S lectionner tout CTRL 4 Dupliquer CTRL D Supprimer la diapositive Rechercher CTRL F Remplacer CTRL H ome QUALITE D UN LOGICIEL FLEXIBILITE Initiative du dialogue controle utilisateur v syst me pr emptif ou non v transfert du contr le entre l utilisateur et le syst me Adaptation Edition Affi
11. S lectionnez le tarif de votre choix puis validez votre aller Poser une option gratuite sur vos billets au tarif LOISIR ou PRO vous garantit la disponibilit de votre place et de votre prix pendant une dur e maximale de 7 jours 06h30 VANNES Tow 08712 Ze classe 09h45 PARIS MONTPARNASSE 1 ET 2 on Ral 10h47 PARIS AUSTERLITZ ms 14041 2e classe Gi een 12h42 BLOIS 2e classe Dur e 06h12 LOISIR Service d change et de remboursement gratuit jusqu la veille du d part avec retenue de 10 le jour du d part non changeable et non remboursable apr s d part Valider TARIF HORMAL Billet changeable et remboursable soumis conditions Tout sur vos r sultats MENUS ORGANISATION DES ITEMS Probleme comment r partir les actions r alisables en menus coh rents Recommandation se baser sur la s mantique de la t che Schneidermann Plaisant 2005 Alternative menus orient s objectif de Microsoft Office 12 2007 Microsoft Word Dousen E ee escert F Fie Edt view Insert Format Denys Normal Times New Roma el HE Microsoft Word 97 Microsoft Word dans Office 12 ey Apprenabilit menus intuitifs et familiers car leur organisation r pond ce que l on veut faire Flexibilit cela ne limite t il pas la complexit des actions r alisables non adapt un expert MENUS ORDRE DE PRESENTATION D
12. de H Mais pas d inn e ou d acquis entre H et M c est la machine d apprendre l homme et non a l homme d apprendre la machine PDG d Apple en Relation a l ergonomie Base scientifique pour la conception d interface ergonomie et science cognitive Ergonomie capacit d adaptation au travail que l on doit r aliser et par suite aptitude de limitation de l effort accomplir pour effectuer ce travail Crit res significatifs pond r s selon les domaines d application e Performances du syst me dans le cadre d une t che e Effort demande e Effort d apprentissage e Risque d erreurs Solution d pendante de l usager et des conditions de realisation de la tache Consequences e Perte d efficacit pour l entreprise qui utilise le produit et a plus long terme celui qui la commercialise Risque de perte de temps on ne sais pas comment faire Fatigue commandes fastidieuses Risque d erreur mauvaise perception de ce que dit le syst me ou mauvaise expression D gradation de l image de marque du produit Pertes de performances Les niveaux dans une interaction e Interaction Homme Ordinateur lt Interaction Homme Machine lt Interaction Homme Outil Niveau op ratoire ou lexical celui rencontre dans la relation de l homme a un outil Niveau articulatoire ou syntaxique celui rencontr dans le relation de l homme une machine Niveau s mantique celui rencont
13. e Nombreux s appuyant sur la th orie des ensembles des langages des automates les r seaux de Petri langages de sp cification Z et B Utilisation pratique des modeles et des formalismes e Formalismes pour la g n ration automatique des interfaces UIL un des premiers Tk TCL TK dans UNIX d tr n par QT QT b ti autour de X Windows mais portable UIML sp cification abstraite d interface en XML e Pratiques pour des interfaces d application simples e Pouvoir expressif insuffisant copie cosm tique des interfaces WIMP inadapt la conception d interfaces complexes et innovantes Les grands mod les d architecture e Trois grandes classes de mod les Mod le des entr es sorties Mod le du dialogue dit de Seeheim Mod le multi agent r actif e D finissent des tapes de traduction entre le langage externe utilis par l usager et le langage abstrait de la partie fonctionnelle e Definissent les composants de l interface repr sentant des processus abstraits intervenant dans la traduction e Ind pendant des techniques de r alisation Le modele entree sortie e Met l accent sur l change et la transformation d informations entre l usager et l application e D composition en niveaux fonctionnels hi rarchis s e Chaque niveau machine abstraite effectuant des op rations d entr e sortie et de traitement correspondant un certain niveau d abstraction de l change Le
14. fin de menu avec s paration MENUS ORDRE DE PRESENTATION DES ITEMS Coherence positionnelle et menus contextuels conserver les items non valides pour le contexte courant visibilit op rationnelle guidage rendu diff rent des items valides Format Outils Diaporama Fen tre Police Alignement gt MS paragraphes gt Remplacer des polices Conception de diapositive Mise en page des diapositives Arri re plan MS Powerpoint Format Outils Diaporama Fen tre Police 5 Puces et num ros Alignement Orientation des paragraphes Interligne Modifier la casse Remplacer des polices Conception de diapositive Mise en page des diapositives 4rri re plan y Zone de texte POINTEUR SOURIS Affectation de commandes aux boutons Coherence le r le des boutons souris doit tre constant Coh rence int grer les r les classiques de boutons v Bouton gauche s lection f v Bouton droit affichage menu contextuel AX Adaptation tout le monde n a pas une souris trois boutons v Pas de commande invocable uniquement par la souris Double clic La commande associ e un double clic doit tre coh rente avec celle associ e au simple clic sur le m me bouton Exemple commande par d faut du menu contextuel sur un double clic droit Aucune fonction ne doit pouvoir tre invocable que par double clic Autres dispositifs de point
15. h tel Lyon Recherche Google Mozilla File Edit View Go Bookmarks Tools Window Help 4 2 38 A http www google fr search hl frag h C3 B4telt Lyon amp v 22 Search esearch gt X Back Forward Reload Stop Web Images Groupes Annuaire Actualit s plus Recherche avanc e Rechercher Rechercher Pr f rences Web Pages francophones Pages France h tel Lyon Rechercher dans R sultats 1 10 sur un total d environ 2 160 000 pages en fran ais pour h tel Lyon 0 20 secondes Liens commerciaux H tels Lyon waw voyages snef q H tels Lyon waw francehotelnetwork com 39 euros H tel Lyon www expedia fr Offres sp ciales et disponibilit Chambres partir de Recherchez par quartier et r servez Tarif promo partir de 39 Gnu gt Hotel Lyon gt La cour des las Otel 4 toiles vieux lyon Hotel Lyon au c ur de la ale de la gastronomie fran aise lyon les 62 chambres de l h tel la codes loges offrent le mariage exceptionnel du www courdesloges cqg 15k En cache Pages similaires HOTEL LYON WETROPOLE H tel de luxe 4 toiles Lyon L h tel Lyon M troMe est un h tel de luxe 4 toiles situ sur les bords de Sa ne Sp cialis dans l orga bon de s minaire www lyonmetropole concorde Ca a HOTEL LYON France Hotel Royal Lyon ou will find that the Hotel Royal makes an ideal starting cache Pages simil
16. humaines ne changent pas gt limites des capacit s de perception et d action e Un extraterrestre voit une IHM classique comment imagine t il un homme Cyclope muet avec une main droite trois doigts et une main gauche a 100 doigts Introduction a l IHM e Passer d une vision du progr s centr e sur le d veloppement des capacit s technologiques Science finds industry applies man conforms a une d marche de conception de mise en oeuvre et d valuation des syst mes interactifs centr es sur l utilisateur People propose Science studies technology conforms e Informatiser au lieu d automatiser e Creer des objets qui nous rendent meilleurs things that make us smart Introduction a l IHM e L interface est une representation permettant l change d informations entre l utilisateur de l ordinateur via un cran donc des fen tres des ic nes des menus une souris un clavier un micro un gant e faut se centrer sur l utilisateur plut t que sur le syst me depuis l analyse et la conception du projet jusqu son valuation e IHM tude de la conception des syst mes informatiques Qui permettent leurs utilisateurs d effectuer leurs activit s De fa on productive et fiable Introduction a l IHM e Pluridisciplinarite Informatique infrastructure de communication logiciels Architecture R seaux Analyse de donn es Intelligence artificielle M thodes
17. le bouton S inscrire a t remplac par un bouton Continuer suivi d un message Vous n avez pas besoin de cr er un compte pour faire des achats sur notre site Cliquez simplement sur Continuer pour acc der au paiement Pour acc l rer vos achats futurs vous pouvez cr er un compte pendant le processus de paiement e http www uie com articles three_hund_million_button EXEMPLE 3 Catastrophe ferroviaire Exemple 2 catastrophe ferroviaire oS v nement 7 Faire ceci Faire cela v nement 2 Faire ceci Faire cela Dans tous les cas Faire a gt 200 morts Introduction a l IHM e Construire une interface n est pas dessiner des fen tres et des boutons e Conception d IHM diff rente de conception graphique Esth tique de l interface ne conduit pas la r ussite de l interface e Attention l effet tunnel e Utilit n implique pas Utilisabilite Introduction a l IHM e Une solution le g nie logiciel Approche a objet Composants r utilisables M thodes formelles de conception e Cycles de vie en cascade e Cycles de vie en spirale e Constat processus rigoureux de transformation des besoins en un syst me gt peu de place l utilisateur Introduction a l IHM e Aujourd hui encore Augmentation de la capacit s de machines Forte augmentation des fonctionnalit s promises Tres forte augmentation des informations a traiter Les capacit s
18. lors d examens m dicaux Signaux sonores au pilotes selon son altitude pour aborder la piste l atterrissage partir de l valuation par rapport au but le pilote commande les actions n cessaires la conservation de la bonne trajectoire ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation aT Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions vv 7 A valuation Formulation intentions Univers de la machine Distance d interaction e Partie du cycle concernant l humain e Constituants des distances d ex cution et d valuation e Decomposition de la m me fa on en Distance s mantique Distance articulatoire Distance op ratoire Distance semantique 1 e Denote la difference entre le niveau d abstraction offert par le langage d interface et le niveau de conceptualisation de sa tache par l usager e R duction de la distance s mantique Utiliser des notions famili res Pour lui permettre de s exprimer Pour lui pr senter les informations Distance semantique 2 e Dans un appareil expression des protocoles du lavage de la machine a laver par les touches couleur ou blanc e Dans un logic
19. ment de plusieurs interactions e Conservation de la coh rence globale de l interaction Mod liser les probl mes Outils formalismes Modele dit du processeur humain Card e Origine et motivation Interaction contrainte par les possibilit s e Constantes de l humain e Evolutives de la machine Limites de l humain a prendre en compte e Contraintes physiologiques g om triques m caniques temporelles optiques acoustiques e Contraintes cognitives m morisation homogeneite apprentissage CARD 1986 M thode quantitative pour d terminer le temps n cessaire l accomplissement d une t che Definition e Description des m canismes mis en jeu chez l humain en reponse a un stimulus en vue d effectuer une evaluation quantitative des performances d un humain dans la r alisation de certaines taches e Evaluation du temps de cycle d un humain temps minimum pour effectuer une action en reponse a un stimulus 100 ms 25 a 200 e Prediction de la vitesse de lecture ou de realisation d une operation complexe e Autres ph nom nes pour la r alisation d activit s Lois principales 1 1 Vitesse de r action fonction de l intensit du stimulus M morisation et rappel fonction de l organisation des informations Rappel inversement proportionnel a la quantite d informations similaires disponibles Performances proportionnelles a la charge de travail et l exp rience
20. modele entree sortie e Types de services utiles pour g rer les interactions application usager et usager application Gestion des unites physique Gestion et partage du poste de travail Gestion des v nements abstraits en entr e ou en sortie messages d erreurs par exemple Affichage et designation des repr sentations externes des entit s de l application Gestion du dialogue structure du dialogue et liaison avec l application Le modele entree sortie e D composition en couche a la OSI chaque couche ne voit que la suivante e Transformation incr mentale des donn es de la forme la plus abstraite noyau fonctionnel a la plus concrete pour l usager e Chaque couche encapsule l ensemble su systeme dans une machine abstraite dont le langage est celui de cette couche Int r ts et limites e Description de l organisation de l interface uniquement en terme de flot d information interne a la machine en n gligeant totalement le c t de l usager comment structurer et contr ler le dialogue par exemple e L hypoth se d ind pendance des niveaux est fausse e Encore pratiqu uniquement quand la relation avec un usager est secondaire Le mod le de Seeheim e Calque l architecture de l interface sur le mod le de dialogue linguistique deux partenaires dialogues par l interm diaire de l interface e L application g re les traitements s mantiques e L interface est un filtre avec trois com
21. 1 Premier mod le commercial de station de travail Environnement graphique volu WYSIWYG Orient professionnel trop cher 16500 Trop diff rent Cible marketing mal valu pas de tableur Architecture ferm e chec commercial mais influence certaine sur les syst mes actuels Historique e Apple Lisa 1983 Inspire du Xerox Star Plut t un ordinateur personnel Trop cher Echec commercial e Macintosh 1984 Agressivit commerciale 2500 Finder McPaint McWrite boite outil imprimante laser excellente interface guidelines Succes commercial sans pr c dent Historique e Microsoft Windows IBM PC AT 1984 processeur 6MHZz Windows 1 01 1987 Windows 2 03 1988 Windows 3 1 1992 e Microsoft Windows Mac OS Steeve Jobs vs Bill Gate Historique e X Windows System MIT 1985 Projet Athena IBM Equivalent pour station de travail Multi plateformes independant du logiciel et du materiel En r seau architecture client serveur e World Wide Web CERN 1990 Mod le d hypertexte en r seau Devient hypermedia et grand public avec Mosaic Article refuse la conf rence ACM Interact Les styles d interaction e Relation directe vs Interaction situ e e Ensemble des m thodes techniques et r gles d interaction employees dans un syst me e 3 cat gories Syst mes conversationnels Navigation hyper
22. 88 Poubelle 1 Plus de 2000 WV 155 Type de sac Plus 210 2140 87 Plus Type de rechargeur Voir liste Hf mosaique Trier par Popularit Afficher 20 par page CET Cocher jusqu 4 produits et cliquer sur Comparer les caract ristiques Jusqu 50 de r duction sur tout l lectrom nager sur YYebdistrib com SPONSOR Dyson DC20 Allergy 283 500 Filtre hygi ne HEPA S class Type de sac Sans sac Puissance nominale 1400 SX i Watts Yolume 2 litres Poids 8 83 kg Type d aspirateur Traineau Akki Ecrire un avis Ajouter ma liste Miele Free Time Cherry 153 279 Fitre hygi ne Microfitration Type de sac Avec sac papier Puissance nominale 2200 Watts Volume 3 5 litres Poids 6 2 kg Type d aspirateur Traineau Exemples E commerce Lin aire et acyclique arborescent Mon Espace Client a Cr er Mot de passe 14 01 2008 23 02 ET accueil week end s jour ski France h tel vol voiture loisirs promos ESPACE Recherche gt R sultats gt Votre choix gt Commande gt Paiement gt Confirmation gt Impression Attention certains trajets dans cette liste ne sont pas ouverts la r servation Aller le Mardi 15 01 entre 06h30 et 08h51 prix total pour 1 passager D part Meilleur prix Dur e Voir les trains suivants Alter simple Aller Retour Aller Jai EJ 72008 Retour JM AA
23. ES ITEMS Q alphabetique cy nombreux items pas de structure logique fonctionnel frequentiel 9 QUUOIJISOd soueiayos enbreis Q lt Q 3 2 c D structure logique t che temps d acc s pas de structure logique adaptation utilisateurs structure logique t che nombreux items pas de structure logique variabilit utilisateurs structure logique t che variabilit utilisateurs manque de coh rence positionnelle MENUS ORDRE DE PRESENTATION DES ITEMS Menus partages Compromis des solutions pr c dentes 3 4 items les plus fr quents Derniers items s lectionn s Menu statique fonctionnel pour la suite MS Office XP iy A_FAIRE doc Microsoft Wo Fichier Edition Affichage Inser QD Enregistrer Ctrl S Enregistrer sous Mise en page per u avant impression E Imprimer Principe des efforts commensurables a A_FAIRE doc Microsoft Word h lo Edition Affichage Insertion Format Outi Nouveau Ctrl N Ouvrir Ctrl 0 Fermer Enregistrer Ctrl 5 Enregistrer sous Enregistrer en tant que page Web Rechercher Versions Aper u de la page Web Mise en page Apercu avant impression Imprimer Ctrl P Envoyer vers Propri t s 1 CHUSERSUYAA_FAIRE dac 2 C USERS YA TD_edc_ergo doc 3 CAUSERS YA TD_LOG_0304 doc RSUYA PRES LOGIQUE 0405 dac Quitter Commandes destructrices non annulables en
24. ESTIONX DE TYPE QU EST CE QUE mames he e Bulles d aide expliquent le r le des objets de l interface Aide contextuelle e Manuel en ligne aide approfondie et d taill e r serv e le plus souvent aux utilisateurs exp riment s Aide statique AIDES AUX QUESTIONX DE TYPE COMMENT e Manuel en ligne le manuel comporte le plus souvent une rubrique comment cf logiciels Microsoft Tr s utilis e e Assistant aide probl matique en terme d apprentissage car peu de recul sur le fonctionnement du syst me utilisateur passif e Didacticiel v ritable outil de formation Il est long et difficile de mettre en uvre un didacticiel pr cis et complet Design anthropomorphique e source de confusion et d ception sur les capacit s de la machine e distrait les utilisateurs de la t che e peut fatiguer les utilisateurs la longue e augmente l anxi t des utilisateurs technophobes e seuls les enfants acceptent une identification humaine pour les objets Les adultes la r serve des objets tres sp cifique voiture et ordinateur seulement dans la communaut informaticienne Exemple compagnons Office Experimentations e Quintanart et al 1982 v utilisation par 26 coll giens d une interface classique Press the enter key to begin ou d une interface anthropomorphique Hi l m John I m pleased to meet you v Pr f rence pour l interface classique qualifi e de
25. Introduction e 1970 gt crise du logiciel car 75 des logiciels livres ne sont pas utilises Maintenabilite du logiciel modifications des besoins Fiabilit erreurs d ex cutions Co t apprentissage utilisation incomplete maintenance cr dibilit Utilisabilit refus d utilisation e 1979 logiciels Livr s et utilis 2 Jamais livr s 25 Livr s mais jamais utilis s 50 Introduction a l IHM e 1995 Plus d 1 3 des projets d envergure de developpement de logiciels sont annules En moyenne un projet dure deux fois plus longtemps que pr vu Plus de des applications informatiques d envergure pr sentent des d faillances op rationnelles et ne fonctionnent pas tel qu pr cu initialement INTRODUCTION Nombreux systemes avec une interface mal con ue e Forte demande d am lioration pour v Des syst mes critiques s curit v Des syst mes industriels et commerciaux productivit v Des syst mes pour les loisirs ou la maison v Des outils collecticiels ou groupware v Am liorer l accessibilit dans des situations d grad es e IHM de 50 80 du code des applications EXEMPLE 1 Catastrophe du mont saint odile Un A 320 s crase le 20 janvier 1992 faisant 87 morts il appara t que la conception du cockpit de A320 aussi novatrice aussi r fl chie aussi certifi e fut elle a l poque ne devait pas faire oublier a son concepteur qu elle n tait p
26. LINES Quelques recommandations perceptuelles Nombre limit d ic nes sur l interface d gradation a partir de 12 S assurer que le caract re s lectionn d un ic ne est bien visible Times Mew Roman z le z 5 Favoriser l identification des ic nes S assurer que les ic nes sont bien distinguables les uns des autres Grouper les ic nes par famille Coh rence des repr sentations dans un groupe donne ee ar amp Le R pondre R p atous Transf rer Mozilla Thunderbird MS Outlook Express Privil gier une association ic nes texte j ma es GZ S 9 x va IF Bo _ Supprimer Ind sirable Imprimer Soulign MENUS Qu est ce qu un menu D finition generale Zone o on pr cise ses choix pour orienter l interaction Diff rents types ne se limitant pas au menus applicatifs classiques Int r t Structurer les fonctionnalit s du syst me suivant une organisation logique coh rente donc ais ment compr hensible et m morisable Importance de l analyse de la t che Limitation Manque de rapidit utile surtout aux utilisateurs novices et occasionnels pr voir des raccourcis pour les experts MENUS Differents types ne se limitant pas au menus applicatifs classiques Nouveau formulaire Cet assistant cr e automatiquement un formulaire d apr s les champs que vous avez s lectionn s Choisissez la table ou la requ te d origine des donn es de l objet Mode C
27. OMMANDATIONS Strategies d organisation Autoriser les recouvrements ou basculement de fen tres pour les utilisateurs exp riment s Utiliser le tuilage pour les utilisateurs occasionnels Exemple encyclop dies grand public Strat gies de d coupage en fen tres Organiser le d coupage en fonction de la t che regroupement coh rent des informations Limiter la quantit d information m moriser d une fen tre l autre Adapter le nombre de fen tres l utilisation augmenter le nombre de fen tres pour une utilisation peu fr quente fen tres complexes limit es aux usages tr s fr quents ICONES Int r t rapidement identifiables compacts peu de place dans l interface Probl me affordance L affordance exprime la capacit qu ont les symboles repr senter les fonctions qu ils d signent autrement dit la facilit qu aura l utilisateur a les manipuler l aide d un dispositif de pointage Norman c nes affordance non triviale Norman Camacho 90 JO Ea ICONES CONSTRUCTION Methodologie Identifier toutes les commandes a ic nifier et les cr er en m me temps Limiter les ic nes aux commandes fr quentes Toujours valider la conception par une exp rimentation R gles de construction Clavi Descriptif A a s a Exemple o a h F Caricature T E D D Analogie x 6 Adresses 4 Symbolique Arbitraire D ICONES GUIDE
28. age cf chapitre VII Situer les probl mes Pr sentation pragmatique e Developpement r cent pour le grand public e Maturation des techniques d interaction e Usage de l ordinateur a la port e de tous e Se servir d une machine est de plus en plus simple Aboutissement de longs efforts exp rimentaux Compr hension profonde des m canismes mis en jeu dans la communication Les problemes e Causes fondamentales identiques la communication entre humain Support d change qui permet de v hiculer les signifiants propri t intrins que de l observation d un ph nom ne physique Ensemble de conventions qui permet de donner un sens aux Signifiants et de leur associer des signifies interpretation intellectuelle qu un humain fait de l observation d un fait physique Chacun un r f rentiel d interpr tation ensemble des conventions qui permettent d associer un signifi un Signifiant potentiellement diff rent Une disjonction des espaces d interpr tation est la cause premi re de tous les probl mes de communication Les causes e Pour minimiser les risques entre H et M H apprend toutes les conventions de representation utilis es par M e Impraticable lors de probl mes r els avec des utilisateurs non experts Les conventions utilis es par M sont les plus intuitives possibles pour que H les utilise de fa on naturelle sans les avoir apprises e Prendre en compte les comportements
29. aires Liens commerciaux Comparez les mellen kade plus de 17 000 h tels dans le monde www hotels com Hote Bes petits prix toute l ann e R servez en ligne sur Accorhotels www accorhotels cam Hotel Lyon Tarifs sp ciaux Derni res minutes Coups de coeur Promotions Hotels waw anyway cam H tel Boscolo Lyon Logez dans le grand luxe au coeur de Lyon R servez en ligne Mi DOSE On at eS ae en 91949 Sulow ajuefed uoz COULEURS CONTRAINTES PHYSIOLOGIQUES Organisation de la r tine e Batonnets en p riph rie perception des formes e C nes 6 millions au centre fov a couleurs Perception des couleurs e 150 nuances hue et 7 millions de couleurs hue saturation luminance distinguables mais seulement 10 cat gorisables simultan ment e Bleu seulement 3 a 4 de c nes acuit limit e pour cette couleur et surtout r serv e la vision p riph rique tr s faible acuit visuelle e Couleurs l oppos du spectre difficilement perceptibles conjointement attenuation d une des couleurs e Daltonisme 8 des hommes et 0 4 des femmes Experimentation importance des couleurs Pace 1984 e Erreurs variant du simple au quadruple suivant les paires de couleurs e Erreurs rares pour bleu sur blanc et lev es pour du Vert sur Blanc COULEURS Codage couleur recommandations perceptives e viter le bleu satur pour des affichages critiques ou du texte ou des o
30. as exclusivement destin e des pilotes hors norme mais galement et surtout des quipages standards pouvant tre confront s une perte de conscience de la situation Pour ceux ci c est bien le concept m me de certains aspects de l ergonomie qui peut tre source d erreurs en particulier l ergonomie du bouton de commande du mode de descente et l ergonomie du bouton rotateur de s lection de la valeur cible du taux de descente leur utilisation erron e tant susceptible d entra ner des consequences catastrophiques pour la poursuite du vol Si Bernard ZIEGLER avait sollicit les retours d exp riences il aurait pu prendre connaissance et conscience des probl mes pouvant se poser sur ce point http www eurocockpit com archives indiv E007561 php EXEMPLE 2 Le bouton 300 millions de dollars e Le probl me formulaire qui appara t en d but de processus qui consiste en 5 l ments 2 champs Email et Mot de passe 2 boutons Se connecter et S inscrire 1 lien Mot de passe oubli e les nouveaux arrivants taient r ticents quant l id e d avoir s inscrire avant de faire quoique ce soit e certains nouveaux arrivants ne savaient pas si ils taient d j venus auparavant et tentaient de se connecter avec leur adresse mail e m me les habitu s avaient du mal se souvenir de leurs informations e La solution s est av r e tre particuli rement simple du moins dans son application
31. bjets de petite taille e Le bleu p riph rique encadrement am liore la vision centrale e Limiter le nombre de couleurs pour favoriser leur discrimination 4 au maximum dans un display et 7 2 sur l ensemble de l interface e Utiliser des couleurs r parties sur l ensemble du spectre visible mais viter les couleurs oppos es en juxtaposition e Eviter les contrastes trop faibles et penser aux daltoniens diff rence en nuance et luminosit e Eviter les fonds marrons et verts Mayhew 1992 sietat STAN oa plus visible que Noir sur Blanc mais plus fatiguant et plus sensible aux reflets COULEURS S mantique des couleurs e Respecter le sens qu associent les utilisateurs aux couleurs analyser ce sens suivant la communaut d utilisateurs vis e Arr t En marche Chaud Danger Perte e Faire attention aux significations culturelles et sociales des couleurs Afrique Asie Europe e tudier toujours la possibilit d un codage mixte couleur texte ON e Applications a haut degr de s curit norme NF X 08 003 COULEURS Methodologie de determination des couleurs Concevoir en premier l interface sans utiliser les couleurs la couleur ne doit tre qu un plus le codage couleur ne doit JAMAIS se suffire a lui m me trop de risques de mauvaise interpr tation Classifier les types d objets ou de donn es afficher Regrouper ces types par niveaux d importance do
32. calcul pour la decomposition et l valuation Le modele de Norman dit modele de l action Ta E e Cadre de r f rence d interpr tation de la plupart des ph nom nes intervenant dans l IHM e Cycle de retro action l humain value l effet en comparant au but pour ajuster e Exemples d implications Voir la route pour conduire Voir le niveau pour remplir une tasse Voir le bouton et la souris pour conduire la seconde jusqu au premier e N cessit d un retour informationnel non perturb Tin e Dans e ie de la th orie de l action de Norman 1986 e Cycle de Norman La r alisation d une action intentionnelle met en jeu un cycle 4 phases pour atteindre un but un usager labore une commande l effectue per oit son effet et compare celui ci par rapport au but vis Les phases sont L laboration de la commande L ex cution de la commande La perception de l effet L valuation de l effet Le cycle de Norman 1 e Deux r f rentiels Celui de l homme dans lequel l usager labore des puts Celui de la machine capable d effectuer des actions e Deux repr sentations Celle de l expression des commandes de l homme vers la machine Celle de l effet des actions de la machine Les phases du cycle de Norman Univers de l usager Expression des commandes de l homme EE a a aa Effets des actions de la machine
33. chage Insertion Fo v adaptatibilit param trisation par l utilisateur eo v adaptativite modification initi e par le syst me Interligne r Interligne y Interligne Interligne 24 a Points ji Lignes 7 Affichage Avant le paragraphe Avant le paragraphe Normal 12 Points 0 5 E Lignes Page de commentaires Apr s le paragraphe Apr s le paragraphe Masque gt fo H ET jo Lignes Annuler Apercu Annuler Exemple substitivit des donn es Format Insertion volet Office QUALITE DU LOGICIEL FLEXIBILITE Plusieurs styles d interaction envisageable pour une tache donnee Langage de commande Langages de requ te et questions r ponses Menus Manipulation directe interfaces WIMP Formulaires de saisie Langage naturel crit parole Interfaces Interfaces multitouch r alit augment e post WIMP EXEMPLE STYLES D INTERACTION Langages de commande S lection de menus Manipulation directe WIMP Formulaires Langage naturel o complexit flexibilit richesse d expression structuration apprentissage ais gestion erreurs visuel apprentissage ais r tention apprentissage flexibilit WYSIWYG saisie donn es apprentissage ais pr vention erreurs naturalit complexit apprentissage erreurs lenteur masquage info peu flexible lenteur relative pointage ambigu t
34. d lisation de la t che Probl mes sp cifiques l IHM e Absence de conventions communes mauvaise mise en oeuvre du support d change On ne sait pas faire marcher la machine e R alisation mat rielle de l interface on sait mais on peut pas Mauvaise ad quation du support d change R gler un autoradio en conduisant Frapper les caract res sur un t l phone portable Methodes de conception e Centree sur l outil proposer l usager des commandes tres proches des fonctions internes de l application et non de la t che Conventions de l interaction arbitraire manuel Pas de prise en compte des facteurs humains R duction illusoire de l effort pour le d veloppeur e Centree sur l usager l usager doit pouvoir utiliser intuitivement la machine et exprimer ce qu il veut faire de mani re simple et naturelle Prise en compte de ph nom ne cognitifs Conventions qui n ont plus tre apprises Methodes de conception e Cosm tique consiste a plaquer sur une application un d cor imitant les interfaces d applications connues Confusion entre la forme et le fond Risque de ralentissement de l interaction Risque de perte d efficacit e Fantaisie utilisation inutile des possibilit s graphiques Compr hension de l interface plus difficile Inutilite des exp riences acquises Contexte conomique et industriel e IHO pr sente partout enjeu conomique e Elargissement au gra
35. de conception Autres domaines Domaine d application sp cification des besoins des contraintes Ergonomie Mod le des t ches profil utilisateurs Evaluation Psychologie Interaction dialogue perception raisonnement Sociologie droit Transformation des modes de travail de vie droits libert s devoirs tique Math matiques Facteurs humains linguistique Definitions e Un syst me interactif est un syst me dont le fonctionnement depend d informations fournies par un environnement externe qu il ne contr le pas e Un syst me interactif est un syst me ouvert par opposition aux syst mes ferm s ou autonomes dont le fonctionnement peut tre enti rement d crit par des algorithmes Definitions e L interface est l ensemble des dispositifs materiels et logiciels qui permettent a un utilisateur de commander contr ler superviser un syst me interactif e Ce n est pas seulement l interface qui compte mais l interaction La s quence d actions n cessaires pour accomplir une t che L ad quation entre le syst me et le contexte dans lequel il est utilis Definitions e L interaction homme machine est une discipline consacr e a la conception la mise en oeuvre et l valuation de syst mes informatiques interactifs destines a des utilisateurs humains ainsi qu l tude des principaux ph nom nes qui les entourent On parle parfois d interaction personne syst me e Les entr
36. e en C Un while dans un langage de programmation Gestuel cliquer puis d placer la souris en gardant le bouton enfonc lex me drag ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation V Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Niveau syntaxique e Aspect d un langage qui concerne les r gles d assemblage des symboles formant l alphabet terminal pour construire les mots valides du langage e Syntaxe d une commande commande Is se d cline en diff rentes commandes valides si on respecte sa syntaxe Is l ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation V Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Niveau semantique e Aspect d un langage qui concerne
37. e de la musique Liste des genres musicaux par zone g ographique Sociologie de la musique uvres musicales Les uvres musicales la composition et les partitions uvre musicale Composition musicale Partition de musique Tablature Th ories et syst mes musicaux Les aspects th oriques des diff rents syst mes Echelle Gamme Temp raments Solf ge Harmonie Fen tre MENUS Differents types Onglets sliders et alphasliders fisheye menu Find Russell Clement Ron co Ross YOUR FAVORITE YOUR we ene vr THE FARE FRIENDS amp STORES RECOMMENDATIONS sh EE YOU MADE FAVORITES STORE LECTROMICS p Expedia Travel Fashion Mall FreeAgem Fre Merchant Business Free Shop Furniture Garden Gateway 2000 Georgia Tech Cc D Google Search E F Guru Net HiFi M HotJobs N Hot Office P ICQ Online Communication S Info Space Internet Movie Database U jaye Shopping Land s End Lonely Planet Lycos Massachusetts Institute of Techrobgy Mc Atee Anti Virus Manaia Shopping MENUS Concevoir un menu les questions a se poser Quel type de menu choisir d pend de la t che Quelle organisation globale entre menus modes d interaction Quelle organisation interne des menus positionnement des items Diff rentes structures pour diff rents modes d interaction Menu unique Lin aire t che s quentielle exemple installation logiciel Arborescente
38. elle 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 PR 4 8 1 Savage Habinek et Blackstad 1982 DIRECTIVES GUIDELINES Guidelines specifiques a une plate forme ou un GUI Recommandations souvent plus concretes permettant de favoriser entre autres la standardisation entres applications v SS Apple s Human Interface Guidelines Microsoft Windows XP Visual Guidelines id Vista IBM Common User Access Advanced Interface Design Guide OSF Motif Style Guide Java Look and Feel design Guidelines XX delete Redo i Undo Properties x cut FE Copy B Paste F4 Folder Options Views Common Toolbar Icons sex Q Forward x Stop 2 Refresh EA Home JO Search ve Favorites History 3 Mail S w eS Move To ce Copy To Folders 2R Open lH Save a Print L New a Print Preview If you are creating icons for a toolbar the Windows standard sizes are 24x24 and 16x16 pixels Q x 7 Q i a Search Folders E Qsaxk gt BM Psearch E Faders Fr Icon Color Depth Support Windows XP supports 32 bit icons which are 24 bit images with an 8 bit alpha channel This allows icons to display with smooth edges that appear to blend into any background Each Windows XP icon should contain these 3 color depths to support various monitor display settings 24 bit with 8 bit alpha 32 bit
39. en italique Eviter tout prix une inclinaison sup rieure 45 FORMATS D AFFICHAGE Directives de Smith amp Mosier exemple sur les formats d affichage e Justifier a gauche les listes de donn es alphab tiques e Justifier a droite les entiers e Aligner les valeurs d cimales avec la virgule e viter les z ros non significatifs sauf conventions contraires e D couper les nombres par groupes de 3 4 chiffres 164 835 34 65 1 658 3573 45 34 965 456 492 1926336844 90 plus grand nombre quelle valeur 164 835 34 65 1 658 3573 45 34 965 456 492 1 926 336 844 90 VISION CONTRAINTES PHYSIOLOGIQUES Perception temporelle e Temps de r action 200ms pour initier observation e Stimuli s par s de moins de 100ms non per us Acuite visuelle sans pb de vision e ligne d tectable a partir de 0 5 d arc e espace entre lignes d tectable a partir de 30 1 Recommandations a pee ea ceci est un texte en gras e Ne pas utiliser d affichage avec modifications de pour marquer l accent cycle inf rieur 1 10 secondes e Ne pas souligner les textes ceci est un texte soulign pour marquer l accent PARCOURS VISUELD UNE IMAGE e Exploration parcours en Z culture occidentale e Image connue recherche s lective a des positions qui lui semblent pertinentes amp coh rence au sein d une application Ouvrir Regarder dans jo Wa X Ci E outis pone
40. ent sans mettre en p ril le reste du syst me Favorise la conception iterative et rend la maintenance evolutive du systeme plus facile Model View Controler S paration des objets du noyau fonctionnel M de ceux de l interface V C M objets abstraits du noyau fonctionnel V repr sentation externe donn e l abstraction C prend en charge l interaction de l usager avec V e S paration entre V et C parfois handicapante Interaction d pendante de la repr sentation Beaucoup d informations en commun Rendre publiques des variables de la vue dont le contr leur a besoin e R le de la coordination dilu e dans le code Dans le contr leur il doit conna tre la structure g n rale de l interface et pas seulement celle de l objet Presentation Abstraction Contr le e Structure r cursivement le syst me interactif comme une hi rarchie d agents e Un agent encapsule une comp tence correspondant un certain niveau d abstraction e Trois facettes pour un agent Presentation comportement perceptible de l agent Abstraction concepts et fonctionnalit s associ s l agent interface abstraite vis vis des autres agents Contr le maintient la coh rence et fait le lien avec les autres agents A de PAC M de MVC P de PAC V et C de MVC de PAC originalit du mod le Int r ts e Lorsque l on d veloppe des applications dans lesquelles des repr sentations d pendent simultan
41. es Exemple 1 MS Powerpoint profondeur 3 largeur facteur de branchement 6 a 20 Microsoft PowerPoint Cre IHM chill n SHA ame 0 s 8 BJS als snr e ela TOO TOO ONE OO OO um ro de diapositive Date et heure a Lien hypertexte CTRL F P E Legere gt ae gt BLE A MENUS ARBORESCENTS Exemple 2 Menu D marrer Windows largeur et profondeur variables JA JU Pro grammes Documents 6 El Param tres i Rechercher Aide et support Ex cuter OH d marrer Nouveau document Office Ouvrir un document Office Fermer la session ANTOINE Jean Yves Arr ter l ordinateur fy Crs_IHM_chlll ppt Crs_THM_chIl ppt an Accessoires ff BUREAUTIQUE gt ff JEUX CD CULTURE VF Mi TF F HP LaserJet 2200 gt E Mozilla Thunderbird gt IP Norton Antivirus gt IA MULTIMEDIA Fa Outils d administration fA LOGICIELS_ENSEIGNEMENT gt EM Zipttrast Roxio VideoWave Movie Creator v E Client Manager m Gestion de l ordinateur E Observateur d v nements a Performances Sia Services g gt Services de composants ad Sources de donn es ODBC E Strat gie de s curit locale MENUS ARBORESCENTS Quelle organisation largeur x profondeur Kiger 1984 64 items O O O Q D largeur 4x1 1 es 8x2 H A L a Q Wal
42. es fournies d pendent des sorties produites Et inversement Definitions e Les deux parties du syst me interactif sont donc L interface utilisateur Le noyau fonctionnel e Syst me interactif de qualit conception globale du syst me en prenant en compte Les caract ristiques de l utilisateur Les contraintes techniques du noyau fonctionnel Historique e Evolution Avant 1950 1980 e Utilisateurs informatitiens ing nieurs e Traitement en lot e Ordinateur r serv a une clientele elitiste e Utilisateurs esclaves du syst me Apres 1980 Aujourd hui e Utilisateurs novices en informatique e Syst mes hautement interractifs e Ordinateur partout e Utilisateurs ma tres du syst me Historique e 4 tapes dans l volution de l informatique 1950 1970 les machines se bornent calculer des fonctions Jusqu en 1980 elles g rent les donn es des entreprises conservation des informations dans des fichiers et des bases de donn es Jusqu en 1990 elles deviennent interactives en pr sentant des interfaces utilisateurs et en cr ant des boucles d interaction Jusqu aujourd hui apparition des r seaux interaction entre humain travers les machines Historique e Vannevar Bush 1945 Memory Expender Memex e Instrument de m moire externe mots cl s references indexation liens annotation e Syst me hypertexte base sur microfilms e Licklider
43. eur comme un objet logiciel autonome e Interface organisation d agents communiquant e D signation directe grand nombre de partenaires librement choisis chaque tape du dialogue e Plus grande latitude de choix e Ordre des actions moins contraint e Initiative de la construction du dialogue essentiellement cote usager Implementation e Ensemble d objets selectionnables ayant chacun une representation et un comportements e Chaque objet a une autonomie propre e Un agent Re oit un v nement usager ou agent Elabore une r ponse Changement potentiel d tat observable ou non Informe les autres agent du changement par des messages Des objets prennent en charge la coordination du dialogue differences entre MVC et PAC Implementation e Comportement d crit par une classe Etat de l agent repr sent par ses attributs Op rateurs de traitements des v nements g r s par des m thodes L envoi des messages mod lisent l mission d v nements et permettent la communication entre agents Les propri t s a maintenir peuvent tre exprim es sous le forme de contraintes Int r ts e Ad quation du mod le objet Modularit agents et objets sont des entit s individualis s de traitement Coop ration agents et objets coop rent par l interm diaire de l envoi d v nements ou de messages Un agent d finit l unit de modularit modification du comportem
44. ic nes co teux en espace usage sp cifique impr cision ambigu t Langages de commande S lection de menus Manipulation directe WIMP Formulaires Pr vention des erreurs Limiter la charge cognitive de l utilisateur Principe des efforts commensurables Plus une action peut avoir des consequences graves moins sa r alisation doit tre transparente Confirmation de la suppression du fichier 5 y DAS AVS EL TRES g Voulez vous vraiment envoyer Photos _id doc la Corbeille X A gi i je Police Pr vention des erreurs guidage Puces et num ros Alignement Orientation des paragraphes Guider l utilisateur Sans limiter sa libert d action pour lui viter des erreurs Interligne Modifier la casse Remplacer des polices v menus avec option non s lectionnables gris es v listes dans les formulaires Vv E Conception de diapositive Mise en page des diapositives 4rri re plan QUALITE D UN LOGICIEL GUIDAGE ET ROBUSTESSE Exemple de guidage formulaires de saisie Indiquer les champs optionnels et obligatoires Toujours pr ciser le format d une saisie Dire autant que possible quelles valeurs sont attendues 15098 Restaurants In 74 Countries City Montreal Pi LOCAL Select Country Complete the form on the right then press the Find Me A SUBWAY button to a Z see the
45. iel proposition de notes de bas de page d un logiciel de traitement de texte e Souvent n glig e pour ne pas sous estimer la capacit intellectuelle de l usager une interface ne teste pas les capacit s intellectuelles mais pargne un effort ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation aT Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Distance articulatoire 1 e Denote l effort n cessaire l laboration de la relation entre la signification de l expression chang e avec le syst me et sa forme e Reduction de la distance articulatoire pargner l effort de planification dans l laboration des commandes ou dans l interpr tation des r sultats Permettre l usager d exprimer par un seul geste quelque chose qui lui aurait demand plusieurs gestes autrement Distance articulatoire 2 e Dans un appareil mitigeur a un seul levier e Pas une caract ristique intrins que Depend de la relation tache usager bouton versus code sur les machines cafe e Distance articulatoire lev e pour simplifier la r alisation de l inte
46. isables et diff rentiables les uns des autres Effectuer des commandes par manipulation directe des ic nes Les styles d interaction e WYSIWIG contr le a l utilisateur e WIMPS Windows Icons Menus Pointers e Metaphore Transf rer sur un nouveau contexte une perception existante ou suppos e chez l utilisateur et ce tant au niveau des objets que des operations ou des r gles de manipulation La m taphore du bureau Autre tableau de bord navigation feuille de calcul Les styles d interaction e Interaction par reconnaissance de traces Reconnaissance des mouvements d un p riph riques grace a un vocabulaire gestuel predefini Le geste d finit la commande voire certains de ses param tres e Autres styles R alit virtuelle ou augment e Interaction multimodale Collecticiel Mobilit Ubiquite QUALITE D UN LOGICIEL APPRENABILITE Observabilite exemple Gestion de l attente en cas de temps de reponse importants informer l utilisateur de l avancement du travail Raccourci manquant Temps Affichage 5 Recherche de PolyI ps Pour rechercher le d attente fichier manuellement cliquez sur Parcourir pr vu 2a6 ic ne d attente sablier secondes horloge Lancement de GIMP 6 30 Message avec marque secondes d avancement r alis temps d attente gt 30 Idem avec en outre un secondes d tail des actions en cours de r alisation K ae fichiers de donn e
47. la signification des mots valides et en particulier comment construire le sens d un mot du langage a partir du sens des lexemes qui le constituent et des regles syntaxiques mises en jeu e Is un sens qui r sulte de la combinaison de l action principale et de son param tre e Le lexeme drag d clin syntaxiquement avec la poubelle a pour s mantique destruction de fichier ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation V Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Principaux formalismes mathematiques grammaires 1 e Quadrupl form d un alphabet terminal d un alphabet non terminal de r gles de production et d une variable non terminale racine du langage Alphabet terminal symboles utilis s dans le langage engendr par la grammaire Alphabet non terminal nome le constructions R gles de production comment chaque construction s exprime en fonction de l alphabet terminal et d autres constructions La racine du langage est un des l ments de l alphabet non terminal Principaux formalismes mathemati
48. lace et al 1987 pb menus profonds 96 d erreurs suppl mentaires o 4x3 16 de temps d ex cution en plus O i MENUS ARBORESCENTS Loi de Landauer et Nachbar 1985 Loi exp rimentale temps de parcours d un menu de N items r partis sur D niveaux quilibr s m me facteur de branchement ba chaque noeud soit D log N Exp rience avec N 4096 b 2 4 8 16 Loi g n rale T D k k log b Recommandations Privilegier la largeur des menus a leur profondeur Largeur maximale 10 novices a 20 experts items max par niveau Profondeur maximale 3 voire 4 Largeur variable on peut augmenter le facteur de branchement au premier racine et dernier feuilles niveau de l arbre Toujours consid rer la sp cificit de la t che Exemples E commerce Arborescent et lin aire Aspirateur Cherchez des aspirateurs pas cher et consultez les avis d aspirateur ainsi que nos guides d achat Kelkoo vous aide trouver sur le web les meilleurs aspirateurs au meilleur prix AFFINER LA RECHERCHE Marque Prix Type d aspirateur Puissance nominale Affiner aussi par Dyson 19 0 60 107 Autonome 5 Moins de 500 37 Puissance Bosch 37 60 90 105 Balai 55 500 999 W 14 nominale Rowenta 42 90 120 101 Eau et poussi re 38 1000 Yy 1499 YY 80 Filtre hygi ne Samsung 8 120 150 90 Industriel 7 1500 Wy 1999W 183 Volume Miele 27 150 210
49. locations nearest you Find Me a SUBWAY hm Province du Qu bec exemple extrait du cours d A Giboin ESSI METHOLOGIE REGLES DE CONCEPTION 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 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 METHOLOGIE REGLES DE CONCEPTION 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 Le recours l val
50. mots Voila trouve pour vous approfondie Ala une Vendanges en fete est le bon moment our constituer une ave avec des cr millesine Top Voila fr Encyclop die Communiquer BA E mail S t Chat 9124 connect s Le messager Pages perso Rencontres Traducteur Clubs Click here to get the plugin i En Voila Voila en page d accueil a L essentiel aujourd hui Derni re minute Havas des services de la Cnam maladie de moyenne dur e Le journal L image du jour i Toutle sport Football Zebina Intel pourrait retirer ses budgets publicitaires M Van Roekeghem attend une norme mobilisation La Cnam veut contr ler syst matiquement les arr ts M t o Chateaudun he sie Autres villes Ench res Programmes T l Aide Guide Web PC Pavilion A605 fr avec cran 15 TFT et imprimante multifonctions www e leclerc com eBay fr Achetez vendez Chaque jot s milliers de Hos offres s jours IMPORTANCE DES MESSAGES D ERREURS Etudes exp rimentales 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 R duction sensible des r pliques apr s adaptation des messages d erreur Message sp cifiques Shneiderman 1982 Programmation COBOL tudiants r duction de 28 des erreurs apr s remplacement des mes
51. nc de visibilit Choisir les composantes couleurs pour chaque niveau d importance e teinte s mantique de l objet e saturation et luminance visibilit Prototypage i e validation exp rimentale COULEURS Recommandations g n rales e Coh rence dans l utilisation des couleurs sur l ensemble de l interface tre conservateur dans l utilisation des couleurs viter les associations qui flashent trop sauf pour des messages critiques e Utiliser la couleur comme une technique de codage pour l affichage des donn es des messages d alerte Schumacher 10 810 21010 Schumacher 10 810 21010 Button 06 410 0 4 Button 0 6 410 0 4 Barichello 80 8 06 3 Barichello 80 8 06 3 Alonso 60001 0 Alonso 60001 0 e Utiliser le codage des couleurs pour densifier l information Schumacher 10 810 21010 Schumacher 10 810 21010 Button 064100 4 Button 064100 4 Barichello 80 8 06 8 Barichello 808 06 3 Alonso 60001 0 Alonso 60001 0 Format Outils Diaporama Fen tre PREVENTIONS DES ERREURS e Observabilite et causalit p Orientation des paragraphes Guidage Interligne Modifier la casse Griser les commandes non disponibles Re qe Toe Fournir les Valeurs attendues liste menu Conception de diapositive BD contraintes d int grit eg term 4rri re plan Limiter la charge cognitive de l utilisateur fae che Principe des erreurs commensurables plus une action peut av
52. nd public agr abilit et efficacit Interfaces d appareils appareil photo cockpit Applications embarqu es voiture jouets Interfaces pour le Web acces distant Applications int gr es ou grand public DAB contr les bornes caisses simulateurs e Cause d chec de lancement d un produit int ressant d u point de vue fonctionnel e Avenir aviation automobile domotique industrie informatique Contexte conomique et industriel e Pour les informaticiens volution du r le et de la mentalit Intuition et ergonomie des interfaces Interfaces forme ou fond Au dela des outils e Pour les usagers Evolution de la situation Utilit et utilisabilit Influence sur la productivit gestion des erreurs Besoins actuels intuitivit efficacit risque d erreur Modeliser le probleme e Outils et formalismes pour valuer les consequences des choix de conception sur le plan quantitatif et qualitatif Mod le des caract ristiques physiques et des limites mecanique physiologique intellectuelle du comportement humain e g Card Mod lisation des aspects cognitifs du comportement humain passage de l intention a l acte du r sultat de cet acte a une nouvelle intention e g Norman Mod lisation de t ches en vue de la pr diction de l activit de l usager M moire transfert m taphorique th orie des langages des automates Realisati
53. oir des consequences graves moins sa r alisation doit tre transparente et plus tot on doit la d tecter hi rarchiser les erreurs en fonction de leur risque Confirmation de la suppression du fichier Voulez vous vraiment envoyer Photos_id doc la Corbeille Charge cognitive concision Google Mozilla Firebird Fichier Edition Affichage Aler Marque pages Outils 2 oD E http www google fr Seckozone Forum Geckozone Forum Mozilla Firebird Mozilla Firebird Help France Google Web Annuaire Images Groupes Actualit s Recherche Google J ai de la chance Recherche avanc e Pr f rences Outils linguistiques Rechercher dans Web Pages francophones Pages France Publicit Google Toolbar A propos de Google Google com in English 2004 Google Nombre de pages Web recens es par Google 4285 199 774 Bienvenue sur Voila Fichier Edition Affichage Aller Marque pages Outils Mozilla Firebird 3 rO O http w voila Fr Oo Geckozone G Forum Geckozone ik Forum Mozilla Firebird Ps Mozilla Firebird Help hy Mozilla en fran ais voila fr Tout le Web Votre recherche PagesJaunes Auto Emploi Immo Shopping Itin raires amp Plans Voyages Cin ma Mobiles Logith que Famille et G n alogie r Mercredi 6 octobre 12 05 37 Saisissez un ou plusieurs
54. on concrete architecture logicielle e L interface r alise une fonction d adaptation bidirectionnelle entre l usager et la partie fonctionnelle de l application qui r alise les traitements e Avant int gration des changes avec l usager au sein m me de l application e Maintenant environnements vari s et usagers exigeants e D coupage en modules selon l organisation des traitements Interface et noyau fonctionnel e Decomposition de l application en deux parties Modules constituant son noyau fonctionnel Son interface e Noyau fonctionnel partie de l application qui accomplit les traitements l exclusion de tout change direct avec l usager Il concr tise l expertise m tier de l application Interface partie qui labore et g re les changes avec l usager l exclusion de tout traitement propre l application Elle est en charge des aspects ergonomiques de l interaction avec l application Inter ts de la decomposition e Maintenance changements plus frequents de la partie interface e Plusieurs interfaces pour l adaptation aux circonstances et aux types d usagers e Int gration de plusieurs noyaux fonctionnels changes pris en charge par l interface commune e Possibilit de confier des quipes sp cialis es le d veloppement de chacune de ces parties Langage de commande abstrait e Langage commun defini par le concepteur e Interface abstraite langage dans lequel
55. plus honn te e Walker et al 1994 v utilisation d un diteur de texte classique ou avec une interface anthropomorphique virtual face par 42 sujets v Pr f rence pour l diteur classique Recommandations e viter une interaction anthropomorphique ne pas presenter le systeme comme une personne e Utiliser avec pr cautions des personnages virtuels dans l interaction l exception des logiciels pour enfants ou des jeux vid os e Ne pas utiliser je lorsque le syst me r pond aux actions de l utilisateur e Conserver n anmoins des messages en langue naturelle utiliser vous lorsque vous vous adressez a l utilisateur Commande en ligne Langages de requ te et questions r ponses Menus Interfaces WIMP Formulaires de s lection Langage naturel crit parole Interfaces 3D gestuelles r alit augment e FENETRES WIDGETS Une fen tre est rarement un objet passif widget Recommandations ergonomiques sur les widgets e Principes g n raux design g n ral comportement dynamique e R gles sp cifiques maintien du feedback ouverture fermeture Maintien du feedback Toujours conserver le couplage perception action que permet le paradigme de manipulation directe pointage selection Nouvelle diapositive d placement modification trac ouverture fermeture Ouverture d une fen tre Quelle position Quelle taille
56. posants Pr sentation aspects externes Contr leur de dialogue reconna t la structure de l interaction enchainement du dialogue Liaison interface application d finit la vue entre interface et application ind pendamment de la realisation physique du dialogue Modele de Seeheim 2 Langage Composant Contr leur de Interface utilisateur pr sentation dialogue Application INTERFACE APPLICATION e changes de bribes de dialogue l mentaires e L interface consid re application et usager comme deux syst mes r actifs dont elle contr le les changes Le mod le de Seeheim Int r ts Separation interface application Prise en compte d un dialogue usager systeme Separation claire des niveaux lexical syntaxique et semantique Origine des UIMS g n rateurs d interfaces e Limites Inadapte a l aspect dynamique opportuniste et parall le de l IHM manipulation directe Dialogue encadr peu de libert s pour l usager Retours s mantiques interm diaires impossibles Modele a agents reactifs e Le premier MVC e Propos par Xerox dans les ann es 70 dans l environnement du langage Smalltalk e Ameliore en particulier avec PAC ou PAC ARCH e Utilis tel quel dans la biblioth que de classes Java et l environnement X Windows Modele a agents reactifs e D velopper chaque interact
57. ques grammaires 2 e Inst cond if cond then expr Cond et expr alphabet non terminal If et then alphabet terminal e Outils d analyse d un langage a partir de sa grammaire Lex et Yak sous Unix Sax pour construire les analyseurs de fichiers XML a partir de leur DTD e Plusieurs types de grammaire langages r guliers hors contexte bi parties Principaux formalismes mathematiques automates 1 e Objet qui change d tat en reponse a des stimuli e Utilises conjointement aux grammaires e Quadrupl constitu d un ensemble d tats d un alphabet d entr e d un ensemble de transitions et d un tat initial Une transition triplet symbole de l alphabet d entr e tat courant tat destination Rencontre du symbole dans l tat courant entraine le passage l tat destination tat initial tat de l automate quand il commence a _ recevoir un mot du langage mathematiques automates 2 e Interrupteur poussoir 7 Deux tats allum teint Langage d entr e pousser Deux transitions e pousser allum teint e pousser teint allum e Interface Symboles alphabet entr e interactions de l usager L interface materialise chaque tat de l automate e Utiles pour r aliser des analyseurs de langages de commande et assurer des enchainements
58. r dans la relatio avec une machine en effectuant des op rations intellectuelles par exemple relation de l homme un ordinateur Interaction avec un outil Ti e Chaque fois que l homme fait appel un l ment autre que lui m me pour accomplir une t che e prendre en consideration La finalit de l outil Caract ristiques morpho physiologiques de l humain Un volant ne doit pas mesurer 3mm ou 12 metres e Prise en consideration dans la conception du niveau operatoire des interfaces e Mod lisation de l humain mod le de Card Interaction avec une machine e Chaque fois que l homme fait appel a un outil qui poss de sa propre nergie et autonomie pour accomplir une t che e Prendre en consid ration Les moyens d interactions action energie Le confort d usage Organisation structurelle des commandes et des repr sentations e Point important dans la conception du niveau articulatoire des interfaces Interaction avec un ordinateur e Chaque fois qu un humain fait appel a une machine qui accomplit une t che intellectuelle la place de l humain e Prendre en compte La richesse s mantique des commandes La proximit s mantique entre commandes et buts Discretion machine facile utiliser Mise en correspondance des concepts du monde de la tache et de ceux disponibles dans le systeme e pr alable la conception du niveau s mantique des interfaces mo
59. r ation Assistant Formulaire Formulaire instantan Colonnes Formulaire instantan Tableau Formulaire instantan Feuille de donn es Formulaire instantan tableau crois dynamique Formulaire instantan graphique crois dynamique Assistant Graphique Assistant Tableau crois dynamique EXPERTS X Police de caract res latins Times Mew Roman Fp Trebuchet MS TT Tunga Tp Verdana Tp Twentieth Century Poster1 Affichage A Normal Gil Page de commentaires Index th matique La musique Les diff rentes d finitions du mot musique et les grands sujets en relation directe Musique Son Audition Musiciens Compositeurs musiciens interpr tes groupes chanteurs solistes ou ensembles musicaux Musicien Compositeur Interpr te Musicien classique Chanteur Chanteuse Chanson Groupe de musique Soliste Ensemble musical Les genres musicaux Selon les instruments ou les voix les effectifs le public Genre musical Musique vocale Musique instrumentale Musique militaire Liste des genres musicaux Liste des genres musicaux par zone g ographique Principes de classement des documents musicaux Insertion Format Outils Diaporama Masque des diapositives Masque du document Masque des pages de commentaires Les musiques Les types de musique selon un classement chronologique g ographique ou sociologique Type de musique Chronologi
60. rface Erreurs d interpr tation ou de commande Utilisation du simple ou double clic mais pas triple ou quadruple lections aux USA en 2000 Univers de l usager Formulation intentions Evaluation aT v Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Distance operatoire e Denote l effort n cessaire a la transmission de la commande et a la perception du resultat e Releve le plus souvent de l aspect materiel e Interaction physique petits boutons de r glage d une montre e Dans un logiciel s lection d un objet filliforme dans un logiciel de dessin e Informations importantes en rouge et mineures en blanc sur un fond bleu ITS Les phases du cycle de Norman Her Univers de l usager Formulation intentions valuation V Sp cification actions Interpr tation Transmission Perception Perception Transmission Interpr tation Sp cification actions v 7 A valuation Formulation intentions Univers de la machine Tran
61. s Polices Signification des codes et consistance Tout code texte ic ne utilis dans l interface doit avoir une signification parlante et constante quel que soit le contexte d application contre exemple LinuX File Manager contre exemple commandes Unix mv move historiquement sert aussi au renommage pr print formatte le fichier mais ne l imprime pas IBE line print spooler imprime contre exemple applications Windows QUALITE D UN LOGICIEL APPRENABILITE Familiarite similarit de l interaction avec le monde reel ou avec l utilisation d autres syst mes existants m taphores machine crire pour les diteurs de texte affordance ic nes G n ricit facilit de g n ralisation d exp riences particuli res avec le syst me d autres fonctionnalit s ou d autres logiciels renforce le sentiment de consistance OS 4 Rectanale DIVERSITE D UTILISATEURS NIVEAU D EXPERTISE Exemple Novice et primo utilisateur anxieux a rassurer pour faciliter l apprentissage et viter les rejets gt Limiter le nombre d actions de concepts gt Feedback d information gt Messages d erreur informatifs gt Manuel d utilisation intuitif 4 man tutoriel gt Aide contextuelle Utilisateur occasionnel connaissance globale du syst me mais difficult se rappeler la position des diff rentes fonctionnalit s
62. s exprime les appels au noyau fonctionnel ind pendamment de toute mise en forme externe et dans lequel le noyau fonctionnel exprime ses requ tes l interface e M thodes associ es a chaque partie API e forme textuelle syntaxe XML pour l change de donn es afin de b n ficier des outils standard d analyse des donn es Sax e Mod le structure g n rique qui caract rise ce qui est commun un ensemble de choses e Pour la conception d interface Mod le de t ches schema g n ral du processus de conception a destination du concepteur Mod le de dialogue structure des changes entre l homme et l application Mod le d architecture structure g n rique partir de laquelle il est possible de construire un syst me interactif particulier Mod le d architecture e identifie des structures g n rales commune une classe d interfaces et permet un concepteur d instancier cette solution g n rique sur son probl me sp cifique e Pouvoir expressif facilit repr senter de fa on compl te la r alit qu il d crit deux techniques Informelles proche de la r alit mais impr cises Formelles s appuient sur des formalismes de description Formalismes e Systeme de representation abstrait disposant d une syntaxe et d une s mantique parfois d une s mantique op rationnelle e Fournit un moyen d expression rigoureux et des possibilit s de calcul sur les expressions
63. s structures e Loi 4 performance et charge de travail Performances meilleures avec la charge de travail et l exp rience Temps d accomplissement d une t che s adapte automatiquement l environnement dans une certaine limite Interpretation des lois 3 e Loi 5 loi de Fitts Ciblage calculable en fonction de la taille et la distance de la cible Regit le placement des commandes importantes et la conception des bo tes de dialogues T 0 1 x log 2 x D L e T temps de pointage d une cible de param tres D et L D distance parcourir L taille de la cible e distance doubl e ou taille diminu e de moiti temps de pointage cro t selon une loi logarithmique e loi empirique s appliquant au pointage souris joystick tablette Exemples avec D cm L cm T s e c ne dans une fen tre 10 1 0 4 e Trait dans logiciel de dessin 10 0 1 0 8 e S lection d un menu 30 0 5 0 7 e Loi 6 Le temps pour refaire une action diminue avec l entrainement Exemple un carreleur exp riment pose ses carreaux avec pr cision plus rapidement qu un d butant e Loi 7 temps de d cision fonction de l entropie Plus de cas possibles implique plus de temps Loi de Hicks 0 15 secondes par bit d valuation de la situation Exemple e 64 bouton pour identifier 64 produits sur un tapis roulant e Choisir un item dans un menu de 8 versus 4 items e Loi 8 et 9 Actions complexes mode de
64. sages trop g n riques de type SYNTAX ERROR par des messages plus explicites MESSAGES D ERREUR RECOMMANDATIONS Pr cision et sp cificit des messages Un message trop g n ral ne permet pas de comprendre l erreur 9 SYNTAX ERROR ILLEGAL ENTRY INVALID DATA oy Unmatched left parenthesis Type only one letter Month value out of range Month range from 1 to 12 MESSAGES D ERREUR RECOMMANDATIONS Messages informatifs et constructifs Ne pas condamner l utilisateur pour son erreur DISASTROUS STRING OVERFLOW JOB ABANDONED ILLEGAL ENTRY viter les termes techniques d s que possible Proposer si possible une solution principe de guidage CD ROM non d tect Le CD ROM ne se trouve pas dans le lecteur Veuillez cliquer sur Fermer et introduire le CD ROM dans le lecteur Exemples messages informatifs et constructifs guidage Enregistrer sous dossier des ventes Ce nom de fichier n est pas valide 9 dossier_des_ventes doc jie Ce nom de fichier a trop de lettres La cam ra est d branch e Webce ebcambirsi Connectez la cam ra a l ordinateur Fe W ebc amfirst RES gratuitciel Logitech QuickCam ERREUR GESTION MESSAGES D ERREUR RECOMMANDATIONS Formulation naturelle des messages Ne pas rappeler l utilisateur qu il n est pas informaticien Phrases plut t que mots cl s Ne pas mettre en avant les informations
65. sfert m taphorique 1 Conception d interfaces intuitives e Suggestion par analogie passerelle d un ordinateur alimentation de la machine pied de l cran menu e Description d un domaine cible dans les termes d un domaine source e Inf rences du domaine source suppos es connues de l usager et projet es sur le domaine cible e Transfert de relations structurelles et extension des m canismes de raisonnement Transfert metaphorique 2 e mettre un fichier a la poubelle il est arriv au fichier ce qui est arrive a un objet de la vie courante si il ne sert plus e Intervient au niveau Du mode d interaction Des repr sentations propos es a l usager e Usage maladroit Transposition valide sur un petit domaine Rupture de l impression d engagement non prise en compte de la tendance effectuer une g n ralisation Disquette la poubelle sur mac Description de langage d interaction e Toute interaction repose sur l emploi d un langage qui peut tre Textuel Avec une forme crite langages de commande Orale interfaces reconnaissance vocale Gestuel e Niveaux a prendre en comte Lexical homologue du niveau op ratoire Syntaxique homologue du niveau articulatoire Semantique homologue du niveau s mantique Niveau lexical e Aspect d un langage qui concerne la repr sentation des symboles formant l alphabet du langage e Lexeme d une commande L
66. techniques viter les verbes la forme nominale exemple affichage Forme active plut t que forme passive Vous ne pouvez pas quitter Sauvegardez votre session i applacalion sans avoir de travail avant de Sauvegard votre session quitter l application viter les formes n gatives sources d erreurs Pour acc der ce document vous devrez ins rer le CD ROM ehm cd 2 apr s avoir cliqu sur OK C Insertion du CD ROM OK Ins rez le CD ROM DVD ROM de l Encyclop die Encarta per Parcourir et cliquez sur OK Quitter CET Respecter l ordre dans lequel les actions doivent tre ex cut es gt Observabilit messages d tectables Position pr s de l erreur ou du focus Travail sur la pr sentation couleurs polices de caract res surbrillance Pop up windows v caract re dynamique facilement d tectable eo v possibilit de placer le message pr s de l objet concern O v masquage de l information Alerte sonore v charge cognitive autre stimulus que la vision v peut tre ignor e par l utilisateur v s mantique sonore limiter le nombre de sons AIDE EN LIGNE Vous pouvez d placer un sous menu dot d une poign e de d placement USAGES p A 3 mae A trois barres horizontales au dessus L aide en ligne est bien plus utilis e pour la r solution 1 partutu leran por de probl mes que comme outil d apprentissage AIDES AUX QU
67. texte Manipulation directe Les styles d interaction e Syst mes conversationnels Inspire par la conversation entre humain Commandes fournies en tapant un texte au clavier Feed back pour voir ce qui est tap Commande ex cut e lors de sa validation Commande interpr t e et transform e en operation sur le objets internes du systeme Le syst me fournit une reponse r sultat ou message d erreur Nouvelle commande etc Les styles d interaction e Syst mes conversationnels Exemple shells de commandes Unix Inconvenient e apprentissage obligatoire du langage de commande e R ponses syst me parfois difficiles interpreter e Distance d ex cution et d valuation importantes e Sequencement strict entre actions utilisateur et r ponses syst me gt difficile de mener plusieurs t ches en m me temps Avantages e Efficace pour les utilisateurs experts e Extension du langage par ses propres commandes Les styles d interaction e Systemes conversationnels extensions menus e Rendre le langage de commande explicite e Menus hi rarchiques grand nombre de commande au prix de commande de navigation dans les menus e Inconvenient syntaxe disponible tres primitive Formulaires e Remplissage des champs e La validation du formulaire gt ex cution d une commande e Beaucoup d applications de gestion de reservation Les styles d interaction e Navigation hypertexte
68. uCrois Dynamique Ouvrir le Formulaire pour afficher ou entrer des informations Champ Donn es Graphique crois dynamique Modifier la structure du formulaire Colonne simple I Afficher l Aide sur l utilisation des formulaires Annuler lt Pr c dent Terminer Annuler lt Pr c dent Terminer MENUS ACYCLIQUES Ordre de parcours indifferent Sous taches ind pendantes ou optionnelles Menus a onglets a option Propri t s syst me Restauration du syst me Mises jour automatiques Utilisation distance G n ral Nom de l ordinateur Mat riel Avanc Syst me Microsoft Windows XP Professionnel Version 2002 Nom avalorat tat Inactive Type HP LaserJet 4100 Series PS Utilisateur enregistr O q valoria 1 ANTOINE Jean Yves Commentaire Imprimer dans un Fichier Imprimer r Imprimante tendue EES 55711 0EM 0011903 00102 Toutes Diaporama personnalis Diapositive en cours S lectior Nombre de copies E H Crane es Mobile Intel R Pentium R Tapez les num ros et ou les groupes de diapositives comme dans l exemple qui cl oe 4 M CPU 1 80GHz suit 1 3 5 12 1 79 GHz IV Copies assembl es 512 Mo de RAM Imprimer Diapositives e tee Dar je Couleur nuances de gris nuances de gris gt artical Ca Ca D Mettre l chelle de la feuille D Imprime I Encadrer les diapositives Inclure des pages de commentair
69. uation reste essentiel Principes de Norman Norman 1998 VI VII Use both knowledge in the world and knowledge in the head Simplify the structure of the task Make things visible Get the mappings right Exploit the power of constraints Design for error When all else false standardize PRINCIPES ERGONOMIQUES Criteres ergonomiques de Bastien et Scapin 1993 Ss ks NS MA NM OK ON UN http www ergoweb ca criteres html Guidage Norme AFNOR Z67 133 1 Charge de travail Contr le utilisateur explicite Flexibilit gt adaptabilit Gestion des erreurs Homog n it gt coh rence Signifiance des Codes et D nominations Compatibilit gt familiarit DIRECTIVES GUIDELINES Directives de recommandations generales Syntheses de recommandations g n rales sur toutes plateformes v Smith amp Mosier 1986 v Brown 1988 v Mayhew 1992 v Vanderdonkt J 1995 ENTREE DE DONNEES Formats des donn es 1 4 D limiter les champs d entr e de donn es Afin de d limiter 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 tre utilis 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 t

ergonomie des IHM

Contents

Download Pdf Manuals

Related Search

Related Contents