Montrez l'élément. Dites ce qui cloche. Envoyez l'image.
Feedback est un widget que vous posez sur votre site. Toute personne qui regarde une page peut désigner un élément, y écrire un commentaire, et envoyer la page entière, contours et commentaires compris, à votre projet en une seule image.
Une adresse e-mail, sans carte. Le visiteur, lui, n'a besoin d'aucun compte.
Cliquez pour pointer ; maintenez pour dessiner.
Seulement ce qui est visible maintenant, avec vos commentaires en dessous.
Ce panneau est un dessin. Le bouton dans le coin est le widget lui-même : ouvrez-le, désignez n'importe quoi sur cette page, écrivez dessus et envoyez. Ça arrive dans notre projet comme ça arrivera dans le vôtre.
Ce qui arrive dans votre projet
Chaque rapport s'ouvre sur l'image que le visiteur a vue, pastilles incrustées, avec à côté les commentaires portant les mêmes numéros. En dessous, ce que personne ne sait décrire de mémoire : le navigateur, l'écran, clair ou foncé, la langue et le fuseau horaire.
shop.example.com
Ouvert il y a 2 minutesFenêtre 1440 × 900
Commentaires
- Le titre passe à la ligne sur mon téléphone.
- Ce bouton sort de l'écran sur ma tablette.
Fiche technique
- Navigateur
- Chrome 130 sur macOS
- Écran
- 2560 × 1440
- Thème
- Foncé
- Langue
- fr-BE
- Fuseau horaire
- Europe/Brussels
Publié dans #bugs sur Slack à son arrivée.
Connectez Slack et chaque rapport s'annonce dans le canal de votre choix. Connectez Linear et un clic en fait un ticket, image comprise.
Trois étapes, et le visiteur n'a besoin d'aucun compte
Désigner
Un sélecteur met en évidence ce que survole le curseur, comme les outils de développement du navigateur. Un clic y attache une note ; un clic maintenu dessine un rectangle.
Commenter
Chaque note reçoit un contour coloré et une pastille numérotée. Le panneau sert de légende : aucune ambiguïté sur l'élément visé.
Envoyer
Un clic rend la page avec tous les contours et la légende dans un PNG et l'envoie à votre projet. Copier met la même image dans le presse-papiers.
Ce qui ne quitte jamais la page
Un visiteur vous tend une image de votre propre produit avec ses données dessus. Le widget trace la limite avant de prendre l'image, et le visiteur voit où elle passe.
- Les champs de formulaire, les zones de texte et les cadres intégrés sont exclus de chaque image par défaut.
- Marquez une zone avec
data-feedback="private"pour la flouter,data-feedback="public"pour la garder lisible, ou listez des sélecteurs dansdata-exclude. Sans marqueur, la navigation et les commandes restent lisibles et le reste est flouté. - Le snippet dit ce que montre le site. Une application garde le flou par défaut ; un site public, vitrine ou documentation, ne floute rien sauf ce que la page marque. Choisissez-le dans les options d’installation du projet.
- Un rapport porte l'origine de la page, pas son chemin, sa requête ni son titre.
- L'enregistrement de la console est désactivé tant que vous ne l'activez pas, et ne garde alors que les niveaux et les durées, pas les messages.
- Le visiteur voit ce qui est masqué, peut en masquer davantage avant d'envoyer, et peut choisir de montrer une zone pour ce seul rapport.
Votre propre balise script
Un projet vous donne une ligne à coller avant la balise de fermeture du body. Elle porte votre clé, s'initialise seule et lit ses options dans ses propres attributs.
Options
- data-position
- Le coin où démarre le bouton : top-left, top-right, bottom-left ou bottom-right.
- data-offset-x
- La distance entre le bouton et le bord gauche ou droit, en pixels, sans unité. 20 par défaut.
- data-offset-y
- La distance entre le bouton et le bord haut ou bas, en pixels, sans unité. 20 par défaut.
- data-compact
- Si le bouton garde son libellé. auto, la valeur par défaut, ne le retire que sur les écrans étroits ; always ne garde que l'icône.
- data-accent
- La couleur du bouton et du panneau du widget.
- data-locale
- Forcer la langue du widget au lieu de détecter celle du visiteur.
Ce que ça coûte
Au-delà du quota mensuel de votre formule, les nouveaux rapports sont conservés et masqués, jamais jetés : passer à la formule supérieure les révèle.
Vous avez déjà un compte ?
Connectez-vous pour gérer vos projets et parcourir ce qui est arrivé.