Des visites qui continuent après le clic

Notre enregistreur filme chaque scène dans un vrai navigateur. Jusqu'ici, chaque scène ouvrait un navigateur neuf et chargeait sa propre adresse. Les scènes restaient ainsi indépendantes et fiables : un plan raté ne pouvait jamais gâcher le suivant.

Cela rendait aussi les vrais parcours impossibles. Tout ce qu'un clic ouvrait, choisissait ou remplissait avait disparu à la scène suivante, puisqu'elle rechargeait sa page depuis le haut. Un film pouvait cliquer sur le lien des tarifs, mais le plan d'après arrivait sur les tarifs à neuf, sans aucune trace du chemin parcouru.

Pour une démo de produit, cela casse le récit. Une visite, c'est une cause et un effet : vous appuyez ici, et voici ce que vous obtenez. On nous l'a demandé de bien des façons, et la plus claire était la plus simple : « il faut qu'il fasse vraiment la visite ».

Une scène peut désormais indiquer qu'elle continue la précédente. Dans ce cas, l'enregistreur garde la page et son navigateur ouverts et filme la scène suivante exactement là où la précédente s'est arrêtée : même défilement, même panneau ouvert, même option choisie.

Il restait un piège technique. Notre enregistrement habituel produit une vidéo par session de navigateur : une chaîne de scènes serait donc sortie en un seul long clip. Les scènes d'une chaîne capturent maintenant leurs propres clips avec le screencast du navigateur, un par scène, pour que chacune puisse encore être coupée ou remplacée seule.

Une visite a aussi besoin de bonnes sorties. L'enregistreur rend une scène à un départ neuf quand la page gardée :

• tombe sur une vérification anti-robot, une page de connexion ou d'inscription, ou un champ de mot de passe ;
• arrive sur un autre site ;
• s'est fermée ;
• a déjà porté quatre scènes d'affilée.

Dans chacun de ces cas, continuer filmerait quelque chose de faux ou de privé : un redémarrage propre donne le meilleur plan.

Nous avions d'abord expliqué les visites avec des mots au planificateur, le modèle qui écrit le script du film. Dans deux films de contrôle, à qui l'on demandait de « cliquer sur Tarifs dans le menu » puis de continuer, il envoyait encore les deux scènes directement sur la page des tarifs. Un modèle lit une consigne comme une suggestion.

Les visites sont donc aussi construites par le code, à partir de la liste de plans. Quand un brief contient une étape comme « Cliquez sur X », la scène qui précède X devient un clic sur le lien de X, et la scène de X continue là où ce clic a mené. Un clic de visite reconnaît un lien avec ou sans barre oblique finale, et une scène qui nomme sa propre page n'est jamais continuée sur une autre.

Dire à un modèle quoi faire est un indice ; la garantie est dans le code qui vérifie. Cette idée guide désormais une bonne partie de ce que nous construisons.

Les téléphones demandent une étape de plus. Un film 9:16 montre la version mobile d'un site, et le lien de navigation qu'une visite cherche y est souvent rangé dans un menu fermé. En cherchant le lien, on ne trouvait que ses copies cachées, et la visite ne pouvait pas commencer.

L'enregistreur ouvre maintenant le menu une fois. Il cherche un bouton visible qui contrôle le lien, ou un bouton nommé menu, navigation ou hamburger, appuie sur le lien qui vient d'apparaître, puis referme le menu. Si le lien reste caché, il renonce proprement au lieu de filmer une supposition.

La capture tient aussi bien sur téléphone que sur ordinateur : un clip par scène, avec la page cliquée de la première à la dernière image.

Une visite peut désormais être un vrai parcours de quatre scènes au plus : l'accueil, un clic sur un lien de navigation, la page ouverte avec un défilement jusqu'à la partie qui compte, puis un dernier clic vers l'étape suivante. La voix décrit chaque étape au moment où elle se produit, parce que la caméra y est vraiment.

C'est toute la différence entre un diaporama de pages et une démo. Le spectateur voit le produit réagir, et c'est ce qui lui fait croire qu'il fonctionne. Vous verrez des visites dans beaucoup des films d'exemple sur /videos, ou lancez la vôtre sur /new.