• Aucun résultat trouvé

[PDF] Tutoriel sur les Critères ergonomiques pour la conception d’IHM | Cours informatique

N/A
N/A
Protected

Academic year: 2021

Partager "[PDF] Tutoriel sur les Critères ergonomiques pour la conception d’IHM | Cours informatique"

Copied!
56
0
0

Texte intégral

(1)

Critères ergonomiques

pour la conception d’IHM

Alexandre.Demeure@inrialpes.fr Equipe PRIMA, INRIA Montbonnot

(2)

Ergonomie

Définie en 1988 par la "Société d'Ergonomie de Langue Française" :

• la mise en œuvre de connaissances scientifiques relatives à l'homme, et nécessaires pour concevoir des outils, des machines et des dispositifs qui puissent être utilisés avec le maximum de confort, de sécurité et d'efficacité pour le plus grand nombre.

Puise ses fondements dans la diversité et la variabilité des êtres humains et des situations d'usage.

Dans ces diversité et variabilité, des déviations peuvent apparaître entre tâches prescrites et effectives. L'ergonomie vise à réduire ces écarts par la proposition de systèmes ajustés à l'humain.

(3)

Ergonomie

L'ergonomie travaille à trois niveaux :

(4)

Ergonomie

L'ergonomie travaille à trois niveaux :

1. physique : Adéquation morphologique entre l'humain et son poste de travail. 2. social : Compatibilité de l'environnement de travail avec les attentes des

(5)

Ergonomie

L'ergonomie travaille à trois niveaux :

1. physique : Adéquation morphologique entre l'humain et son poste de travail. 2. social : Compatibilité de l'environnement de travail avec les attentes des

(6)

Ergonomie

L'ergonomie travaille à trois niveaux :

1. physique : Adéquation morphologique entre l'humain et son poste de travail. 2. social : Compatibilité de l'environnement de travail avec les attentes des

utilisateurs.

3. cognitif : Conformité des représentations et traitements des informations avec les attentes et capacités des utilisateurs.

(7)

Ergonomie

L'ergonomie travaille à trois niveaux :

1. physique : Adéquation morphologique entre l'humain et son poste de travail. 2. social : Compatibilité de l'environnement de travail avec les attentes des

utilisateurs.

3. cognitif : Conformité des représentations et traitements des informations avec les attentes et capacités des utilisateurs :

o Aspects perceptivo-moteurs

Les dispositifs d'interactions doivent être adaptés à la tâche et aux capacités de l'utilisateur (ex : édition de dessin avec une tablette graphique...)

o Aspects linguistiques / Codage de l'information

Eviter les nommages/codages arbitraires (ex : choix des icônes...)

o Aspects structuration de l'activité

La structure de l'interface doit refléter le mode de raisonnement de l'utilisateur dans la réalisation de sa tâche (ex : espaces de travails...)

(8)

Ergonomie

Capacités de l'utilisateur

• Capacité de la mémoire à court terme : ~7 éléments • Temps de traitement d'une information

• Loi de Fitts

Le temps de pointage sur une cible dépend de la distance (D) à celle-ci et de sa taille (T). Cette loi dépend aussi des capacités personnelles (a et b, mesurable par l'expérience)

(9)

Ergonomie : conception / évaluation

Conception : Il existe des guides ergonomiques

• Capitalisation de savoir-faire, de recommandations • utiles pour acquérir un peu d'expérience

• ... mais TRES volumineux

Evaluation : Référentiels ergonomiques

• ISO, Schneiderman, Nielsen, ...

• Scapin-Bastien (INRIA Rocquencourt)

o 8 critères ergonomiques

o Non indépendants

(10)

Critères de Scapin-Bastien

Huit critères : 1.Guidage 2.Charge de travail 3.Contrôle explicite 4.Adaptabilité

5.Gestion des erreurs

6.Homogénéité/Cohérence

7.Signifiance des codes et dénominations 8.Compatibilité

(11)

Critère 1 : Guidage

Le guidage est l'ensemble des moyens mis en œuvre pour conseiller, orienter, informer et conduire l'utilisateur lors de ses interactions avec l'ordinateur (messages, alarmes, labels, etc.) y compris dans ses

aspects lexicaux.

• Faire connaitre à l'utilisateur l'état du système

• Lui permettre d'établir des liens de causalité entre ses actions et l'état du système

Objectif : facilité l'utilisation et l'apprentissage du système Deux types de guidages :

• Explicite : messages émis par le système (ex : erreur, labels, ...)

(12)

Critère 1 : Guidage

Sous critère incitation

• Principe : Inciter l'utilisateur à exécuter des actions spécifiques

• Objectif : Aider l'utilisateur dans son interaction en lui fournissant les éléments nécessaires à une utilisation correcte

• Recommandations :

o Fournir la liste des saisies attendues

o Guider les entrées de données en indiquant le format acceptable et les valeurs acceptables

o Indiquer les unités de mesure

o Indiquer toutes les informations d'état

o Pour chaque champs de données, fournir un label

o Fournir un indice sur la longueur autorisée des entrées

o Donner un titre à chaque fenêtre

o Fournir des aides accessibles en ligne

(13)

Critère 1 : Guidage

(14)

Critère 1 : Guidage

Sous critère groupement/distinction

• Principe : l'utilisateur appréhende un outil selon la règle de similarité, donc :

o Regrouper les informations de même type

o Distinguer les données particulières • Recommandations :

o Grouper par format et/ou position

o Information distincte => présentation distincte

o Distinction des aires ayant des fonctions différentes

(ex : commandes, messages, édition, ...)

(15)

Critère 1 : Guidage

(16)

Critère 1 : Guidage

Sous critère groupement / distinction Théorie de Gestalt (forme en Allemand)

Lorsqu’un observateur regarde une composition graphique, il a tendance à ordonner les éléments de cette composition afin de faciliter et clarifier leur lecture. Notre cerveau organise, interprète et classe les éléments afin de simplifier la complexité visuelle de notre environnement. Cette simplification s’effectue en regroupant les entités qui présentent des caractéristiques communes.

Principe de proximité Principe de similarité Principe de continuité

(17)

Critère 1 : Guidage

Sous critère groupement / distinction Théorie de Gestalt (forme en Allemand)

Stabilité multiples

Réification

(18)

Critère 1 : Guidage

Sous critère groupement/distinction

(19)

Critère 1 : Guidage

Sous critère groupement/distinction

(20)

Critère 1 : Guidage

Sous critère groupement/distinction

(21)

Critère 1 : Guidage

Sous critère groupement/distinction Guide :

• Lister les catégories présentes et relever leur organisation spatiale • Lister les catégories présentes et relever leur format

• Les informations du même types sont elles regroupées? • Donner aux éléments des caractéristiques graphiques

• particulières afin d'indiquer leur appartenance, ou non, à une classe donnée d'objets. (ex : rouge <->erreur)

• Distinguer des éléments par le format, c'est attribuer des formats différents aux éléments qui sont différents.

(22)

Critère 1 : Guidage

Sous critère retour d'information

• Principe : Signaler le fonctionnement du système et fournir un retour aux actions utilisateur

(23)

Critère 1 : Guidage

Sous critère retour d'information • Recommandations

o Le système doit répondre à toute action de l'utilisateur par un changement de présentation de l'interface

o Toujours faire apparaître sur l'écran les entrées effectuées par

l'utilisateur (sauf confidentielles)

o Toute action à l'initiative de l'utilisateur ou du système doit conduire à un résultat observable

o Indiquer les modes de fonctionnement du système

o Indiquer le curseur actif lorsque plusieurs curseurs sont présents sur une même page

o Signaler les traitements longs par un message d'attente

o Toujours faire apparaître les saisies utilisateur

(24)

Critère 1 : Guidage

(25)

Critère 1 : Guidage

Sous critère lisibilité

• Se réfère aux caractéristiques lexicales de présentation des informations sur l'écran

• Recommandations :

o Le curseur doit être facilement repérable

o Une police droite est préférable

o Les lettres sombres sur fond clair sont plus lisibles

o Un texte en majuscules et minuscule est lu plus rapidement que le même texte en majuscule

(26)

Critère 1 : Guidage

Sous critère lisibilité

Définition du guidage : c’est l’ensemble des moyens mis en oeuvre pour conseiller, orienter, informer et conduire

l’utilisateur lors de ses interactions avec l’ordinateur (messages, alarmes, labels, etc.)

DEFINITION DU GUIDAGE : C'EST L'ENSEMBLE DES MOYENS MIS EN OEUVRE POUR CONSEILLER,

ORIENTER, INFORMER ET CONDUIRE L'UTILISATEUR LORS DE SES INTERACTIONS AVEC L'ORDINATEUR (MESSAGES, ALARMES, LABELS, ETC.)

(27)

Critère 1 : Guidage

Autre exemple Video TableTop

(28)

Critère 2 : Charge de travail

La charge de travail concerne l'ensemble des éléments de l'interface qui ont un rôle dans la réduction de la charge

perceptive ou mnésique des utilisateurs et dans l'augmentation de l'efficacité du dialogue

(29)

Critère 2 : Charge de travail

Sous critère brièveté/concision/actions minimales Sous critère densité informationnelle

• Objectif : Limiter le travail de lecture, d'entrée et les étapes par lesquelles doivent passer les usagers.

• Recommandations :

o N'afficher que les informations pertinentes

o Réduire le nombre d'actions élémentaires pour un objectif donné

o Minimiser les saisies/lectures

(ne pas avoir à saisir un 0 en tête des nombres, des unités, etc.)

o Si des items sont supérieurs à 4 ou 5 caractères, utiliser des mnémoniques ou abbréviations

o Entrer des items courts

o Éviter les textes verbeux

o Ne demander que des infos non déductibles par le système

o Éviter à l'utilisateur d'avoir à se souvenir d'infos d'une fenêtre à l'autre

o Ne pas avoir à faire des calculs qui peuvent être effectués automatiquement

(30)
(31)

Critère 2 : Charge de travail

contactez-nous

Pour nous contacter, vous pouvez cliquer sur ce lien, nous répondrons très très vite car nous savons que votre temps est important

(32)

Critère 2 : Charge de travail

Autre exemple

(33)

Critère 3 : Contrôle explicite

Concerne à la fois la prise en compte par le système des actions explicites des utilisateurs et le contrôle qu'ont les utilisateurs sur le traitement de leurs actions

• Comprendre le fonctionnement • Prévoir l'effet des commandes

Deux possibilités :

• Actions explicites : seules les opérations demandées par l'utilisateur doivent être réalisées par le système

• Contrôle utilisateur : degré de maîtrise de l'utilisateur sur les traitement effectués

(34)

Critère 3 : Contrôle explicite

Recommandations :

• Valider explicitement les commandes importantes ou difficillement réversibles

• Offrir la possibilité d'interrompre les traitements longs • Autoriser les retours en arrière

(35)

Critère 3 : Contrôle explicite

(36)

Critère 3 : Contrôle explicite

(37)

Critère 3 : Contrôle explicite

(38)

Critère 3 : Contrôle explicite

Autre exemple

Video Sedan-Bouillon BMW

(39)

Critère 4 : Adaptabilité

Concerne la capacité d'un système à réagir selon le contexte et selon les besoins et préférences des utilisateurs.

• Flexibilité (ex : plusieurs façons de faire...)

• Prise en compte de l'expérience de l'utilisateur

Recommandations :

• Permettre d'activer les commandes à la fois au clavier et à la souris • Autoriser le déclenchement d'une commande fréquente de plusieurs

fenêtres de l'application

• Permettre à l'utilisateur de paramétrer le logiciel selon ses préférences

(40)

Critère 4 : Adaptabilité

(41)

Critère 4 : Adaptabilité

(42)

Critère 4 : Adaptabilité

Autre exemple Video Façade Video MTM

(43)

Critère 5 : Gestion des erreurs

Concerne les moyens permettant, d'une part, d'éviter ou de réduire les erreurs et, d'autre part, de les corriger lorsqu'elles surviennent.

(44)

Critère 5 : Gestion des erreurs

Sous critère protection contre les erreurs Recommandations :

• Griser les commandes non disponibles • Fournir la liste des valeurs possibles • Détecter les erreurs au plus tôt

• Minimiser les saisies clavier

(45)

Critère 5 : Gestion des erreurs

Sous critère qualité des messages d'erreurs Recommandations :

• Placer le message là où l'utilisateur est censé regarder • Mettre en évidence le champ erroné

• Afficher des messages d'erreur explicites, brefs, non réprobateurs et autosuffisants

(46)

Critère 5 : Gestion des erreurs

Sous critère correction des erreurs

Recommandations :

• Fournir une option "retour arrière"

• Fournir les moyens de résoudre les abréviations ambigües • Fournir une façon d'annuler les effets d'une commande

(47)

Critère 6 : Homogénéité-Cohérence

Se réfère à la façon selon laquelle les choix de conception de l'interface (codes, dénominations, formats, procédures, etc.)

sont conservés pour des contextes identiques et sont différents pour des contextes différents.

Recommandations :

• Localisation similaire des fenêtres • Format d'écran similaires

(48)
(49)

Critère 7 : Signifiance des codes et dénominations

Concerne l'adéquation entre l'objet ou l'information affichée ou entrée et son référent. Des codes et dénominations signifiants disposent d'une relation sémantique forte avec leur référent. Recommandations :

• Les titres doivent véhiculer ce qu'ils représentent

• Les règles de contraction/abréviation doivent être explicitent • Les labels soivent être distincts

(50)
(51)

Critère 8 : Compatibilité

Se réfère à l'accord pouvant exister entre les caractéristiques des utilisateurs (mémoire, perceptions, habitudes,

compétences, âge, attentes, etc.) et des tâches d'une part, et l'organisation des sorties, des entrées et du dialogue d'une application donnée d'autre part.

Concerne de plus le degré de similitude entre divers environnements, diverses applications

Objectif : maximiser la réutilisation de connaissances

• Compatibilité entre logique utilisateur et logique du système • Compatibilité avec les autres applications

(52)
(53)

Critère 8 : Compatibilité

Autre exemple

(54)

Critères de Scapin-Bastien : Conclusion

Nécessaire, mais pas suffisant

Utiles en conception et lors des phases de corrections Limites

• Donne des objectifs, mais pas les moyens d'y parvenir • Très loin de la complexité réelle

(ex : raisonnements des utilisateurs)

Besoin de prendre en compte directement les retours des utilisateurs! Le plus rapidement possible!

(55)

Vidéos

(56)

Quelques liens

• http://www.webpagesthatsuck.com • http://www.baddesigns.com • Prototypage : www.balsamiq.com • http://www.pixenjoy.com/langage-visuel-la-gestalt • http://harel.guillaume.free.fr/ihm/criteres-afnor

Références

Documents relatifs

Plus globalement, les conséquences sont aussi très lourdes sur l’ensemble de notre relation au savoir enregistré et peut-être même sur l’ensemble des relations sociales si l’on

Cette expérience, qui dura quatre ans, et mobilisa de multiples analyses et négociations à tous les niveaux de l'institution, conduisit à un résultat que l'on peut considérer comme

It has also allowed the Court to brush aside the question of how these measures fit into the wider picture: one in which (a) military authorities have confiscated thousands of

Mais cette coopération entre les administrations et la Coordination allait se tendre et après la publication des deux décrets à la fin de l'année 2002 sur

L’archive ouverte pluridisciplinaire HAL, est destinée au dépôt et à la diffusion de documents scientifiques de niveau recherche, publiés ou non, émanant des

Cette doctrine anthropologique d’origine nord-américaine qui s’affirme avec force tout au long du XX è siècle en postulant l’originalité singulière de chaque culture

Pendant le processus de transition de l’école à la vie active, un accompagnement axé sur la résilience vise à proposer aux élèves ayant des incapacités intellectuelles de

L’étude vise la caractérisation des processus cognitifs, largement implicites, que des entraîneurs experts en gymnastique artistique manifestent au cours de