Visual feedback
In website and design review, visual feedback is a comment attached to the exact spot on a page, screen or design it refers to, made by drawing, pinning or pointing at the element, so that the recipient sees what the reviewer saw instead of reading a description of it. It replaces a written account of where the problem is with a mark on the problem itself.
The longer version
The reviewer works on the artefact rather than beside it. On a live page that means an annotation layer: a pen to circle the misaligned card, an arrow to the wrong price, a pin dropped on the element with a short note. On a design file it is a comment anchored to a frame. The mark and the note travel together to whoever fixes it, along with the state the page was in when the mark was made, meaning the URL, the viewport and the browser, because the same page looks different at a different width.
The phrase has a second meaning in interface design and in neuroscience, where visual feedback is what a system shows a person in response to an action: a button that darkens on press, a spinner, a cursor that follows the hand. This page is not about that sense. In review work, visual feedback is contrasted with textual feedback, the paragraph in an email or a chat message that describes a location. Text is the right tool for saying why something is wrong and the wrong tool for saying where.
A screenshot with a red circle on it has lost its anchor: it tells the developer what the reviewer saw and not which element it was, at which width, on which build, so the first act of the fix is reconstructing the screenshot. The second failure is a mark without a note: a circle around a form says something in it is wrong and nothing about what. The useful unit is the mark, the element it sits on, a sentence about what was expected, and the browser context, all on one ticket.
Common questions
What is visual feedback in web design?
A review comment attached to the exact spot on a page or design it refers to, made by drawing, pinning or pointing rather than by describing the location in words. The reviewer marks the misaligned element and writes what is wrong; the developer opens the note and lands on the element. The phrase also names an interface's visible response to a user action, which is a separate concept.
What is the difference between visual feedback and a screenshot?
A screenshot is a picture of a page at one moment; visual feedback is a mark on that page tied to a note and to the element it concerns. A screenshot pasted into chat loses the URL, the width and the build it came from. Visual feedback keeps the mark anchored to the page and its context, so the developer does not rebuild the scene before fixing it.
Why is visual feedback better than written feedback?
Written feedback is better for reasoning and worse for location. A paragraph can explain why the layout is wrong and cannot reliably say which of six similar cards it means. A mark on the element settles the location instantly and leaves the words for the explanation. The strongest note is both: the mark for where, the sentence for what and why.
How do you give visual feedback on a live website?
Through an annotation layer on the page itself: the reviewer opens the staged or live site, selects a pen or a pin, marks the element, writes one sentence about what is wrong, and sends it. The layer records the URL, viewport and browser with the mark. The alternative, a screenshot pasted into a message, loses the element and the width, and the developer rebuilds the scene before fixing anything.
What should a visual feedback note contain?
Four things on one ticket: the mark on the element, the element itself identified by a selector or a pin rather than by pixels, one sentence saying what was expected and what appears instead, and the context in which the mark was made, meaning the URL, viewport, browser and build. A mark with no sentence says something is wrong here and nothing about what; a sentence with no mark says what and nothing about where.
Bug reports that arrive ready to triage.
Collect replay, console, network and browser context with the Free plan.