Comment savoir qu'un problème est corrigé ?
Corriger une interface ne suffit pas : il faut montrer que la correction marche. On refait la mesure avec les mêmes tâches et on compare les chiffres d'avant et d'après.
Vous allez choisir quel problème corriger en premier, mesurer avant et après, et dire si l'amélioration est crédible.
À la fin de cette leçon
Remarque
Je peux corriger un problème d'interface et montrer qu'il est corrigé.
Mots clés
| Mot | Ce que ça veut dire |
|---|---|
| Itération | un tour de plus : tester, corriger, tester de nouveau |
| Avant et après | les mêmes mesures prises avant et après une correction |
| Prototype | une version simple de l'interface, faite pour être essayée |
| Gravité | le coût d'un problème pour la personne qui le rencontre |
| Priorité | l'ordre dans lequel on corrige les problèmes |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
On teste, on corrige, on teste de nouveau
Une interface s'améliore par tours. À chaque tour, on teste avec des personnes, on choisit un problème, on le corrige, puis on refait la mesure. C'est l'itération.
On change une seule chose à la fois. Si on en change trois, on ne sait pas laquelle a aidé.
On corrige d'abord le plus grave
Tout ne se corrige pas en même temps. On range les problèmes par gravité et par nombre de personnes touchées. Un problème qui fait abandonner une personne sur deux passe avant un défaut d'alignement.
La priorité se justifie par les observations, pas par le goût de l'équipe.
Exemple : ranger quatre problèmes
| Problème | Personnes touchées | Gravité | Priorité |
|---|---|---|---|
| Message « Error 7 » sans explication | Beaucoup | Haute, on abandonne | 1 |
| Texte gris trop clair | Beaucoup | Moyenne, on se fatigue | 2 |
| Lien « read more » vague | Quelques-unes | Moyenne | 3 |
| Logo un peu petit | Peu | Basse | 4 |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
Une comparaison honnête reprend les mêmes mesures
Pour montrer qu'une correction marche, on mesure les mêmes tâches, avec le même script et la même grille. On met les chiffres d'avant et d'après côte à côte.
Avec peu de participants, une petite différence peut venir du hasard. Une grande amélioration, qui va dans le sens de la correction, est plus crédible.
Exemple : réussite avant et après
| Tâche | Avant en % | Après en % | Écart |
|---|---|---|---|
| find_teapot | 100 | 100 | 0 |
| add_to_basket | 83 | 92 | +9 |
| fill_form | 92 | 92 | 0 |
| fix_error | 50 | 75 | +25 |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
Une erreur fréquente
Attention
Beaucoup pensent qu'une page qui passe tous les contrôles est facile à utiliser. Les contrôles trouvent des défauts connus, seules des personnes disent si elles atteignent leur but. Utilisez le contrôle pour corriger, et le test pour savoir si cela a servi.
Un prototype permet d'essayer avant de coder
Un prototype est une version simple d'une interface : un dessin sur papier, quelques écrans, une page à moitié finie. On peut le tester avec des personnes en une heure, avant de coder.
Une erreur trouvée sur le papier coûte beaucoup moins cher qu'une erreur trouvée dans le produit fini.
Le laboratoire fait voir les chiffres d'avant
Dans le laboratoire, un script relance le contrôle des pages et des contrastes. Il ne corrige rien : il prend la page telle qu'elle est et affiche les chiffres.
Lancez-le maintenant, sans rien changer. Ces chiffres sont vos chiffres d'avant. Il affiche des mots anglais, par exemple images without alt text (images sans texte alternatif).
Relever les chiffres d'avant
docker exec jupyter python3 steps/fix.pyAffichée ici, non exécutée. Créez un compte gratuit pour appuyer sur Exécuter et la saisir dans le terminal de votre propre labo.
La première ligne dit que rien n'est corrigé
Le script commence par une phrase : rien n'est corrigé. Elle demande de modifier les fichiers du dossier shop, de les enregistrer, puis de le relancer. Ensuite il affiche le contrôle des pages, puis le mot contrast et les contrastes.
Notez les chiffres d'avant : 3 images sur 4 sans texte alternatif, 5 liens sur 6 vagues.
Après votre correction, relancez le même script
Pour corriger un problème, ouvrez le fichier dans JupyterLab, modifiez-le et enregistrez. Puis rafraîchissez l'aperçu Preview et relancez le script de la commande précédente.
Les chiffres changent seulement si votre modification a porté. Une correction qu'on ne voit ni dans le script ni dans l'aperçu n'est pas sûre.
À vous : calculer les écarts
# Changez un taux de la liste après, puis relancez.
avant = {"chercher": 100, "payer": 50}
apres = {"chercher": 100, "payer": 75}
for tache in avant:
ecart = apres[tache] - avant[tache]
print(tache, ecart)