Chapitre1 IHM TM LMD

download Chapitre1 IHM TM LMD

of 35

Transcript of Chapitre1 IHM TM LMD

  • 8/3/2019 Chapitre1 IHM TM LMD

    1/35

    1

    Troisime Partie

    Interface Homme-Machine

    &

    Ergonomie

    Critres

    ergonomiques

  • 8/3/2019 Chapitre1 IHM TM LMD

    2/35

    Un peu dhistorique..La cration d'interfaces utilisateurshomognes, cohrentes, adaptableset rutilisables est une tche trs

    difficile, qui a volue au cours du temps

    Les annes 60 : l'informatique taitpartielle, proche des mthodesmanuelles et fonctionnait en traitement

    par lots sur machine centralise

    Les annes 70 : Amlioration enpermettant l'interrogation de donnessur des terminaux. Informatisation du poste de l'employ

    administratif.

    Problme de l'entreprise tait de produireplus dans un march en expansionL'informatique tait une informatique de

    traitement de masse supportant cetteproduction planifie.

  • 8/3/2019 Chapitre1 IHM TM LMD

    3/35

    Un peu dhistorique..Fin des annes 70 : Lesapplications se multiplirent pourune meilleure gestion. L'informatique restait centralise avec

    introduction progressive dutransactionnel sur des terminauxpassifs pour la saisie la source, puispour l'interrogation.

    Les annes 80 : linformatiquedevient plus personnalise avec lePARC (Xrox Palo Alto ResearchCenter) Introduction du systme de fentrage

    et l'utilisation de la souris L'informatique commence par prendre

    en compte l'activit de l'utilisateur.

  • 8/3/2019 Chapitre1 IHM TM LMD

    4/35

    Un peu dhistorique..Beaucoup d'ides sur les interfaces

    utilisateurs ont t dveloppes ou

    affines au PARC dans les annes 70-80 partir des principes suivants :

    Seeing and pointing versus rememberingand typing

    WYSIWIG : What You See Is What You Ge Universal commands

    Simplicity

    Modeless interaction

  • 8/3/2019 Chapitre1 IHM TM LMD

    5/35

    Un peu dhistorique..Les annes 90 :le passage des compatiblesPC aux microprocesseurs 32 bits d'INTEL(386 et 486) a permis ces machines de

    bnficier de logiciels d'interface utilisateuravec : WINDOWS (sous DOS)

    PRESENTATION MANAGER (sous OS/2 IBM)

    Concept AUA (Architecture Unifie d'Application)

    d'IBM : formalisation de dtails ergonomiques sousle nom de CUA (Common User Acess)

    Paralllement, les universits amricaines etles industriels des stations de travailscientifiques, APOLLO, SUN, DEC, HP etNEXT, dveloppaient les interfaces utilisateurdu monde UNIX, aboutissant des produitsstandards du march tels que : X-WINDOW, MOTIF

    OPEN LOOK, NEXTSTEP

  • 8/3/2019 Chapitre1 IHM TM LMD

    6/35

    Introduction IHM

    Interaction Homme-Machine

    concerne tous les aspects : de la conception

    du dveloppement

    de l'valuation des applications

    informatiques interactives.

    Ce domaine est en pleine

    expansion : aujourd'hui, 50 80%de l'effort de dveloppement d'une

    application informatique est ddi l'interface utilisateur.

  • 8/3/2019 Chapitre1 IHM TM LMD

    7/35

    Ergonomie LErgonomie vient du grec :

    ERGON : le travail

    NOMOS : la loi, la rgle

    S'intresse l'amnagement dessystmes Hommes-Machines ou

    de faon plus large aux conditionsde travail pour permettre auxoprateurs de travailler dans desconditions optimales de : scurit confort

    sant

    satisfaction

    efficacit

  • 8/3/2019 Chapitre1 IHM TM LMD

    8/35

    Plus spcifiquement En ce qui concerne

    l'ergonomie des interfaces

    Hommes-Machines, on

    s'intressera :

    Diminuer les erreurs

    Diminuer les temps

    d'apprentissage

    Rendre le logiciel le plus

    facilement utilisable pour

    l'utilisateur

  • 8/3/2019 Chapitre1 IHM TM LMD

    9/35

    Critres ergonomiques

    Des rgles ou des guides

    Sont la base des outils utiliss pour

    voir, comprendre et expliquer les

    problmes ergonomiques.

    Ils permettent aussi d'orienter des

    choix de conception vers des pistes

    ergonomiquement solides, sans pour

    autant sacrifier l'aspect mercatique ou

    esthtique d'un site.

    Ils contribuent viter les piges de lasubjectivit et des gots personnels

    en donnant un cadre de travail neutreet efficace.

  • 8/3/2019 Chapitre1 IHM TM LMD

    10/35 1

    Critres ergonomiques* Les critres ergonomiques ont trois

    caractristiques :

    1. Ils sont bass sur une analyse del'interface, activit plus rapide et moinsdispendieuse que les tests d'utilisabilit

    2.

    Ils sont utilisables par des non-spcialistes du domaine de l'utilisabilit

    3. Ils sont suffisament explicites pourpermettre des mesures prcises, puis

    suffisament standardiss pour donnerdes rsultats reproductibles.

    * Bastien, J.M.C., Scapin, D. (1993) Ergonomic Criteria for the Evaluation of

    Human-Computer interfacesInstitut National de recherche en informatiqueet en automatique, France

  • 8/3/2019 Chapitre1 IHM TM LMD

    11/35 1

    Critres ergonomiques

    Guidage

    L'ensemble des moyens mis enoeuvre pour conseiller, orienter,

    informer et conduire l'utilisateur lorsde ses interactions avec l'ordinateur.

    Incitation :Inciter l'utilisateur effectuer des actions spcifiques enlui fournissant des indices. Par exemple, guider les entres de

    donnes en indiquant le format adquatet les valeurs acceptables: Date(jj/mm/aa) _ _ / _ _ / _ _.

    Groupement/Distinction entre ItemsGroupement des diffrents lmentsvisuels de faon cohrente etordonne.

  • 8/3/2019 Chapitre1 IHM TM LMD

    12/35 1

    Critres ergonomiques

    Guidage

    c it a t ion : exem p le g rap h ique

  • 8/3/2019 Chapitre1 IHM TM LMD

    13/35 1

    Critres ergonomiques

    Guidage Groupement/Distinction par la

    Localisation: Positionner les items lesuns par rapport aux autres afind'indiquer leur appartenance, ou non, une classe donne d'objets. Par exemple, grouper les options de

    menus en fonction des objets sur lesquels

    elles s'appliquent. Groupement/Distinction par le Format

    Donner aux lments descaractristiques graphiques

    particulires afin d'indiquer leurappartenance, ou non, une classedonne d'objets. Par exemple : utiliser un symbole et la

    couleur rouge pour les botes de dialogue

    d'alerte ou d'erreur.

  • 8/3/2019 Chapitre1 IHM TM LMD

    14/35 1

    Critres ergonomiques

    Guidage

    en t : e xem p le g r aph ique

  • 8/3/2019 Chapitre1 IHM TM LMD

    15/35 1

    Critres ergonomiques

    Guidage

    Feedback immdiat :l'ordinateur doit

    rpondre l'utilisateur en fonction des

    actions et des requtes de ce dernier. Par exemple, dans les cas o les

    traitements sont longs, une informationindiquant l'utilisateur que les traitements

    sont en cours devrait lui tre fournie.

    Lisibilit :Les caractristiques

    lexicales de prsentation des

    informations sur l'cran doiventfaciliter la lecture de ces informations.

    Par exemple, il est prfrable deprsenter un texte avec quelques lignes

    longues plutt que de nombreuses lignescourtes.

  • 8/3/2019 Chapitre1 IHM TM LMD

    16/35 1

    Critres ergonomiques

    Guidage

    m m d ia t : exem p le g raph i que

  • 8/3/2019 Chapitre1 IHM TM LMD

    17/35 1

    Critres ergonomiques

    Charge de travail

    L'ensemble des lments de

    l'interface qui a un rle dans la

    rduction de la charge perceptive desutilisateurs, de mme que dans

    l'augmentation de l'efficacit dudialogue.

    Brivet:Limiter le travail de lecture,

    d'entre et les tapes par lesquelles

    doivent passer les usagers.

  • 8/3/2019 Chapitre1 IHM TM LMD

    18/35 1

    Critres ergonomiques

    Charge de travail

    Concision :Rduire la charge de

    travail au niveau perceptif pour ce qui

    est des lments individuels d'entreou de sortie.

    Par exemple, lorsqu'une unit de mesureest associe un champ de donnes,

    celle-ci doit faire partie du label du champplutt qu'tre saisie par l'utilisateur.

    Actions Minimales :Limiter les tapes

    par lesquelles doivent passer lesutilisateurs.

    Par exemple, ne pas demander auxutilisateurs d'entrer des donnes qui

    peuvent tre dduites par le systme.

  • 8/3/2019 Chapitre1 IHM TM LMD

    19/35 1

    Critres ergonomiques

    Charge de travail

    e de t rava i l : ex em p le de conc i s ion

  • 8/3/2019 Chapitre1 IHM TM LMD

    20/35 2

    Critres ergonomiques

    Charge de travail

    Densit Informationnelle :Rduire la

    charge de travail du point de vue

    perceptif pour des ensemblesd'lments et non pour des items.

    Par exemple, limiter la densitinformationnelle de l'cran, en affichant

    seulement les informations ncessaires.

  • 8/3/2019 Chapitre1 IHM TM LMD

    21/35 2

    Critres ergonomiques

    Charge de travail

    Charg e de t rava i l: ex em p le de dens i t

  • 8/3/2019 Chapitre1 IHM TM LMD

    22/35 2

    Critres ergonomiques

    Guidage/Charge de travail

    em p le de (m auv a i se ) l is i b il it e t (m auv a i se )

  • 8/3/2019 Chapitre1 IHM TM LMD

    23/35 2

    Critres ergonomiques

    Contrle explicite Prise en compte par le systme des

    actions explicites des utilisateurs et lecontrle qu'ont les utilisateurs sur le

    traitement de leurs actions. Actions Explicites: Expliciter la relation

    entre le fonctionnement de l'applicationet les actions des utilisateurs. Par exemple, l'entre de commandes doit

    se terminer par une indication de fin( Enter , OK ) laquelle des

    possibilits d'dition doivent trepralables.

    Contrle Utilisateur :L'utilisateur doitpouvoir contrler le droulement destraitements informatiques en cours.

    Par exemple, autoriser l'utilisateur interrompre tout traitement en cours.

  • 8/3/2019 Chapitre1 IHM TM LMD

    24/35 2

    Critres ergonomiques

    Contrle explicite

    nt r l e exp l ic it e : ex em p le de con t r l e u t i l .

  • 8/3/2019 Chapitre1 IHM TM LMD

    25/35 2

    Critres ergonomiques

    Contrle explicite

    nt r l e ex p l ic it e : ex em p le d ac t ion exp l ic it e .

  • 8/3/2019 Chapitre1 IHM TM LMD

    26/35 2

    Critres ergonomiques

    Adaptabilit Capacit ragir selon le contexte et

    selon les besoins et les prfrencesdes utilisateurs.

    Flexibilit :Mettre la disposition desutilisateurs des moyens pourpersonnaliser l'interface afin de rendrecompte de leurs stratgies ou habitude

    de travail et des exigences de la tche. Par exemple, les utilisateurs doivent

    pouvoir dsactiver des affichages inutiles.

    Prise en Compte de l'Exprience del'Utilisateur :Le systme doit respecterle niveau d'exprience de l'utilisateur. Par exemple, prvoir des choix d'entres

    pas--pas ou multiples selon l'exprience

    des utilisateurs.

  • 8/3/2019 Chapitre1 IHM TM LMD

    27/35 2

    Critres ergonomiques

    Adaptabilit

    aptab i li t : ex em ple de f lex ib i li t

  • 8/3/2019 Chapitre1 IHM TM LMD

    28/35 2

    Critres ergonomiques

    Adaptabilitexem p le de p r is e en com p te

  • 8/3/2019 Chapitre1 IHM TM LMD

    29/35 2

    Critres ergonomiques

    Gestion des Erreurs

    Moyens permettant d'une part d'viter

    ou de rduire les erreurs, d'autre part

    de les corriger lorsqu'ellessurviennent.

    Protection Contre les Erreurs :Mettre

    en place des moyens pour dtecter et

    prvenir les erreurs.

    Par exemple, toutes les actions possibles

    sur une interface doivent tre envisageset plus particulirement les appuis

    accidentels des touches du clavier afinque les entres non-attendues soientdtectes.

  • 8/3/2019 Chapitre1 IHM TM LMD

    30/35 3

    Critres ergonomiques

    Gestion des Erreurs Qualit des Messages d'Erreurs :

    S'assurer que l'information donneaux utilisateurs sur la nature des

    erreurs commises (syntaxe, format,etc.) et sur les actions entreprendrepour les corriger, soit pertinente, facile lire et exacte.

    Par exemple, utiliser un vocabulaireneutre, non-personnalis, nonrprobateur dans les messages d'erreurs;viter l'humour.

    Correction des Erreurs :Mettre ladisposition des utilisateurs desmoyens pour corriger leurs erreurs. Par exemple, fournir la possibilit de

    modifier les commandes lors de leursaisie.

  • 8/3/2019 Chapitre1 IHM TM LMD

    31/35 3

    Critres ergonomiques

    Gestion des erreurs

    on des e r r eu r s : exem p le de p ro tec tion

  • 8/3/2019 Chapitre1 IHM TM LMD

    32/35 3

    Critres ergonomiques

    Homognit/Cohrence

    Les choix de conception d'interface

    doivent tre conservs pour des

    contextes identiques, et doivent trediffrents pour des contextes

    diffrents.

    Par exemple, toujours afficher au mme

    endroit l'incitation pour la saisie desdonnes ou des commandes.

  • 8/3/2019 Chapitre1 IHM TM LMD

    33/35 3

    Critres ergonomiquesSignifiance des Codes et

    Dnominations

    Il doit y avoir adquation entre l'objet

    ou l'information affiche ou entre, et

    son rfrent

    Par exemple, rendre les rglesd'abrviation explicites.

  • 8/3/2019 Chapitre1 IHM TM LMD

    34/35 3

    Critres ergonomiques

    Compatibilit

    Il faut qu'il y ait accord entre lescaractristiques des utilisateurs et des

    tches, d'une part, et l'organisationdes sorties, des entres et dudialogue d'une application donne,d'autre part Par exemple, les termes employs

    doivent tre familiers aux utilisateurs, etrelatifs la tche raliser.

    En tirant la dfinition de ce critre, on

    peut y inclure le conceptd'internationalisation des sites, critiqueentres autres au dveloppement desaffaires.

  • 8/3/2019 Chapitre1 IHM TM LMD

    35/35

    Autres sources de

    critres ergonomiques Il existe d'autres ensembles de

    critres reconnus !!!

    Heuristiques de Nielsen. Keith Instoneen a prpar une version commente,ddie au web.

    La norme ISO 9241-10 s'intresse aussi l'ergonomie, mais ne semble pas aussi

    efficace que les Critres Ergonomiques D'autres normes ISO concernent aussi

    l'utilisabilit en gnral.

    Il existe aussi de nombreusesrecommandations concernant

    spcifiquement le web.