Rapport d`audit ergonomique
Transcription
Rapport d`audit ergonomique
— Rapport d'audit ergonomique du site www.groupe-courtois.fr 05/12/2012 Rapport d'audit ergonomique www.groupe-courtois.fr Etabli par : Rodolphe HERAUD Pascal HERTEREAU Nicolas GUIRAO Sébastien TANGUY © Testapic 2012 1/154 — Rapport d'audit ergonomique du site www.groupe-courtois.fr 05/12/2012 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr 05/12/2012 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 Sévérité Corrigibilité 3,3/5 3,4/5 148 critères évalués sur 205 disponibles Expérience Utilisateur Persuasion 66/100 75/100 73/100 67 critères évalués sur 91 disponibles 63 critères évalués sur 90 disponibles 40 critères évalués sur 69 disponibles Utilisabilité © Testapic 2012 Information Architecture 78/100 82/100 64 critères évalués sur 83 disponibles 33 critères évalués sur 41 disponibles 3/154 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Global 1. 2. 3. 4. 5. Expérience Utilisateur Information Persuasion Utilisabilité Architecture Utilisabilité 1. 2. 3. 4. 5. Compréhension et apprentissage Efficacité Efficience Prévention et Correction des erreurs Satisfaction © Testapic 2012 Expérience Utilisateur 1. 2. 3. 4. 5. 6. 7. Feedback Graphisme Lisibilité Serveur et Performances Syndication / Flux RSS / Partage Vitesse de chargement Aide et Support en ligne 05/12/2012 Information 1. 2. 3. 4. 5. Contenu Fichiers et multimédias Formulaire Produit Société Persuasion 1. 2. 3. 4. 5. 6. 7. 8. Accompagnement initial Attractivité Crédibilité Emprise Engagement Personnalisation Sécurité et Confidentialité Sollicitation Architecture 1. Hyperliens 2. Menu 3. Navigation 4/154 — Rapport d'audit ergonomique du site www.groupe-courtois.fr © Testapic 2012 05/12/2012 5/154 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°134 Sévérité Corrigibilité Direction Portail / 05/12/2012 Chaque page affiche une information permettant de connaître son emplacement dans l'arborescence du site Objectif de contrôle Vérifier la présence d'un indicateur de localisation de chaque page par rapport à l'arborescence du site Recommandation Intégrer un fil d'Ariane sur chaque page du site Technique Cas pratiques L'intégration d'un fil d'Ariane permet à l'utilisateur de mieux s'orienter sur le 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°116 Sévérité Corrigibilité 05/12/2012 Le contraste est adéquat pour faciliter la lecture Objectif de contrôle 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 Recommandation Respecter une luminance relative L suffisante pour permettre une perception visuelle suffisante entre le contenu et le fond Direction Marketing / Communication Cas pratiques Le contraste entre le texte et le fond n'est pas suffisant pour permettre une bonne lisibilité. 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°200 Sévérité Corrigibilité Direction Editoriale 05/12/2012 La page de contact est facilement trouvable avec un email identifié Objectif de contrôle Vérifier qu'il est possible de contacter l'auteur et/ou le webmestre via le(s) mode(s) de contact proposé(s) Recommandation Indiquer l'adresse e-mail de l'auteur et/ou du webmestre ou mettre en place un formulaire permettant de le(s) contacter Cas pratiques La page contact est facilement accessible mais il manque un email de contact. 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°219 Sévérité Corrigibilité 05/12/2012 Les vignettes ne sont pas des images de taille supérieure redimensionnées côté client Objectif de contrôle Vérifier que les vignettes affichées hors du contexte de leur page d'origine conservent leurs dimensions apparentes Recommandation 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... Direction Portail / Technique Cas pratiques 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. 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°75 Sévérité Corrigibilité 05/12/2012 La taille et le format des fichiers proposés en téléchargement sont indiqués Objectif de contrôle 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 Recommandation 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 Direction Portail / Technique Cas pratiques Bien que le format du fichier soit précisé par l'extension .pdf ainsi que l'icone, il manque cependant son poids. 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 — Rapport d'audit ergonomique du site www.groupe-courtois.fr Critère N°70 Sévérité Corrigibilité Direction Portail / Technique 05/12/2012 Chaque demande d'information fait l'objet d'un accusé de réception Objectif de contrôle Faire une demande d'information de test et s'assurer de la réception d'un accusé dans les 60 minutes Recommandation Mettre en place un script d'envoi automatique d'accusé de réception aux e-mails reçus Cas pratiques Après un test du formulaire de contact, je n'ai pas reçu d'accusé de réception. 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