Rapport d'audit ergonomique www.groupe-courtois.fr Etabli par : Rodolphe HERAUD Pascal HERTEREAU Nicolas GUIRAO Sébastien TANGUY Testapic 2012 1/154
Méthodologie Contexte Les critères présentés dans cet audit sont issus de la synergie des bonnes pratiques élaborées par des experts en ergonomie. Les critères ont été retravaillés, complétés, illustrés par l équipe Testapic afin de proposer un service d'audit efficace de site pour l éditeur. Contenu Le présent audit se base sur l'url fournie par le client lors de sa demande d'évaluation. Cet audit se décompose en critères comprenant : un critère d'analyse un moyen de contrôle une ou plusieurs recommandations une ou plusieurs catégorie(s) d'évaluation une illustration d'une mise en œuvre adéquate du dit critère (optionnelle) une illustration d'une mise en œuvre ne respectant pas le dit critère (optionnelle) une note de sévérité correspondant à la criticité et l'impact supposé du critère sur les utilisateurs une note de corrigibilité correspondant à l'évaluation de la difficulté de correction du critère un département recommandé pour le contrôle et la prise en charge du critère Auditeur(s) L'audit d'évaluation ergonomique est effectué par un ou plusieurs expert(s) de l'équipe Testapic. Illustrations La date de réalisation des captures d'écran illustrant ce rapport d'audit est précisée. Les interfaces peuvent avoir été altérées depuis cette date. Les illustrations ne reflètent pas la qualité globale du site dont elles sont issues. Testapic ne s'engage pas à illustrer 100% des critères, conformes ou non conformes. Dans la mesure du possible, Testapic illustrera par des captures d'écran personnalisées les critères établis non conformes. Remerciements Testapic remercie les contributeurs qui ont permis de rassembler ces éléments (Consulter la liste des contributeurs dans la section Crédits). Testapic 2012 2/154
Résultat Ce tableau de bord permet d'identifier les principaux axes d'amélioration et points forts classés selon les différentes catégories auditées. Score global 75/100 148 critères évalués sur 205 disponibles 3,3/5 3,4/5 Expérience Utilisateur Information Persuasion 66/100 67 critères évalués sur 91 disponibles 75/100 63 critères évalués sur 90 disponibles 73/100 40 critères évalués sur 69 disponibles Utilisabilité 78/100 64 critères évalués sur 83 disponibles Architecture 82/100 33 critères évalués sur 41 disponibles Testapic 2012 3/154
Global Expérience Utilisateur Information Persuasion 1. Expérience Utilisateur 2. Information 3. Persuasion 4. Utilisabilité 5. Architecture 1. Feedback 2. Graphisme 3. Lisibilité 4. Serveur et Performances 5. Syndication / Flux RSS / Partage 6. Vitesse de chargement 7. Aide et Support en ligne 1. Contenu 2. Fichiers et multimédias 3. Formulaire 4. Produit 5. Société 1. Accompagnement initial 2. Attractivité 3. Crédibilité 4. Emprise 5. Engagement 6. Personnalisation 7. Sécurité et Confidentialité 8. Sollicitation Utilisabilité Architecture 1. Compréhension et apprentissage 2. Efficacité 3. Efficience 4. Prévention et Correction des erreurs 5. Satisfaction 1. Hyperliens 2. Menu 3. Navigation Testapic 2012 4/154
Testapic 2012 5/154
Critère N 134 Direction Portail / Technique Chaque page affiche une information permettant de connaître son emplacement dans l'arborescence du site L'intégration d'un fil d'ariane permet à l'utilisateur de mieux s'orienter sur le site. Vérifier la présence d'un indicateur de localisation de chaque page par rapport à l'arborescence du site Intégrer un fil d'ariane sur chaque page du site Chaque page du site de Yoplait dispose d'un fil d'ariane afin que l'utilisateur puisse connaître sa position dans l'arborescence du site. Capture 1 réalisée le 5 décembre 2012 Capture 2 réalisée le 5 octobre 2012 Testapic 2012 10/154
Critère N 116 Direction Marketing / Communication Le contraste est adéquat pour faciliter la lecture Le contraste entre le texte et le fond n'est pas suffisant pour permettre une bonne lisibilité. Vérifier la valeur de la luminance relative ; L > ou égale à 4,5 :1 avec L = 0.2126 * R + 0.7152 * G + 0.0722 * B à l'aide d'un validateur tel que http://webaim.org/resources/contrastchecker Respecter une luminance relative L suffisante pour permettre une perception visuelle suffisante entre le contenu et le fond Le ratio de contraste du site de Chanel permet une lecture aisée du texte en police blanche sur un fond noir. Capture 1 réalisée le 4 décembre 2012 Capture 2 réalisée le 3 octobre 2012 Testapic 2012 12/154
Critère N 200 Direction Editoriale La page de contact est facilement trouvable avec un email identifié La page contact est facilement accessible mais il manque un email de contact. Vérifier qu'il est possible de contacter l'auteur et/ou le webmestre via le(s) mode(s) de contact proposé(s) Indiquer l'adresse e-mail de l'auteur et/ou du webmestre ou mettre en place un formulaire permettant de le(s) contacter La page de contact de AuBonFeu est facilement identifiable et contient notamment les informations suivantes : nom, adresse, téléphone, courriel de l'éditeur. Capture 1 réalisée le 5 décembre 2012 Capture 2 réalisée le 21 septembre 2012 Testapic 2012 15/154
Critère N 219 Direction Portail / Technique Les vignettes ne sont pas des images de taille supérieure redimensionnées côté client Dans cet exemple la vignette est redimensionnée côté client et provoque un ralentissement pour l'utilisateur. L'autre effet esthétique est une pixellisation de l'image. Vérifier que les vignettes affichées hors du contexte de leur page d'origine conservent leurs dimensions apparentes Utiliser pour les vignettes de prévisualisation d'images des versions spécifiques de celles-ci, et non les images originales redimensionnées via leurs attributs HTML, leurs propriétés CSS, etc... Cette vignette disponible sur le site LogicImmo n'est pas redimensionnée côté client et sa présentation est donc conforme à l'originale. Capture 1 réalisée le 4 décembre 2012 Capture 2 réalisée le 19 septembre 2012 Testapic 2012 27/154
Critère N 75 Direction Portail / Technique La taille et le format des fichiers proposés en téléchargement sont indiqués Bien que le format du fichier soit précisé par l'extension.pdf ainsi que l'icone, il manque cependant son poids. Vérifier pour chaque lien de téléchargement qu'il est possible d'en connaître le poids et le format : soit via une information générique donnée dans une page d'aide, soit via une information donnée dans le contexte du lien, soit via une information donnée dans le libellé de lien Indiquer le format et le poids associé lors de chaque lien permettant de télécharger un fichier. Prévoir au minimum une page d'aide indiquant le poids moyen ou une maximum de poids des fichiers proposés ainsi que le format associé et les formats alternatifs Drupal présente le format de fichier proposé en téléchargement, sur cet exemple, le format.zip. Une second lien propose un format de téléchargement alternatif :.tar.gz ainsi que la taille des fichiers et la date de leur dernière mise à jour. Capture 1 réalisée le 5 décembre 2012 Capture 2 réalisée le 12 octobre 2012 Testapic 2012 28/154
Critère N 70 Direction Portail / Technique Chaque demande d'information fait l'objet d'un accusé de réception Après un test du formulaire de contact, je n'ai pas reçu d'accusé de réception. Faire une demande d'information de test et s'assurer de la réception d'un accusé dans les 60 minutes Mettre en place un script d'envoi automatique d'accusé de réception aux e-mails reçus Le site Pecheur.com envoie à ses utilisateurs un email de notification pour confirmer l'enregistrement d'une requête. On regrettera que le délai pour obtenir une réponse soit vague ("dans les meilleurs délais") ce qui est un non respect du Critère #71 : Les délais de réponse aux demandes d'information sont indiqués. Capture 1 réalisée le 5 décembre 2012 Capture 2 réalisée le 19 septembre 2012 Testapic 2012 29/154