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