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 :

  1. Accessibilité
  2. Identification
  3. Navigation
  4. 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.

Télécharger la checklist au format PDF : [download id=”4902″]

Contrat Creative Commons

Version en ligne :

Accessibilité
Paramètres à vérifierCritères à vérifier
1Le temps de téléchargement est-il raisonnable ?Temps de chargement inférieur à 2 secondes
2La taille des pages est-elle optimisée ?Taille page inférieur à 100 ko
3Le contraste est-il adéquat pour faciliter la lecture ?Ecriture noire sur fond blanc
4La taille des caractères permet-elle une lecture aisée ?Taille typo ~12-14 pts
5L’espacement des caractères permet-il une lecture aisée ?Approche des lettres supérieure à -0.02em
6La hauteur de ligne permet-elle une lecture aisée ?Hauteur ~1,4 -1,5 em
7L’utilisation de Flash et des addons est-il limité ?Utilisation limitée au minimum
8La description des images est-elle renseignée ?Balise ALT sur toutes les images
9La page 404 est-elle personnalisée ?Liens alternatifs de navigation par Moteur de recherche
10Les messages d’erreur ne sont-ils pas trop agressifs ?Messages explicatifs et amicaux
11Avez-vous testé sur différentes versions de navigateur ?IE, FF, Chrome, Safari, Opéra
12Votre site est-il imprimable facilement ?Format A4 en noir et blanc
Identification
Paramètres à vérifierCritères à vérifier
13Le logo est-il sur toutes les pages ?En haut à gauche
14La formule « baseline » sous le logo existe-elle ?Descriptiion du cœur d’activités
15La compréhension de la page d’accueil est-elle aisée ?Simple / Lisible en 5 secondes
16La page « Qui sommes-nous ? » existe-t-elle ?Détaillée
17La page de contact est-elle facilement trouvable ?Avec un email identifié
18Existe-il un contact direct par téléphone ?Plateforme clientèle
19Le nombre de champs des formulaires est-il limité ?Information nécessaire uniquement
20Les erreurs de saisie de formulaire sont-elles expliquées ?Message contextuel / infobulle
Navigation
Paramètres à vérifierCritères à vérifier
21Optimisez-vous votre menu principal ?Visible et identifiable
22Avez-vous soigné l’organisation des sous menus ?Contenu hiérarchisé
23Quel est le nombre de sous menus ?Sous menus inférieur à 2
24Votre utilisateur sait-il où il se trouve ?Présence d’un fil d’Ariane
25Les intitulés des liens sont-ils simples ?Vocabulaire non-ambigu
26Quel est le nombre de boutons / liens ?Call to actions / page inférieur à 7
27Le lien sur le logo existe-t-il ?Retour page d’accueil
28Les liens hypertextes sont-ils facilement identifiables ?Soulignés / couleur différente du texte
29Le moteur de recherche est-il disponible ?Facile d’accès, intelligent
Contenu
Paramètres à vérifierCritères à vérifier
30Les titres principaux sont-ils renseignés ?<H1> et <H2> minimum
31Respectez-vous la ligne de flottaison ?Contenu important au dessus
32Le contenu important est-il mis en avant ?Ecriture en pyramide inversée
33Le style du site est-il homogène ?Style, structure, couleur homogènes
34Les mises en avant sont-elles limitées ?Promotion ciblée et organisée
35Les publicités sont-elles limitées ?Intégration douce et limitée
36Les textes conservent-ils une fonction explicative ?Description concise
37Le vocabulaire employé est-il simple ?Sans jargon / Orthographe correct
38Les URLs sont-elles liées au contenu de la page ?URL incluant des mots clefs
39Les titres de pages sont-ils simples ?Relatifs aux mots-clefs
40La structure du contenu est-elle alignée uniformément ?Lignes, colonnes, bloc de texte…
Tags : , ,

Vous avez aimé ? Partagez !

Newsletter

Recevez gratuitement notre newsletter mensuelle. Désinscription en 1 clic.

Ces articles peuvent vous intéresser

Classé dans :

A propos de l'auteur
Rodolphe
Responsable UX chez Testapic
Twitter Site Web

2 comments

Tests sites | Pearltrees

[…] 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 <i>cheat sheet </i> afin de ne rien oublier ! Home / QuirkTools / Online Tools for Creative People Testing laviesimpleetsmiling.com Docs + Demos – Dummy, for Rapid Prototyping and QA FiveSecondTest Tester son site sous plusieurs navigateurs | CommentCaMarche Tout bon webmaster se doit de vérifier la compatibilité de son site avec les navigateurs les plus courants. Mais il est possible, selon votre système d'exploitation, que vous rencontriez des difficultés à tester l'un ou l'autre des navigateurs. Voici quelques solutions. Crowdsourcing Patternes / design / Ergonomie design Testing Usability Tools and References [+] Saas + Log scrum wordpress Tutorials 2 services digital USABILITY testen Tools tineye browser lipsum TOOLS website update current Otros expedition humans Analítica gestor usability balsamiq contrast testing usability Prototyping, Mockup, and Design Feedback Tools leopard testing development software Usability testing userfly website ergonomie web usability visiteurs espionner Usability click behavioral testing Tools color conversion forcer UX usability Technology Transporter fights story Codeing build doc web krumo plugins User Testing usability mechanical silverback To Try userfly Usability testing twtlaure Testing apps premo Analytics optimization online Barrierefreiheit grundlagen webdesign Organizations & Startups website services tools colour cercle chromatique feedback teams tools compatibility firebug HTML5 element usability engineering Accessibilité / qualité web outils lettre App Inventor introductory science Trendsetting blaise university forum CALL Benchmarking largest html5 drupal designers image Tech On Youtube hybrid Mobile Web wallet CA Technologies cloud virtualization analytics Business & Work Tools custom Conduite de projets Web home • contact • blog • fb • twitter to experience pearltrees activate javascript. […]

Juba

Bonjour,

Tout d’abord un grand merci ! l’analyse est très bien faite. Je l’utilise pour réaliser des Benchmark concurrentiel dédiés aux site web. Néanmoins, je ne suis pas trop d’accord avec toi sur un point concernant l’ergonomie des sous menu. Je suis d’accord qu’il faut pas trop en abuser, mais 2 c’est peu pour moi.

Voilà juste un petit détail qui m’a dérangé, thanks ;).

Commenter

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *