Une capture non marquée ne dit « regardez ici » que si le destinataire sait déjà où regarder. L’annotation est ce qui transforme une capture en communication : une flèche vers l’erreur, un cadre autour de la zone, un flou sur le champ sensible. Sur macOS, vous avez trois outils concrets pour cela, chacun avec un profil de vitesse différent.

Outil 1 : la vignette de capture (le plus rapide, la fenêtre la plus courte)

Après toute capture ⌘⇧3 ou ⌘⇧4, une vignette apparaît dans le coin inférieur droit pendant environ cinq secondes. Cliquez dessus et macOS ouvre son éditeur de marquage rapide :

  • Stylo, texte, formes (rectangle, ellipse, ligne, flèche)
  • Surligneur
  • Signatures
  • Enregistrer dans un fichier ou partager via la feuille de partage

Le piège : la fenêtre est courte. Si vous êtes encore en train de positionner votre curseur quand la vignette s’estompe, l’occasion d’annoter est passée et il faut repasser par Aperçu. Pour des captures délibérées, ça marche ; pour une boucle quotidienne rapide, c’est fragile.

Si vous la ratez régulièrement, ⌘⇧5 → Options → Afficher la vignette flottante désactive complètement la vignette, et le fichier est enregistré directement sur le disque. Vous perdez alors la fenêtre d’annotation, mais ce réglage mérite d’être essayé avant de renoncer au fonctionnement intégré.

Outil 2 : Aperçu (le plus complet, le plus lent)

Ouvrez le PNG enregistré dans Aperçu et utilisez la barre d’outils de marquage (l’icône en haut à droite de la fenêtre, ou Outils → Annoter). Vous obtenez tout le jeu d’outils de marquage, plus la rotation, le recadrage et la prise en charge des PDF.

  • Bon pour : les retouches soignées, plusieurs passes de marquage, tout ce que vous réutiliserez.
  • Mauvais pour : la vitesse. Ouvrir Aperçu, trouver le fichier, charger l’image ajoute plusieurs secondes par capture, ce qui s’accumule vite quand vous en prenez dix dans l’après-midi.

Outil 3 : une app de capture de barre des menus avec éditeur instantané

C’est là que la différence de workflow se voit. Dans Shotivo, l’éditeur d’annotation s’ouvre dès que vous relâchez la sélection de zone. Il n’y a pas de vignette à rattraper ni d’app à lancer. La boîte à outils :

Outil À utiliser pour
Stylo Marquages à main levée, encercler quelque chose à la main
Flèche « Cet élément précis », le cheval de bataille des bug reports
Rectangle Encadrer une zone ou un élément d’interface
Ellipse Une mise en valeur plus douce qu’un rectangle
Texte Étiquettes : numéros d’étapes, noms de champs, attendu vs réel
Flou Masquer des données sensibles avant que l’image ne quitte votre machine
Ligne Relier deux points d’un trait droit
Surlignage Un large trait de marqueur dans la couleur choisie, pour attirer l’œil sur une ligne ou une étiquette
Pixelliser Cacher des valeurs exactes (jetons, clés, nombres) derrière de gros blocs
Recadrer Resserrer le cadrage après la capture
Annuler / Rétablir Se remettre d’un trait mal placé

L’éditeur est délibérément léger. Ce n’est pas un éditeur photo. Pas de filtres, pas de calques, pas de gestion des couleurs. L’objectif est de passer de « capturé » à « communique clairement » en une ou deux secondes.

Les méthodes d’annotation qui aident vraiment

Bug reports

Rédiger de meilleurs bug reports contient le modèle complet ; le volet annotation :

  1. Une flèche vers l’élément exact qui se comporte mal. Une flèche vaut mieux que trois paragraphes.
  2. Une étiquette texte avec le numéro d’étape de reproduction si le rapport comporte plusieurs étapes : ① cliquez ici, ② ceci apparaît.
  3. Floutez tout ce qui est sensible (tokens, noms de clients, URL internes) avant de partager. Floutez avant l’upload, jamais après ; une fois qu’une version non floutée est en ligne, c’est perdu.
  4. Recadrez sur la zone pertinente. Une capture plein écran avec une minuscule flèche se lit moins bien sur mobile qu’un recadrage serré.

Retours design et produit

  • Rectangle + texte court (« l’espacement fait serré », « ça casse bizarrement ici ») vaut mieux qu’un vague « faites ressortir ça ».
  • Des annotations numérotées permettent d’y faire référence dans les commentaires : « voir 2 ».
  • Gardez les traits fins et à fort contraste (rouge ou bleu sur interface claire) pour qu’ils restent lisibles en taille vignette.

Demandes de support

  • Montrez l’état avant et après s’il s’agit d’un bug de transition. Deux captures annotées valent mieux qu’une.
  • Incluez le message d’erreur non flouté mais floutez tout ce qui l’entoure.
  • Les métadonnées de la page de partage (dimensions, taille du fichier) aident le support à confirmer qu’il regarde la même version et la même résolution.

Comparaison des vitesses (valeurs typiques, par capture)

Chemin Temps approximatif jusqu’à l’image annotée
⌘⇧4 → rattraper la vignette → marquer 5 à 10 s (si vous la rattrapez)
⌘⇧4 → ouvrir Aperçu → marquer 10 à 20 s
App de barre des menus : raccourci global → glisser → outils → fini 3 à 6 s

La dernière ligne explique pourquoi un utilitaire dédié mérite sa place dans la barre des menus : l’annotation cesse d’être une tâche à part et fait partie du geste de capture lui-même.

Conseils pratiques

  • Entraînez vos réflexes sur deux outils seulement. Flèche et flou couvrent 90 % des annotations réelles.
  • Définissez une couleur de trait par défaut qui contraste avec la plupart des interfaces (rouge sur clair, jaune sur sombre).
  • Floutez d’abord, partagez ensuite. Faites-en une règle absolue : ce sont les exceptions qui font fuiter les données sensibles.
  • Recadrez généreusement après annotation. Supprimez les marges vides pour que l’annotation occupe davantage le cadre.