Back to scroll

Prototype planned / project study

Interface Critic

How might design critique become specific enough to act on?

Demonstrates strong UX judgment: visual hierarchy, accessibility, prioritization, and actionable critique.

Opening

Interface Critic is about making critique less vague. Instead of saying a screen feels confusing, the system helps locate the issue, explain the impact, and turn feedback into a revision plan.

Scenario

A product designer or founder uploads a product screenshot before a review. They need fast feedback, but they also need to separate taste from usability, accessibility, hierarchy, and interaction friction.

Design challenge

Design feedback often becomes subjective. This project turns critique into a structured system with evidence, severity, and next actions.

Design decisions

What the interface needs to make clear.

01

Anchor feedback to the screen

Every observation is connected to a visible region. This prevents critique from becoming abstract and helps teams discuss the same evidence.

02

Prioritize instead of listing everything

A good critique should help teams decide. Severity, effort, and user impact keep the review focused on what matters first.

03

Keep the designer in control

AI suggestions are editable. The tool acts as a critique partner, not a final judge.

Prototype flow

How someone would move through it.

01

Upload a screen

The screenshot becomes the central canvas for visual review.

02

Inspect annotated issues

Pins identify hierarchy, copy, accessibility, and interaction problems.

03

Create a revision list

The review turns into a small set of actionable changes with rationale.

Interaction model

How the experience works

  • Screenshot canvas anchors every observation visually
  • Annotation pins connect issues to exact interface regions
  • Severity and effort help teams decide what to fix first
  • Revision checklist converts critique into implementation steps

Prototype plan

How it becomes real

  1. Manual annotation workspace and critique taxonomy
  2. AI-assisted issue detection with editable recommendations
  3. Before and after review comparison
  4. Exportable design QA report for product teams

What to notice

Why this project matters for Wanling's profile.

The next build should support screenshot upload, manual annotations, and a first critique rubric before adding AI-assisted analysis.