Enregistrer clairement les survols, glisser-déposer et micro-interactions

La plupart des conseils sur l’enregistrement d’écran portent sur les grandes décisions : choisir une résolution, préparer un script, couper les temps morts. Pourtant, ce qui déroute le plus souvent les spectateurs, ce sont les petits moments : une info-bulle visible une demi-seconde, une carte glissée sur un tableau, un interrupteur qui change discrètement d’état dans un coin de l’écran.

Ces micro-interactions portent tout le soin apporté à votre produit, et ce sont aussi les éléments les plus faciles à perdre dans un enregistrement. Ce guide explique comment les capturer pour que vos spectateurs voient exactement ce que vous avez vu.

Pourquoi les micro-interactions sont difficiles à capturer

Trois facteurs jouent contre vous :

• Elles sont brèves. Une info-bulle peut n’être visible que 400 millisecondes. En un clin d’œil, le spectateur la rate complètement.
• Elles sont petites. Une case à cocher qui change d’état occupe une fraction minuscule d’une image en 1080p.
• Vous savez déjà où regarder. Vous avez effectué l’action, votre regard l’a suivie parfaitement. Celui du spectateur, non.

Chaque technique ci-dessous répond à l’un de ces trois problèmes : faire durer plus longtemps, rendre plus grand, ou dire à l’œil où aller.

Commencez par une fréquence d’images plus élevée

Les interactions rapides ont besoin d’images pour être simplement visibles. À 30 ips, un glissement rapide sur l’écran se résume à quelques positions floues. À 60 ips, le même mouvement se lit comme un déplacement continu et lisible.

Pour tout enregistrement comportant du glisser-déposer, des transitions animées ou des survols rapides, enregistrez en 60 ips. Le fichier est plus lourd, mais vous pourrez toujours compresser à l’export — vous ne pourrez jamais ajouter des images qui n’ont jamais été capturées.

Ralentissez vos gestes

La plus grande amélioration ne coûte rien : bougez avec intention. Un trajet de souris qui traverse l’écran en une demi-seconde est difficile à suivre. Le même trajet en une seconde et demie devient limpide.

Règles pratiques pendant l’enregistrement :

• Amenez le curseur sur la cible, puis arrêtez-vous avant de cliquer
• Laissez le clic produire son effet visuel avant de poursuivre
• Évitez de dépasser la cible puis de corriger — approchez en un seul arc fluide
• Ne déplacez jamais le curseur pendant une explication ; laissez-le en place

Laissez respirer les états de survol

Quand vous montrez une info-bulle, un aperçu de menu déroulant ou un bouton révélé au survol, maintenez le survol une seconde et demie à deux secondes au minimum. Cela paraîtra absurdement lent à l’enregistrement. Ce sera parfait à la lecture.

Une bonne habitude : comptez mentalement pendant le survol. Si vous n’atteignez pas « deux », vous êtes allé trop vite.

La règle des trois temps pour le glisser-déposer

Le glisser-déposer est l’interaction la plus souvent mal comprise, car le spectateur voit le résultat sans voir l’intention. Découpez chaque glissement en trois temps distincts :

1. Saisir — posez le curseur sur l’élément, appuyez et marquez une courte pause pour rendre la prise visible
2. Déplacer — avancez lentement, en ligne droite et lisible, vers la destination
3. Déposer — attendez au-dessus de la cible avant de relâcher, pour que la zone de dépôt surlignée soit perçue

Entre chaque temps, une brève pause fait le travail d’une phrase entière de narration.

Ancrez l’attention avec les effets de curseur

Les outils de curseur de Recorded existent précisément pour ces moments :

• Le lissage du curseur supprime les tremblements qui rendent les mouvements rapides illisibles. Un lissage moyen convient à la plupart des démos.
• La mise en évidence des clics rend l’instant exact du clic évident, ce qui compte quand le résultat à l’écran est subtil.
• La taille du curseur peut être augmentée pour que le pointeur reste lisible après export, surtout sur mobile.

Pour les enregistrements riches en glissements, la mise en évidence des clics est essentielle : c’est elle qui indique que le bouton est toujours enfoncé.

Zoomez, mais gardez la destination dans le cadre

Le zoom rend les petites interactions visibles, avec une réserve propre au glisser-déposer : si vous zoomez trop près sur l’élément saisi, la cible de dépôt peut sortir du cadre et le spectateur perd le lien entre les deux.

Deux approches efficaces :

• Inclure les deux extrémités. Cadrez une zone contenant la source et la destination, quitte à adoucir le niveau de zoom.
• Zoomer par temps. Zoomez sur la prise, reculez légèrement pendant le déplacement, puis rezoomez sur le dépôt.

Pour les interrupteurs, cases à cocher et changements d’état sans déplacement, zoomez aussi près que vous le souhaitez : il n’y a pas de second emplacement à surveiller.

Le ralenti pour les interactions vraiment rapides

Certaines interactions ne peuvent pas être exécutées lentement : un geste de balayage, une palette de commandes ouverte au clavier, une animation qui joue à sa propre vitesse. Enregistrez-les à vitesse normale et ralentissez le clip au montage.

Une zone de vitesse à 0,5x sur une animation d’une seconde offre deux secondes au spectateur, sans pause gênante dans votre narration. Associez-la à un zoom sur la même plage et même une transition de 200 millisecondes devient parfaitement lisible.

Racontez ce qui reste invisible

Une partie de vos gestes n’apparaît jamais à l’écran : une touche de modification maintenue, un clic droit, un appui long. Si l’entrée est invisible, le résultat ressemble à de la magie.

Compensez de deux façons :

• Dites-le à voix haute : « Je maintiens Maj pendant le glissement pour sélectionner toute la plage »
• Ajoutez une incrustation de texte à cet instant, avec la touche ou le geste, pour que ce soit clair même sans le son

Erreurs fréquentes

• Enregistrer en 30 ips puis s’étonner que le glissement soit saccadé
• Enchaîner immédiatement après un clic, avant que l’interface ait fini de répondre
• Montrer un survol avec un curseur qui s’éloigne déjà
• Zoomer si près que le spectateur perd ses repères spatiaux
• Supposer que l’animation est évidente parce que vous l’avez vue cent fois

Checklist express avant l’enregistrement

Avant d’enregistrer une démo centrée sur les micro-interactions :

1. Réglez la fréquence d’images sur 60 ips
2. Activez le lissage du curseur et la mise en évidence des clics
3. Augmentez la taille du curseur si la cible est un petit écran
4. Répétez une fois le glissement ou le survol, à la moitié de la vitesse naturelle
5. Planifiez les zones de zoom et vérifiez que la cible de dépôt reste dans le cadre
6. Notez les entrées invisibles qui exigeront une narration ou une incrustation

Conclusion

Les micro-interactions sont les détails qui donnent à un logiciel son air soigné, et elles disparaissent des enregistrements si l’on ne les protège pas délibérément. Ralentissez vos gestes, accordez deux secondes pleines aux survols, décomposez les glissements en saisir-déplacer-déposer, et laissez les effets de curseur et le zoom faire le reste.

Lors de votre prochain enregistrement, choisissez une interaction que vous expédieriez d’habitude et traitez-la comme l’événement principal. La différence de clarté saute généralement aux yeux dès la première lecture.