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.

[message_box type="note"]Télécharger la checklist au format PDF : [download id="4902"][/message_box]

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...
Published by : - Classés dans : Best practices