Première annotation
Apprenez à placer votre première annotation sur une page web avec EchoPastel
Ce guide vous explique comment placer votre première annotation sur une page web avec EchoPastel.
Qu'est-ce qu'une annotation ?
Une annotation (ou "pin") est un commentaire que vous placez directement sur un élément de votre page web. Chaque annotation :
- Est attachée à un élément spécifique de la page
- Contient votre commentaire ou feedback
- Peut inclure des mentions de collaborateurs
- Génère automatiquement une capture d'écran
- Peut recevoir des réponses de votre équipe
Activer le mode annotation
Pour commencer à annoter, vous devez activer le mode annotation :
- Ouvrez votre Echo depuis votre tableau de bord
- Une fois la page chargée, cherchez le bouton "Mode Annotation" ou l'icône de pin
- Cliquez pour activer le mode annotation
Astuce : Le curseur change pour indiquer que vous êtes en mode annotation. Vous verrez un curseur spécial avec l'indication "Mode Annotation".
Placer une annotation
Une fois le mode annotation activé :
Étape 1 : Cliquer sur un élément
- Parcourez la page avec votre souris
- Cliquez sur l'élément que vous souhaitez annoter
- Cela peut être un bouton, une image, un texte, un formulaire, etc.
- Vous pouvez même annoter des éléments dans des carrousels ou des sliders !
Étape 2 : Rédiger votre commentaire
Une fois que vous avez cliqué sur un élément :
- Un popover d'annotation apparaît à côté de l'élément
- Tapez votre commentaire dans la zone de texte
- Soyez précis et descriptif
- Expliquez ce que vous souhaitez améliorer ou signaler
Étape 3 : Ajouter des mentions (optionnel)
Vous pouvez mentionner des collaborateurs dans votre annotation :
- Tapez
@suivi du nom de la personne - Sélectionnez la personne dans la liste déroulante
- La personne mentionnée recevra une notification
Étape 4 : Envoyer l'annotation
- Cliquez sur "Envoyer" ou appuyez sur Entrée
- L'annotation est créée et apparaît sur la page
- Une capture d'écran est automatiquement générée
Types d'annotations
Annotation simple
Une annotation de base avec juste du texte. Parfaite pour :
- Signaler un problème
- Suggérer une amélioration
- Poser une question
Annotation avec mention
Une annotation qui mentionne un collaborateur. Utile pour :
- Assigner une tâche à quelqu'un
- Demander l'avis d'un expert
- Notifier une personne spécifique
Annotation avec statut
Vous pouvez définir un statut pour vos annotations :
- Non commencé : Nouvelle annotation
- En cours : Travail en cours
- Terminé : Problème résolu
Répondre aux annotations
Les annotations peuvent recevoir des réponses :
- Cliquez sur une annotation existante
- Le popover s'ouvre avec toutes les réponses
- Tapez votre réponse dans le champ prévu
- Cliquez sur "Envoyer"
Les réponses permettent de :
- Poser des questions de clarification
- Fournir des informations supplémentaires
- Confirmer qu'un problème est résolu
Fonctionnalités avancées
Annotations sur contenu dynamique
EchoPastel peut annoter des éléments dans :
- Carrousels : Les annotations restent attachées même quand le carrousel change
- Sliders : Les annotations suivent les éléments qui bougent
- Contenu scrollable : Les annotations restent visibles lors du défilement
Système de fingerprint
Chaque annotation utilise un système de fingerprint multi-stratégies qui garantit que :
- L'annotation reste attachée au bon élément même si la page change
- Les annotations fonctionnent sur du contenu dynamique
- Si un élément disparaît, l'annotation est marquée comme "orpheline" mais reste accessible avec sa capture d'écran
Annotations orphelines
Si un élément annoté n'existe plus sur la page :
- L'annotation est marquée comme "orpheline"
- Elle reste accessible avec sa capture d'écran
- Vous pouvez voir exactement ce qui a été annoté
Bonnes pratiques
Soyez précis
- Cliquez directement sur l'élément concerné
- Rédigez des commentaires clairs et actionnables
- Utilisez des mentions pour impliquer les bonnes personnes
Organisez vos annotations
- Utilisez les statuts pour suivre l'avancement
- Répondez aux annotations pour maintenir la conversation
- Archivez les annotations résolues
Collaborez efficacement
- Mentionnez les personnes concernées
- Répondez rapidement aux questions
- Utilisez les annotations pour documenter les décisions
Prochaines étapes
Maintenant que vous savez placer des annotations :
- Découvrez le système d'annotations - En savoir plus sur les fonctionnalités avancées
- Apprenez à collaborer - Partagez vos annotations avec votre équipe
- Explorez les fonctionnalités - Comprenez comment fonctionne le système de fingerprint
Questions fréquentes
Puis-je modifier une annotation après l'avoir créée ?
Oui ! Cliquez sur l'annotation et utilisez le bouton d'édition pour modifier le texte.
Puis-je supprimer une annotation ?
Oui, vous pouvez supprimer vos propres annotations. Les annotations supprimées ne peuvent pas être récupérées.
Les annotations fonctionnent-elles sur mobile ?
Absolument ! EchoPastel supporte les annotations sur desktop et mobile. Vous pouvez tester vos interfaces sur tous les types d'appareils.