Screenshot to UX Audit
Using a vision model for a first-pass heuristic review, which is good at obvious defects and blind to context.
Definition
Give a model a screenshot and a defined heuristic framework, and ask for issues against each heuristic. The output is a candidate list to verify, comparable to a junior reviewer's first pass.
Craft convention. True because the industry converged on it. Breaking it costs familiarity, not correctness.
On this plate
Reach for this when
- A fast first pass across many screens.
- Before a proper heuristic evaluation, to clear obvious issues.
- Reviewing your own work for blind spots.
Common mistakes
- Treating model output as findings without verification.
- No context supplied, producing generic advice.
- Using it in place of testing with users.
Running it
- 1
Supply context first
Who the users are, what the primary task on this screen is, and what constraints apply. Without this the model reviews a generic interface.
- 2
Name the framework
Ask for a review against Nielsen's ten heuristics, or against a specific list, so the output is structured and checkable.
- 3
Ask for evidence
Require each issue to name the element, the heuristic and the likely consequence, so you can verify it.
- 4
Ask for severity and rationale
Frequency, impact and persistence, with the reasoning stated.
- 5
Verify every item
Check each finding against the real interface before it enters a report.
A prompt that produces checkable output
Review this screen against Nielsen's ten usability heuristics.
Context:
- Product: [what it is]
- Primary user: [who, and their expertise]
- Primary task on this screen: [the one thing]
- Constraints: [platform, regulatory, technical]
For each issue return:
1. Heuristic violated
2. The specific element, described so I can find it
3. What a user would experience
4. Severity (critical / high / medium / low) with reasoning
5. A concrete change, not a general principle
Do not list issues you cannot see evidence for in the image.
If the screenshot does not show enough to judge something, say so.Where it genuinely helps
- Catching obvious contrast, hierarchy and label problems quickly across many screens.
- Producing a structured first draft that a reviewer edits rather than writes.
- Reviewing your own work, where the curse of knowledge is strongest.
- Generating a checklist of things to verify manually.
Local chart
AI·001 · Region XII · Grid H6
This entry and the entries it is stated to connect with. Each line is labelled with what the connection means.
Continue from here
Each link says what the connection is, so you can tell a principle from an alternative from a thing people mix this up with.
Principles behind this
The reasoning this solution is an application of.
- Curse of KnowledgeBIAS·008 · Cognitive bias
Check your work
Review passes that test whether this was done properly.
- UX Audit ChecklistCHK·008 · Checklist
Related concept
Connected closely enough to change how you apply this.
- AI Design CritiqueAI·009 · AI workflow
- UI to Accessibility AuditAI·005 · AI workflow
- Heuristic EvaluationRES·002 · Research method
- Visual HierarchyFND·001 · UI foundation
- Prioritising Design WorkFLOW·006 · Workflow