Pour qui et pour faire quoi ?
Concevoir une interface commence par deux questions : qui s'en sert, et pour faire quoi. Sans réponse, on dessine pour soi-même.
Vous allez décrire des utilisateurs, écrire un persona et un scénario, puis choisir les tâches qui comptent le plus pour une page de boutique.
À la fin de cette leçon
Remarque
Je peux décrire qui utilise un système et pour faire quoi.
Mots clés
| Mot | Ce que ça veut dire | Exemple |
|---|---|---|
| Utilisateur | une personne qui se sert du système pour atteindre un but | |
| Persona | un portrait inventé, mais fondé sur des faits observés | |
| Tâche | une action concrète que la personne veut accomplir | payer une commande |
| Scénario | une courte histoire : qui, pourquoi, dans quel lieu | |
| Fréquence | le nombre de fois où une tâche est faite |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
Les utilisateurs ne sont pas tous comme vous
Un système a souvent plusieurs sortes d'utilisateurs. Une boutique en ligne a des clients, mais aussi une personne qui prépare les colis. Chacune a ses buts et ses habitudes.
Pour les décrire, observez ou interrogez de vrais utilisateurs. Notez leur âge, leur matériel, leur expérience et ce qui les gêne. Ne devinez pas depuis votre propre usage.
Exemple : un persona de la boutique
| Élément | Camille, cliente |
|---|---|
| Qui | Camille, 34 ans, infirmière à Lyon |
| Matériel | Un téléphone de taille moyenne, souvent avec un seul doigt |
| But | Offrir une théière à sa mère avant dimanche |
| Contexte | Elle commande le soir, dans le tramway, avec peu de temps |
| Frein | Elle abandonne un formulaire long ou confus |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
Une tâche est une action, pas une fonction
Une tâche est ce que la personne veut faire : trouver une théière, payer, corriger une erreur. Une fonction, elle, est ce que le système propose, comme « le panier ».
Un scénario relie un persona à une tâche : « Camille cherche une théière verte à moins de 25 euros, puis la paie sur son téléphone ».
Une erreur fréquente
Attention
Beaucoup pensent que les utilisateurs ressemblent à l'équipe qui conçoit. Une équipe connaît trop bien son produit. Faites confiance à ce que vous observez chez des personnes réelles, pas à ce que vous trouvez évident.
Le laboratoire a déjà quatre tâches
Dans le laboratoire, douze personnes ont essayé la boutique. Chacune a fait quatre tâches. Leurs résultats sont dans un tableau, sessions.csv.
Les noms de colonnes et de tâches sont en anglais : participant, task, seconds, completed, errors. Les tâches s'appellent find_teapot, add_to_basket, fill_form et fix_error.
Lire les premières lignes du tableau
docker exec jupyter head -n 5 sessions.csvAffiché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.
Une ligne est une personne devant une tâche
La commande affiche l'en-tête, puis les quatre tâches de la personne P1. P1 a mis 23 secondes à trouver une théière, sans erreur, puis 35 secondes pour l'ajouter au panier, avec 2 erreurs.
Ces tâches couvrent le parcours d'achat : trouver, ajouter au panier, remplir le formulaire, corriger une erreur.
Compter les lignes du tableau
docker exec jupyter wc -l sessions.csvAffiché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.
Douze personnes fois quatre tâches
La commande affiche 49 lignes. C'est l'en-tête plus 48 essais, puisque 12 personnes font chacune 4 tâches.
Quand le journal d'un vrai site est long, on ne teste pas tout. On regarde les tâches que beaucoup de personnes font, et celles dont l'échec coûte cher.
Exemple : choisir les tâches à tester
| Tâche | Fréquence | Si elle échoue | À tester ? |
|---|---|---|---|
| Chercher une théière | Très haute | La personne repart | Oui |
| Payer la commande | Haute | La boutique perd la vente | Oui |
| Changer sa photo de profil | Très basse | Un petit désagrément | Non |
Les cellules que les étudiants remplissent restent vides dans cet aperçu.
À vous : compter les tâches faites
# Ajoutez une tâche au journal, puis relancez.
journal = ["chercher", "payer", "chercher", "changer_photo", "chercher", "payer"]
compte = {}
for tache in journal:
if tache in compte:
compte[tache] = compte[tache] + 1
else:
compte[tache] = 1
for tache in compte:
print(tache, compte[tache])