Guide Pratique De Conception Et D'évaluation Ergonomique .

Guide pratique de conception etd'évaluation ergonomiquede sites WebFlorence MillerandOdile Martial3 août 2001VERSION 1

Guide pratique de conception etd'évaluation ergonomique de sites WebPour toutes informations supplémentaires, contactez :Info-crim@crim.ca,550, rue Sherbrooke Ouest, bureau 100Montréal, QC, H3A 1B9(514) 840-1234www.crim.ca 2001 Centre de Recherche Informatique de Montréal.Tous droits réservés.2

Table des matièresLISTE DES TABLEAUX5LISTE DES FIGURES5OBJECTIFS DU GUIDE61LE SUCCÈS D’UN SITE WEB71.11.21.31.4Les objectifs du siteLes utilisateursLa technologieLes coûts de production et de maintenance79992L’ERGONOMIE DANS LE CYCLE DE DÉVELOPPEMENT D’UN SITEWEB102.12.22.32.42.5La démarche ergonomiqueLa phase d’analyseLa phase de conceptionLa phase de productionLa phase d’évaluation10101111123LES MÉTHODOLOGIES D’ÉVALUATION ERGONOMIQUE133.13.23.3L’évaluation experteLes tests d’utilisabilitéQuelle méthode choisir?1313144RÈGLES ET PRINCIPES D’UTILISABILITÉ164.1Architecture de l’information174.1.1 Le choix d’une architecture appropriée4.1.2 Niveaux de profondeur4.1.3 Organisation et hiérarchisation de l’information4.1.4 Catégorisation de l’information171819194.24.3Page d’accueil194.2.1 Fonctions de la page d’accueil4.2.2 Contenu de la page d’accueil4.2.3 Style de la page d’accueil4.2.4 Longueur de la page d’accueil20202121Présentation des pages214.3.1 Présentation conforme à une charte graphique4.3.2 Présentation conforme aux règles de mise en page sur le Web4.3.3 Présentation conforme à la perspective utilisateur212427

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E B4.44.54.64.74.8E TD ' É V A L U A T I O NNavigation284.4.1 Principes de navigation dans le site4.4.2 Principes de navigation dans la page4.4.3 Principes de conception des liens4.4.4 Fonction de recherche4.4.5 Plan du site4.4.6 Index du site283233353637Animations et effets multimédias (audio et vidéo)374.5.1 Présence d’animations ou d’effets multimédias4.5.2 Utilisation du clignotement4.5.3 Utilisation de textes animés ou défilants4.5.4 Utilisation de la technologie Flash4.5.5 Utilisation de la vidéo3738383838Formulaires394.6.1 Utilisation des formulaires4.6.2 Présentation des formulaires4.6.3 Gestion du dialogue et des erreurs393944Performance et accessibilité454.7.1 Temps de réponse4.7.2 Compatibilité avec les plates-formes, versions de navigateurs et plugiciels4.7.3 Personnalisation des messages d’erreur4.7.4 Accessibilité des couleurs, images, animations et effets multimédias45464748Contenu494.8.1 Contenu conforme à la perspective utilisateur4.8.2 Contenu textuel4.8.3 Contenu graphique4.8.4 Soutien aux utilisateurs495152525LISTES DE CONTRÔLE545.15.25.35.45.55.65.75.8Liste de contrôle sur l’architecture de l’informationListe de contrôle sur la page d’accueilListe de contrôle sur la présentation des pagesListe de contrôle sur la navigationListe de contrôle sur les animations et effets multimédias (audio et vidéo)Liste de contrôle sur les formulairesListe de contrôle sur la performance et l’accessibilitéListe de contrôle sur le NEXE 1 – CRITÈRES ERGONOMIQUES76ANNEXE 2 – NORMES INTERNATIONALES77Tous droits réservés 2001 CRIM4

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E BE TD ' É V A L U A T I O NListe des tableauxTableau 1. : Les méthodes d’évaluation ergonomique dans le cycle de développement d’un site Web .14Tableau 2. : Avantages et inconvénients de l’évaluation experte et des tests d’utilisabilité.15Tableau 3. : Conventions d’utilisation des commandes sur le Web .43Tableau 4. : Taille maximale des pages selon la vitesse de transmission .46Liste des figuresFigure 1. - Les critères de succès des sites Web selon les utilisateurs .8Figure 2. - Les quatre types d’architecture de sites Web .18Tous droits réservés 2001 CRIM5

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E BE TD ' É V A L U A T I O NObjectifs du guideCe guide se veut un outil pratique destiné tant aux spécialistes qu’aux non spécialistes quidésirent concevoir et évaluer un site Web sur le plan ergonomique.Les chapitres 1 à 3 présentent des définitions et concepts de base sur la perspectiveergonomique ainsi que les méthodologies d’évaluation ergonomique existantes.Le chapitre 4 est une synthèse des règles et principes d’utilisabilité pour la conception etl’évaluation ergonomique de sites Web. Ces règles et principes portent sur l’architecture del’information, la page d’accueil, la présentation des pages, la navigation, les animations eteffets multimédias (audio et vidéo), les formulaires, la performance et l’accessibilité, et lecontenu.Le chapitre 5 regroupe des listes de contrôle qui permettent d’évaluer la conformité d’un siteWeb en regard des règles et principes d’utilisabilité retenus dans ce guide.Les concepteurs et développeurs de sites Web trouveront dans ce guide desrecommandations et, le cas échéant, des exemples de solutions techniques en matière deconception et de développement ergonomique de sites Web.Tous droits réservés 2001 CRIM6

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E BE TD ' É V A L U A T I O N1Le succès d’un site Web1.1Les objectifs du siteDes études en utilisabilité*1 ont permis d’identifier les critères de succès des sites Web auprèsdes utilisateurs, autrement dit les conditions gagnantes qui font que les utilisateurs retournentvisiter un site. Elles sont au nombre de quatre2 :1. Un contenu de qualité;2. Des mises à jour fréquentes;3. Des temps de téléchargement minimaux;4. Un usage facile.Par ailleurs, les résultats d’une enquête effectuée par Forrester Research auprès de ménagesutilisateurs du Web confirment la prédominance de ces quatre critères comme l’illustre lafigure 1.1Les mots suivis d’un astérisque sont définis dans le glossaire à la fin du document.2Nielsen, Jacob. 2000. Designing Web Usability, the Practice of Simplicity, New Riders Publishing, p. 381Tous droits réservés 2001 CRIM7

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E BE TD ' É V A L U A T I O NContenu de haute qualitéFacilité d'utilisationTéléchargement rapideMises à jour fréquentesBons de réduction et autres incitatifsMarques favoritesJeuxTechnologie à la fine pointePossibilité d'achatsClavardage et babillard électroniqueContenu personnalisableAutres0%20%40%60%80%100%% de ménages utilisant le WebFigure 1. - Les critères de succès des sites Web selon les utilisateurs3Pour qu’un site réponde à ces critères, on considère en ergonomie* qu’il doit être à la foisutile, c’est-à-dire adapté aux besoins et attentes des utilisateurs, et utilisable, c’est-à-direfacile à apprendre et à utiliser.Le critère d’utilité reste le critère fondamental du succès d’un site Web. Ainsi, un site quiprésente des problèmes sur le plan de son utilisabilité sera quand même utilisé s’il répond defaçon adéquate et unique aux besoins des utilisateurs, et dans la mesure où sa consultationrequiert un effort raisonnable.En revanche, un site peu utilisable qui présente des défauts sur le plan de sa conception (ex :une mauvaise architecture de l’information) ou sur le plan technologique (ex : des temps detéléchargement trop longs) et dont le contenu n’est pas unique risque fort d’être ignoré parles utilisateurs. Car il ne faut pas oublier que sur le Web, il suffit d’un clic pour quitter un site!3 Graphique traduit et adapté de : Travis, David. (Octobre 2000). « What drives repeat visitors to your website? », SystemConcepts [en ligne] html. L’enquête de Forrester Research étaiteffectuée auprès de 8 600 foyers utilisateurs du Web.Tous droits réservés 2001 CRIM8

G U I D E P R A T I Q U E D E C O N C E P T I O NE R G O N O M I Q U E D E S I T E S W E B1.2E TD ' É V A L U A T I O NLes utilisateursLe World Wide Web est utilisé par des utilisateurs souvent nombreux et aux profils trèsdisparates qu’il est difficile de cerner précisément, sauf dans le cas d’un intranet. Or, laconnaissance – même minimale – des profils des utilisateurs futurs permet de concevoir dessites plus adaptés à leurs besoins.En effet, les utilisateurs présentent des niveaux d’expertise variables en matière d’utilisationdu Web. Un site sera d’autant mieux conçu que les choix en termes de style de navigation etd’architecture de l’information seront appropriés au niveau des utilisateurs, de débutants àexpérimentés.1.3La technologieLes équipements grâce auxquels les utilisateurs consultent les sites Web sont variés et ilsévoluent rapidement. Dans l’optique de garantir l’accessibilité d’un site auprès des utilisateursvisés, on doit s’assurer qu’il peut être consulté sur différentes plates-formes (PC, Macintosh,Sun ), affiché correctement selon les niveaux de résolution permis et compatible avec lesdifférentes versions des navigateurs et plugiciels.À l’heure actuelle, les sites Web sont consultés principalement à partir de micro-ordinateurs,mais on assistera dans les années à venir à une diversification des plates-formes. Par exemple,les petits écrans des technologies mobiles (téléphones) impliqueront pour le serveur de gérerles questions complexes d’affichage pour faire preuve de compatibilité.De même, la consultation des sites ne se fait pas de la même façon sur un écran d’ordinateuret sur un téléphone mobile; il faudra donc concevoir des spécifications d’interface*appropriées selon les différentes plates-formes.1.4Les coûts de production et de maintenanceLa programmation en HTML étant à la portée de plusieurs, on pourrait croire que les coûtsde développement d’un site Web sont peu élevés. Cependant, comme n’importe quelleapplication logicielle, des erreurs de conception et des choix technologiques inappropriésconduiront soit à l’échec du projet, par exemple à la non-utilisation du site Web par lesutilisateurs, soit par des coûts de maintenance prohibitifs.En outre, les temps nécessaires à la mise à jour et à l’animation des sites sont souvent sousestimés.Tous droits réservés 2001 CRIM9