How to Give Better Design Feedback: A Complete Guide
Great design feedback is specific, actionable, and kind. This guide covers the principles, phrases, and workflows that make every review productive.
Giving design feedback is one of the most important skills in any web team, and one of the least taught. Most people default to gut reactions — "I don't like it" or "it feels off" — that leave designers guessing at what to change. On the other end, some reviewers over-prescribe solutions — "make this blue, move that left, add a border" — that undermine the designer's expertise and often make the design worse.
The best design feedback sits in the middle: specific enough to be actionable, open enough to respect the designer's craft, and grounded in the project's goals rather than personal taste. Here's how to get there.
The Principles of Good Design Feedback
1. Be Specific About What You See
Vague feedback is the enemy of progress. "This doesn't feel right" is not feedback — it's a feeling. Before you share a reaction, ask yourself: can the designer take a concrete action based on what I've said?
Instead of "the hero section doesn't work," try: "The hero section has a lot of competing elements — the headline, the subhead, the background pattern, and the CTA all feel equally prominent. I think the headline needs to stand out more clearly."
Notice the difference: the second version identifies the specific problem (competing visual hierarchy) and suggests the desired outcome (headline prominence) without dictating the solution.
2. Separate Taste from Function
There's a crucial difference between "I don't personally prefer rounded corners" and "the rounded corners conflict with the sharp, angular brand identity we established in the style guide." The first is a personal preference. The second is a design rationale. Designers can work with rationale; they can't do much with taste.
Before you give feedback, ask yourself: am I reacting because this doesn't match my personal aesthetic, or because it doesn't serve the project's goals? If it's the former, consider whether it's worth raising at all.
3. Describe the Problem, Not the Solution
One of the most common feedback mistakes is jumping straight to a solution. "Make the button bigger" is a solution. The problem might be "the CTA doesn't have enough visual prominence to drive conversions." When you describe the problem, the designer can evaluate multiple solutions — maybe a color change is more effective than a size change. Maybe the button is fine, but the surrounding elements need to be de-emphasized.
The exception: if you're a designer reviewing another designer's work and you have a specific technical suggestion, it's appropriate to share it — framed as a suggestion, not a directive.
4. Ground Feedback in Context
Design decisions don't exist in a vacuum. They serve users, business goals, brand guidelines, and technical constraints. The most useful feedback connects observations to these contexts.
"The contact form feels intimidating" is good. "The contact form has 12 fields, but our analytics show 80% of visitors abandon forms with more than 6 fields — can we reduce or progressively disclose?" is better. It connects the observation to data and a business outcome.
5. Acknowledge What Works
Feedback sessions that focus exclusively on problems are demoralizing and incomplete. When you call out what's working well, you give the designer signal about what to preserve and build on. It takes ten seconds to say "the typography system is excellent — really clean and readable" and it makes a significant difference in how the rest of the feedback lands.
A Framework for Structuring Design Reviews
Unstructured reviews tend to meander. One person talks about color while another is focused on layout, and the meeting ends with no clear priorities. Here's a structured approach that keeps reviews productive:
Pass 1: Strategic Alignment (10 minutes)
Does the page serve its intended purpose? Is the information hierarchy correct? Does the user flow make sense? Is the messaging aligned with the project brief? This pass is about the forest, not the trees. No pixel-level comments allowed.
Pass 2: Visual Design (15 minutes)
Is the design consistent with the brand system? Are spacing, color, and typography applied consistently? Does the visual hierarchy guide the eye correctly? Are interactive states (hover, focus, active) designed?
Pass 3: Detail and Polish (10 minutes)
Alignment issues, orphaned text, icon consistency, edge cases (long names, empty states, error messages). This is the nitpick pass — and the only pass where nitpicking is appropriate.
Phrases That Work (And Phrases to Retire)
Language matters more than most people realize. Here are some common feedback phrases and their more effective alternatives:
Instead of: "I don't like this color."
Try: "This color feels low-contrast against the background — I'm worried about readability."
Instead of: "Can we make the logo bigger?"
Try: "The logo doesn't feel prominent enough in the header. What are our options for increasing its visual weight?"
Instead of: "This is wrong."
Try: "This doesn't match the approved mockup — was this an intentional change, or an oversight?"
Instead of: "I'll know it when I see it."
Try: "I'm not sure what I want here yet. Can we look at two or three directions so I can react to something concrete?"
Instead of: "Make it pop."
Try: "The CTA needs more visual contrast with its surroundings so it stands out as the primary action."
Using Visual Feedback Tools Effectively
Visual feedback tools like Sitemarks transform the review process by letting you point instead of describe. But even with the right tool, a few habits make feedback more effective:
- One issue per annotation. Don't bundle three pieces of feedback into a single comment. Each pin should address one observation. This makes it easier to track, assign, and resolve.
- Use priority levels. Not all feedback is equally important. Mark critical issues (bugs, broken layouts) differently from nice-to-haves (minor alignment tweaks). This helps the team triage effectively.
- Reference the source of truth. If a design doesn't match the approved mockup, link to the specific Figma frame. If copy is wrong, link to the content doc. Context reduces back-and-forth.
- Review on the right device. If the project targets mobile users, review on mobile. If it's a desktop SaaS app, review on desktop. Match your review environment to the user's environment.
Making Feedback a Habit, Not a Hurdle
The teams that give the best feedback are the ones that practice it regularly. Make design reviews a recurring part of your sprint cycle, not an ad-hoc event that happens when something looks wrong. Set expectations about what kind of feedback is welcome at each stage. And invest in tools that reduce the friction between seeing a problem and communicating it.
Sitemarks makes design feedback as simple as clicking and typing. Pin your comment on the exact element, add context, and move on. No screenshots, no lengthy descriptions, no "which page were you looking at?" follow-ups.
Start using Sitemarks for free and make your next design review your best one yet.
Ready to streamline your feedback?
Use Sitemarks to collect visual feedback, resolve issues faster, and ship pixel-perfect work.
Related articles
What is Visual Feedback and Why Your Web Team Needs It
Visual feedback tools let you pin comments directly on live websites, designs, and media. Learn why this approach eliminates miscommunication and speeds up every review cycle.
The Ultimate Guide to Website QA Testing with Visual Feedback
Visual feedback tools aren't just for design reviews — they're powerful QA testing instruments. Learn how to run thorough website QA with contextual annotations.
10 Common Website Review Mistakes (And How to Avoid Them)
From vague feedback to skipped mobile testing, these ten mistakes derail website reviews. Here is how to fix each one and ship with confidence.