UCL Université catholique de Louvain Métro Web : logiciel de support à l'évaluation de la qualité ergonomique des sites web Céline Mariage Thèse présentée en vue de l'obtention du grade de Docteure en Sciences de Gestion Jury : Jean VANDERDONCKT (Université catholique de Louvain, Unité de Systèmes d'information) Promoteur Christelle FARENC (Université Toulouse III et IUT Tarbes) Marie-Paule KESTEMONT (Université catholique de Louvain, Unité de Marketing) Christophe KOLSKI (Université de Valenciennes et du Hainaut-Cambrésis) Guy LORIES (Université catholique de Louvain, Département de Psychologie) Mars 2005
Table des matières I L'existant 23 1 Introduction 25 2 La qualité ergonomique d'un site web 29 2.1 Introduction 29 2.2 L'ergonomie, un facteur de qualité du logiciel 30 2.2.1 Le génie logiciel 30 2.2.2 La standardisation 30 2.2.3 L'interaction homme-machine 31 2.3 L'évaluation selon le point de vue de l'utilisateur 31 2.4 L'évaluation selon le' point de vue du concepteur 32 2.5 L'évaluation selon le point de vue du développeur 34 2.6 L'évaluation selon le point de vue de l'évaluateur 35 2.6.1 Principe de l'évaluation 35 2.6.2 L'évaluation de la qualité ergonomique d'un site web 37 2.7 Motivations 37 3 Etat de l'art des modèles, méthodes et outils d'évaluation 39 3.1 Terminologie 39 3.2 Introduction 39 3.3 La classification MetroWeb 40 3.3.1 La classification de Senach 40 3.3.2 La classification de Whitefield, Wilson et Dowell 44 9
10 TABLE DES MATIERES 3.3.3 Le modèle linguistique d'interaction de Nielsen 45 3.4 Le profil MetroWeb 48 3.4.1 Le processus d'évaluation d'ivory 49 3.4.2 La classification ESPRIT de Calvary et Coutaz 50 3.4.3 Une autre expression des propriétés prises en charge lors de l'évaluation. 51 3.4.4 Les 5 dimensions de Balbo 53 3.4.5 La classification de Grislin et Kolski 55 3.4.6 Les 3 dimensions de Sweeney, Maguire et Shackel 56 3.4.7 Les disciplines catégorisantes de Holyer 57 3.4.8 La classification de Winckler, Pimenta, Palanque et Farenc 58 3.4.9 Utilisation de la classification et du profil MetroWeb 59 3.5 Etat de l'art des méthodes et outils 62 3.5.1 Méthodes et outils évaluant des systèmes réels 62 3.5.2 Méthodes et outils évaluant des systèmes mixtes, avec application réelle. 63 3.5.3 Méthodes et outils évaluant des systèmes mixtes, avec utilisateur réel.. 65 3.5.4 Méthodes et outils évaluant des systèmes représentés 65 4 Etat de l'art des connaissances ergonomiques propres au web 69 4.1 Introduction 69 4.2 Terminologie 71 4.2.1 L'utilisabilité 71 4.2.2 Le problème d'utilisabilité 71 4.2.3 Le guide de style 72 4.2.4 La règle ergonomique 72 4.3 Interfaces GUI traditionnelles vs pages web 73 4.4 Différences entre RE web vs RE GUI 77 4.4.1 Evolution des règles ergonomiques 77 4.4.2 Catégorisation des RE pour le web 78 4.4.3 Support des règles 83 4.5 Limites de l'utilisation des règles 85
TABLE DES MATIÈRES 11 4.6 Conclusion II MetroWeb : notre contribution à l'évaluation de la qualité ergonomique des sites web 89 5 La méthodologie de développement du logiciel MetroWeb 91 5.1 Hypothèses de travail 91 5.2 Choix méthodologiques 92 5.2.1 Particularisation du processus d'évaluation 92 5.2.2 Support à l'évaluation 96 6 Le cadre conceptuel MetroWeb pour le développement du logiciel 99 6.1 Cadre conceptuel des connaissances ergonomiques 99 6.1.1 Réseau sémantique définitionnel 100 6.1.2 Réseau sémantique assertionnel 104 6.1.3 Réseau sémantique implicationnel 105 6.1.4 Réseau sémantique exécutable 105 6.1.5 Réseau sémantique pédagogique 106 6.2 Tâches supportées par le logiciel 106 6.2.1 Introduction.. 106 6.2.2 Création de guides de style 107 6.2.3 Utilisation de guides de style dans la conception de sites web 108 6.2.4 Utilisation de guides de style dans l'évaluation de sites web 108 7 Développement du logiciel 113 7.1 MetroWeb 1.0 113 7.2 MetroWeb 2.0 118 8 Validation du logiciel 127 8.1 Introduction 127 8.1.1 Validation des règles ergonomiques 127 8.1.2 Validation des méthodes d'évaluation 128
12 TABLE DES MATIÈRES 8.1.3 Validation du logiciel 128 8.2 Etudes de cas 129 8.2.1 Aide à la conception de pages web dans un contexte professionnel 129 8.2.2 Utilisation du logiciel dans un contexte pédagogique 140 8.2.3 Création d'un guide de style web 149 8.3 Conclusion 157 9 Conclusion 159 9.1 Notre contribution 159 9.2 Discussion 161 9.3 Perspectives 161 Bibliographie 163 Annexes 174 A Classification et profils des méthodes d'évaluation de sites web 175 A.l Classification MetroWeb : méthodes et outils 176 A.2 Profil MetroWeb : méthodes et outils 177 A.2.1 Enregistreur et analyseur d'activité dynamique 177 A.2.2 Analyseurs statiques de code 179 A.2.3 Modèle prédictif 191 A.2.4 Questionnaires 193 A.2.5 Modèle de tâche 197 B Connaissances ergonomiques liées au web 199 C Spécifications de MetroWeb 201 Cl Introduction 201 C.2 Entités et associations du schéma conceptuel global 201 C.3 Le module portail 212 C.4 Le module de consultation et de gestion 213
TABLE DES MATIERES 13 C.5 Le module d'évaluation : production de rapport 213 D Etude de cas n l 217 D.l Questionnaire n l 217 D.2 Protocole d'expérimentation 222 D.2.1 Description 222 D.2.2 Objectif 222 D.2.3 Variables à tester 222 D.2.4 Consignes orales 222 D.2.5 Remarques 223 D.3 Questionnaire n 2 224 D.4 Résultats 225 D.5 Pages web 228 E Etude de cas n 2 235 E.l Guide d'animation de la discussion de groupe 235 E.l.l Objectif de la discussion de groupe 235 E.l.2 Identification de la composition du groupe 235 E.l.3 Instructions introductives 235 E.1.4 Topo général de la discussion 236 E.l.5 Discussion spécifique 236 E.1.6 Clôture de la discussion 236 E.2 Images et tableau illustrant l'étude 237 F Etude de cas n 3 241