Visual feedback with an explicit outcome
Make annotated screenshot feedback precise enough to implement
Use annotations to locate the concern, then add the observed behavior and intended outcome that an engineer needs to act on it.
- ✓Point to one concern at a time
- ✓Keep surrounding interface context visible
- ✓Explain what the annotation means

Make every visual pointer count
Less ambiguous visual feedback
Identify both the affected UI element and the reason it needs attention instead of relying on a mark alone to communicate intent.
Readable developer handoff
Prepare reviewed findings that explain the problem in text while keeping the visual evidence available for inspection.
A specific after-fix comparison
Use the original concern and agreed criteria to inspect the changed state rather than treating an annotated image as proof of completion.
Give each annotation a single purpose
An arrow or highlight can locate a problem, but it cannot explain why that problem matters or what should change. Start with a screenshot that shows the affected element in context. Keep the page identity and neighboring controls visible, then use annotations to direct attention rather than cover the evidence. If several comments require unrelated fixes, treat them as separate findings instead of packing an entire review into one crowded image.
Pair the visual cue with an explanation
Capture or upload the screenshot to Retick and inspect the proposed issues. For each accepted observation, name the element and describe what the reviewer can actually see. A highlight around a pricing footnote might mean that its text is clipped, that the wording is unclear, or that it contradicts another label. Those are different problems. State which interpretation is intended and ask the content owner to resolve meaning before turning a copy question into implementation work.
Example: a footnote hidden by the action bar
A useful issue title is Sticky action bar covers the plan renewal footnote. Include the viewport conditions and the page state that produces the overlap. Keep a wider screenshot as context if a close crop would hide the sticky bar's relationship to the rest of the page. Explain whether the problem occurs while scrolling or in a fixed captured state; use a short recording if movement is essential to demonstrate it.
Write acceptance criteria that survive the annotation
The task should remain understandable even if someone does not immediately notice the highlight. Acceptance criteria could require the complete renewal footnote to remain readable, the primary action to stay usable, and the page not to obscure the text at the reported viewport. Have the responsible reviewer confirm the intended layout. Review the resulting issue in Retick and export the approved selection to Trello when it is ready for the team's normal planning process.
Know what a marked image cannot establish
A screenshot documents one visual state, not the full interaction history or a complete accessibility assessment. It cannot prove keyboard focus order, validate screen reader output, or diagnose the reason an element overlaps another. Check those behaviors directly when relevant. After development, capture the updated state and compare it with the agreed criteria. Keep the annotation as a pointer to the original concern, not as a substitute for human review or evidence that the repair has been tested.
Turn a marked screenshot into a clear review finding
Keep the evidence visible and explain the change you actually need.