Checklist – 40 points inhérents à l’ergonomie à vérifier (PDF à télécharger)
Checklist – 40 points inhérents à l’ergonomie à vérifier (PDF à télécharger)
Vérifier les points inhérents à l'utilisabilité lors de la conception ou de la refonte d'un site web est toujours une phase complexe. D'autant plus que la quantité des points de contrôle est énorme et on risque de vite s'y perdre.
C'est pourquoi, Testapic vous offre cette cheat sheet afin de ne rien oublier ! Cette checklist (au format PDF imprimable en A4) a spécialement été conçue pour vous aider à améliorer votre recettage. Pour plus de clarté, elle a été divisée en 4 grandes partie :
- Accessibilité
- Identification
- Navigation
- Contenu
Chacune de ces parties propose les paramètres à vérifier et des indications d'optimisation en fonction de leurs critères. Cette liste sera une précieuse alliée pour ne rien oublier ! Vous pouvez en imprimer autant de copies que vous le souhaitez et la partager avec qui vous voulez (un lien vers cet article est le bienvenu) ! Cliquez ici pour plus d'information sur les droits d'utilisation.
Attention !
Cette checklist ne peux en aucun cas remplacer des tests utilisateurs. En effet, cette aide ne vous expliquera pas le "pourquoi" d'un problème mais vous indiquera les points d'amélioration ergonomiques potentiels sur votre site.
[message_box type="note"]Télécharger la checklist au format PDF : [download id="4902"][/message_box]
Version en ligne :
| Accessibilité | ||
|---|---|---|
| N° | Paramètres à vérifier | Critères à vérifier |
| 1 | Le temps de téléchargement est-il raisonnable ? | Temps de chargement inférieur à 2 secondes |
| 2 | La taille des pages est-elle optimisée ? | Taille page inférieur à 100 ko |
| 3 | Le contraste est-il adéquat pour faciliter la lecture ? | Ecriture noire sur fond blanc |
| 4 | La taille des caractères permet-elle une lecture aisée ? | Taille typo ~12-14 pts |
| 5 | L’espacement des caractères permet-il une lecture aisée ? | Approche des lettres supérieure à -0.02em |
| 6 | La hauteur de ligne permet-elle une lecture aisée ? | Hauteur ~1,4 -1,5 em |
| 7 | L’utilisation de Flash et des addons est-il limité ? | Utilisation limitée au minimum |
| 8 | La description des images est-elle renseignée ? | Balise ALT sur toutes les images |
| 9 | La page 404 est-elle personnalisée ? | Liens alternatifs de navigation par Moteur de recherche |
| 10 | Les messages d’erreur ne sont-ils pas trop agressifs ? | Messages explicatifs et amicaux |
| 11 | Avez-vous testé sur différentes versions de navigateur ? | IE, FF, Chrome, Safari, Opéra |
| 12 | Votre site est-il imprimable facilement ? | Format A4 en noir et blanc |
| Identification | ||
| N° | Paramètres à vérifier | Critères à vérifier |
| 13 | Le logo est-il sur toutes les pages ? | En haut à gauche |
| 14 | La formule « baseline » sous le logo existe-elle ? | Descriptiion du cœur d’activités |
| 15 | La compréhension de la page d’accueil est-elle aisée ? | Simple / Lisible en 5 secondes |
| 16 | La page « Qui sommes-nous ? » existe-t-elle ? | Détaillée |
| 17 | La page de contact est-elle facilement trouvable ? | Avec un email identifié |
| 18 | Existe-il un contact direct par téléphone ? | Plateforme clientèle |
| 19 | Le nombre de champs des formulaires est-il limité ? | Information nécessaire uniquement |
| 20 | Les erreurs de saisie de formulaire sont-elles expliquées ? | Message contextuel / infobulle |
| Navigation | ||
| N° | Paramètres à vérifier | Critères à vérifier |
| 21 | Optimisez-vous votre menu principal ? | Visible et identifiable |
| 22 | Avez-vous soigné l’organisation des sous menus ? | Contenu hiérarchisé |
| 23 | Quel est le nombre de sous menus ? | Sous menus inférieur à 2 |
| 24 | Votre utilisateur sait-il où il se trouve ? | Présence d’un fil d’Ariane |
| 25 | Les intitulés des liens sont-ils simples ? | Vocabulaire non-ambigu |
| 26 | Quel est le nombre de boutons / liens ? | Call to actions / page inférieur à 7 |
| 27 | Le lien sur le logo existe-t-il ? | Retour page d’accueil |
| 28 | Les liens hypertextes sont-ils facilement identifiables ? | Soulignés / couleur différente du texte |
| 29 | Le moteur de recherche est-il disponible ? | Facile d’accès, intelligent |
| Contenu | ||
| N° | Paramètres à vérifier | Critères à vérifier |
| 30 | Les titres principaux sont-ils renseignés ? | <H1> et <H2> minimum |
| 31 | Respectez-vous la ligne de flottaison ? | Contenu important au dessus |
| 32 | Le contenu important est-il mis en avant ? | Ecriture en pyramide inversée |
| 33 | Le style du site est-il homogène ? | Style, structure, couleur homogènes |
| 34 | Les mises en avant sont-elles limitées ? | Promotion ciblée et organisée |
| 35 | Les publicités sont-elles limitées ? | Intégration douce et limitée |
| 36 | Les textes conservent-ils une fonction explicative ? | Description concise |
| 37 | Le vocabulaire employé est-il simple ? | Sans jargon / Orthographe correct |
| 38 | Les URLs sont-elles liées au contenu de la page ? | URL incluant des mots clefs |
| 39 | Les titres de pages sont-ils simples ? | Relatifs aux mots-clefs |
| 40 | La structure du contenu est-elle alignée uniformément ? | Lignes, colonnes, bloc de texte... |
Publié par :