Nous regardons votre site avant d'écrire un mot
· 4 min de lecture

Imaginez écrire la voix off d'une visite de produit les yeux fermés, à partir d'une liste de noms de boutons. C'était le travail de notre planificateur jusqu'à aujourd'hui. Désormais, avant qu'un seul mot ne soit écrit, PageToVid parcourt votre site, le photographie et presse ses boutons pour voir ce qu'ils font.
Écrire sur un écran jamais vu
Le planificateur est le modèle qui écrit les phrases d'un film et sa liste de plans. Il travaillait à partir du texte seul : les mots de la page et une liste de ce qui pouvait être filmé. La seule image qu'un modèle voyait était le haut de la page, et elle allait à l'analyste, pas à l'auteur.
Le planificateur prévoyait donc des clics sur des boutons que personne n'avait pressés et décrivait ce qu'il imaginait qu'ils ouvriraient. Une phrase comme « ceci ouvre vos options de réservation sur mesure » pouvait passer sur un plan fixe de l'accueil.
Nous comparions déjà chaque phrase à son enregistrement après le tournage, et réécrivions celles qui ne collaient pas. Mais une réparation après coup reste tenue à la longueur d'une phrase écrite pour autre chose. La correction devait venir avant le script.
La marche : photographier, appuyer, regarder à nouveau
La marche est une nouvelle étape de la sonde, la partie de PageToVid qui lit un site avant toute planification. Après sa lecture habituelle, elle parcourt le site comme un visiteur attentif qui le découvre :
- elle photographie jusqu'à 12 sujets là où ils se trouvent sur la page, d'abord ceux que nomme votre brief, la page principale gardant au moins la moitié ;
- elle presse jusqu'à 6 des éléments cliquables, une fois chacun, sur une copie de travail de la page ;
- après chaque appui, elle relit l'adresse et les mots et prend une seconde photo.
Chaque appui reçoit un verdict : il a ouvert une page, il a changé la page avec une fenêtre ou un panneau, il n'a rien fait, il a mené à une porte de connexion, ou il a quitté le site. Un bandeau de cookies qui apparaît à la première interaction n'est pas pris pour ce que le bouton a ouvert.
Les boutons que nous ne pressons jamais
Appuyer sur les boutons d'un autre demande des règles avant des fonctions. La marche ne presse jamais :
- une commande de connexion, d'inscription, d'achat, d'envoi ou de téléchargement ;
- un bouton d'appel ou de messagerie ;
- rien qui quitte le site ;
- un sélecteur de fichier ou un champ de formulaire.
Ceux-là peuvent toujours apparaître dans un film, au plus sous un projecteur. Toute la marche tient en 45 secondes. Un site qui ne se prête pas au jeu donne moins d'images, jamais un film raté. Et un seul interrupteur coupe la marche et rétablit exactement les consignes précédentes du planificateur, ce qui nous permet de comparer les deux chemins sur un même site.
Un script écrit d'après les images
Le planificateur reçoit maintenant chaque photo avec sa légende, l'image d'après de chaque appui qui a ouvert quelque chose, et une règle : une phrase dit ce que montre son plan. Un clic n'est prévu que sur un appui que la marche a vu ouvrir quelque chose, et la phrase décrit l'image d'après.
Puis le plan y est tenu par le code. Un clic sur un bouton qui n'a rien fait, une porte ou une commande que la marche a refusée devient un projecteur, et la scène qui suit un clic ayant ouvert une page continue sur cette page, comme une visite.
Une étape de plus veille à ce qu'aucune bonne visite ne reste de côté. Quand une scène nomme un bouton par au moins deux mots de son libellé, et que la marche a vu ce bouton ouvrir quelque chose, la scène devient ce clic, jusqu'à deux par film. Un second bouton de même libellé sur la même page partage le verdict du premier.
Ce qui a changé sur de vrais sites
Nous avons mesuré trois sites avant la mise en ligne. Le tutoriel vertical d'un magasin de vélos a gagné deux vraies visites : de l'accueil vers les pièces détachées, et vers la réservation d'entretien. La démo d'un tableau de bord logiciel a cliqué trois panneaux, chacun vu en train de s'ouvrir, et les a visités. Notre propre page d'accueil a tapé une adresse web, cliqué « Voir tous les exemples » et fini sur un projecteur du bouton d'envoi qu'elle ne doit pas presser.
Le banc d'essai a aussi affiné notre lecture des sujets d'une page : un bouton dont le texte commence par une icône est désormais lu par ses mots, et se filme comme les autres. Prochaine étape sur notre liste : les applications d'une seule page dont les onglets arrivent en un seul bloc de navigation, pour que la marche puisse les ouvrir aussi.
Chaque nouveau film lancé sur /new commence désormais par la marche. Regarder d'abord, écrire ensuite.
Voyez-le sur votre propre site
Collez une page et obtenez la vidéo commentée dont parle ce blog. La première est offerte.
À lire ensuite


