L’évaluation ergonomique

dans le contexte du Web

Par
Florence Millerand, M.Sc
Équipe Développement et transfert technologique

TI Dinners du 13 février 2001

Plan
1. Introduction
2. Pourquoi réaliser des évaluations ergonomiques?
3. L ’ergonomie et l ’utilisabilité - Définitions
4. Méthodologies d ’évaluation ergonomique
6. Exemples de règles et principes d ’utilisabilité
pour l ’évaluation de sites Web
7. Conclusion

2
Introduction

Projet : « Guide pratique d ’évaluation de sites Web

Ergonomie - Technologie - Sécurité »

Ø Présentation basée sur le contenu du guide - Volet « Ergonomie »

3
L ’évaluation ergonomique, pourquoi? 1/3
Ø Quels sont les critères de succès d ’un site Web selon les utilisateurs?

Les critères de succès d ’un site Web auprès des utilisateurs

Source : Enquête de Forrester research, graphique extrait de Travis, David. (Octobre 2000).
“ What drives repeat visitors to your website? ”, System-Concepts [en ligne]
http://www.system-concepts.com/articles/forrester.html 4
L ’évaluation ergonomique, pourquoi? 2/3
Ø Comment assurer la qualité d ’un site Web?
(1) Un contenu de bonne qualité et à jour
è Adéquation du contenu avec les besoins des utilisateurs

è Principe d ’ utilité : pour que les utilisateurs puissent atteindre leurs

buts (obtenir l ’information recherchée, effectuer un achat, etc.).

(2) Une utilisation facile et des temps de téléchargements rapides
è Conception et choix technologiques appropriés

è Principe d ’utilisabilité : pour que les utilisateurs puissent atteindre

leurs objectifs d ’interaction (dialoguer facilement avec le système).
ð Comment faire un site Web « ergonomique », c ’est-à-dire utile et
utilisable?
ð Pour que les utilisateurs se concentrent sur leur tâche et non pas sur comment
utiliser le site Web.
5
L ’évaluation ergonomique, pourquoi? 3/3
Ø Quels sont les enjeux?
Dans le cas d ’un site de commerce électronique, un visiteur insatisfait par
faible degré d ’utilisabilité (par exemple une navigation trop complexe) peut
devenir en quelques cliques le client du site Web concurrent…

Ø Quelles sont les contraintes?

(a) Diversité des profils d ’utilisateurs : âge, attentes, besoins, habiletés,
équipement… (ex: site Web d ’un ministère)
è Comment concevoir un site Web adapté à sa clientèle?
(b) Évolution de la technologie (diversification des plates-formes)
è Comment concevoir des interfaces dans un contexte où la technologie
évolue rapidement?

6
Définitions & concepts de base 1/3
Ø L ’ergonomie
« L’ergonomie est l’ensemble des 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é » (Wisner, 1972).

Ø L ’ergonomie cognitive
« L ’ergonomie cognitive recouvre l ’ensemble des études portant sur les
processus d'acquisition de l'information par l'esprit humain ».
« Connaître le fonctionnement cognitif de la personne pour y adapter le
fonctionnement du logiciel ».

7
Définitions & concepts de base 2/3
Ø L'ergonomie cognitive
u Science appliquée - Approche interdisciplinaire (psychologie,
anthropométrie, ingénierie).
u Basée sur des connaissances de psychologie cognitive en matière
è d ’attention,
è de perception visuelle (théorie de la forme),
è de mémorisation (nombre d ’unités d ’information maximal qu ’une personne est
capable de retenir en mémoire à court terme : 7+-2), etc.

Ø Dans le cas des interfaces informatiques, le travail d’ergonomie consiste à

mettre en œuvre des solutions pour permettre à l ’utilisateur de réaliser sa tâche
avec efficacité (rapidité et facilité), confort et minimisation des risques
d ’erreur, en allégeant le plus possible sa charge mentale de travail.

8
Définitions & concepts de base 3/3
Ø L ’utilisabilité
« L’utilisabilité est le degré auquel un produit peut être utilisé par un ensemble
donné d’utilisateurs dans un contexte précis d’utilisation afin de réaliser des
tâches spécifiques de façon efficace et à la satisfaction des utilisateurs » (ISO
9241-11).

ð Concrètement, le degré d’utilisabilité d’un système réside dans sa capacité à

être utilisé par un individu. L ’utilisabilité renvoie essentiellement à la facilité
d ’apprentissage et à la facilité d ’utilisation d ’un système.

ð Par extension, on désigne les moyens et ressources permettant d’évaluer et de

faciliter l’utilisation d’un système (tests d ’utilisabilité).

9
Méthodologies d ’évaluation 1/9
Ø Deux méthodologies d ’évaluation:

(1) L ’évaluation heuristique (ou « évaluation experte »)

(2) Les tests d ’utilisabilité

10
Méthodologies d ’évaluation 2/9
(1) L ’évaluation heuristique
ð Évaluation de la conformité d’une interface en regard de critères
ergonomiques ou heuristiques.

ð Évaluation réalisée par 3 à 5 évaluateurs.

ð Les critères ergonomiques

•sont tirés de la recherche;

•permettent d’éviter les pièges de la subjectivité et des goûts
personnels;
•donnent un cadre de travail objectif (grille d ’évaluation standard).

11
Méthodologies d ’évaluation 3/9
Ø Critères ergonomiques

u Compatibilité
u Cohérence
u Charge de travail
u Adaptation
u Contrôle du dialogue
u Représentativité
u Guidage
u Gestion des erreurs

Source : J. Vanderdonckt, C. Mariage, Introduction à la conception ergonomique des pages Web, tutoriel n°5,
ERGO-IHM ’ 2000 (Biarritz, 3 octobre 2000).

12
Méthodologies d ’évaluation 4/9
(2) Tests d ’utilisabilité
ð Tests auprès d ’un groupe d ’ utilisateurs auxquels on soumet des scénarios de
consultation qui sont directement liés à leur tâche.

ð Tests effectués auprès d ’un nombre x de « vrais » utilisateurs

5 utilisateurs permettent de détecter 80% des problèmes;

15 utilisateurs permettent de détecter 100% des problèmes.

ð Effectuer trois tests avec 5 utilisateurs répartis dans le temps plutôt qu ’un
seul test impliquant 15 utilisateurs permet d’intégrer les corrections après
chaque test.

13
Méthodologies d ’évaluation 5/9
ð Validité des scénarios à tester : ils doivent couvrir l ’ensemble des tâches (sinon
les principales).

ð Sur quoi porte l ’analyse?

ð Les résultats aux tests (% de réussite, durée d’exécution, etc.) ;
ð Les réponses aux questionnaires;
ð L’enregistrement vidéo des séquences de tests (le cas échéant).

14
Méthodologies d ’évaluation
(1) L ’évaluation heuristique
Avantages :
u Excellente pour fournir rapidement
de la rétroaction sur la conception
(tôt dans le cycle de développement)
u N’exige pas d’implication des
utilisateurs qui peuvent être
difficiles à recruter;
u Permet de détecter les problèmes les
plus évidents (ex. : problème de
navigation).
u Reste peu coûteuse en comparaison
des tests d ’utilisabilité.
6/9
Inconvénients :
u Ne permet pas toujours de détecter
les problèmes de manque de
compatibilité avec la tâche;
u Ne permet pas toujours de
déterminer l ’importance des
problèmes (priorité de résolution);
u Biais de la subjectivité : les
problèmes détectés peuvent varier
d’un expert à l’autre.
u Peu fiable si effectuée par un seul
évaluateur.
15
Méthodologies d ’évaluation
(2) Les tests d ’utilisabilité
Avantages :
u Essentiels pour vérifier une
hypothèse de conception;
u Excellents pour évaluer la
compatibilité de l’interface avec la
tâche;
u Peuvent fournir des solutions
concrètes d ’amélioration;
u Permettent d ’établir une priorité de
résolution des problèmes détectés.
7/9
Inconvénients :
u Difficulté de former un échantillon
représentatif d ’utilisateurs;
u Nécessitent que l ’interface existe;
u Peuvent s’avérer coûteux en temps
et en argent.
16
Méthodologies d ’évaluation 8/9
Ø Quelle méthode choisir?
Différents critères :
u Buts de l ’évaluation (quel est le type de problèmes à détecter);
u Étape du cycle de développement;
u Budget;
u Ressources disponibles (ex: accès à une banque d ’utilisateurs).

17
Méthodologies d ’évaluation 9/9
u L ’évaluation heuristique
è Méthode efficace pour repérer les problèmes ergonomiques majeurs d ’un
site Web (problèmes de lisibilité, de navigation, d ’organisation des
contenus, etc.).
ð Méthode qui peut être recommandée en guise de première évaluation
ergonomique.

u Les tests d ’utilisabilité

è Méthode efficace pour vérifier la conformité du site avec la tâche et les
besoins des utilisateurs.
ð Méthode plus précise et plus complète mais aussi plus longue et plus
coûteuse.
ð Les deux méthodes sont complémentaires; on recommande de réaliser les
deux.
18
Exemples de règles et principes d ’utilisabilité 1/5
Ø Présentation des pages Web
Ø Structure du site
Ø Navigation
Ø Couleurs, images, animations, effets multimédias
Ø Performance
Ø Soutien aux utilisateurs
Ø Entrée de données (formulaires)

19
Exemples de règles et principes d ’utilisabilité 2/5
Ø Présentation des pages Web
u Lisibilité

è Polices de caractère : 3 maximum; chacune doit remplir une fonction

distincte (ex: une pour les titres, une autre pour les éléments de
navigation, etc.)
ü Privilégier les polices sans empattement comme Arial, Helvetica ou
Verdana qui offrent une bonne visibilité
è Attribut et style : éviter l ’utilisation des lettres majuscules et réserver le
soulignement aux liens hypertextes
è Etc.

20
Exemples de règles et principes d ’utilisabilité 3/5
u Mise en page
è Format du texte : découper le texte en petites unités, c’est-à-dire en
paragraphes courts séparés par des titres et intertitres; la règle est de
scinder un texte en 2 ou 3 niveaux d’emboîtement (section, sous-section,
sous sous-section)
ü Privilégier la présentation des éléments d’information en listes ou en
colonnes, par exemple en utilisant les puces
è Hiérarchisation de l ’information : présenter l’information importante en
premier; elle doit être visible sans qu’il soit nécessaire de faire défiler la
page
ü La plupart des utilisateurs ayant encore des moniteurs de 15 pouces, placer
les informations importantes dans les 4 premiers pouces verticaux, soit dans
un bandeau de 10 cm environ en partant du haut.
è Etc.
21
Exemples de règles et principes d ’utilisabilité 4/5
Ø Navigation
u Principes de navigation

è Indices de repérage : chaque page doit comporter des éléments de

repérage afin que l’utilisateur puisse localiser la page courante parmi
l’ensemble des pages du site.
ü Exemples d’indices : indication du chemin parcouru, le bouton de la page
affichée est de couleur différente (ex. : grisé), le titre du document a changé
et est approprié au contenu de la page affichée (titre qui apparaît en haut de
la fenêtre du navigateur), etc.
è Lien vers la page d’accueil : permettre le retour à la page d’accueil à
partir de toutes les pages.
ü Effectuer ce lien soit à partir du logo, soit à partir d’un bouton “ Accueil ”.
è Etc.
22
Exemples de règles et principes d ’utilisabilité 5/5
Ø Structure du site
u Type de structure

è séquentielle
è tabulaire
è hiérarchique
è en réseau

u Règle des trois

cliques

Graphique extrait de Lynch, Patrick J., Horton, Sarah. Web Style Guide : Basic Design
Principles for Creating Web Sites, Yale University Press, 1999
23
Conclusion
Projet : « Guide pratique d ’évaluation de sites Web
Ergonomie - Technologie - Sécurité »

Contenu du guide - Volet « Ergonomie »:

u Définitions et concepts de base en ergonomie et utilisabilité
u Méthodologies d ’évaluation ergonomique
u Règles et principes d ’utilisabilité pour la conception et l ’évaluation
ergonomique de sites Web
u Recommandations et exemples de solutions techniques
u Listes de vérification

24