Heuristic UX Review
Review UI designs using UX best practices and common usability heuristics.
Prompt
Review this UI with UX best practices and common usability heuristics in mind.
[Paste UI description, screenshot link, or design details]
Provide:
1. Usability Heuristics Evaluation
- Visibility of system status
- Match between system and real world
- User control and freedom
- Consistency and standards
- Error prevention
- Recognition rather than recall
- Flexibility and efficiency of use
- Aesthetic and minimalist design
- Help users recognize, diagnose, and recover from errors
- Help and documentation
2. UX Best Practices Review
- Information architecture
- Visual hierarchy
- Accessibility considerations
- Responsive design
- Interaction patterns
- Content clarity
3. Specific Issues Identified
- Heuristic violations
- Usability concerns
- Accessibility issues
- Consistency problems
- User experience gaps
4. Prioritized Recommendations
- Critical issues (must fix)
- Important improvements (should fix)
- Nice-to-have enhancements (consider)
5. Design Strengths
- What works well
- Best practices followed
- Positive patterns used
6. Improvement Suggestions
- Specific design changes
- Alternative approaches
- Examples or references
Format as a structured design review with specific, actionable feedback based on UX principles.How to use
- 1Gather your design materials: Collect screenshots, design files, or UI descriptions you want to review
- 2Replace [Paste UI description, screenshot link, or design details] with your design materials. If you have screenshots, upload them or paste URLs
- 3Add context before the prompt: Describe the design context and review goals. Example: "This is our new checkout flow. Review goal: Identify usability issues before launch."
- 4If you have design files: Upload screenshots or paste Figma links. Say "Review these designs: [paste screenshots or links]"
- 5If you have user flows: Paste user flow descriptions. Say "Review this flow: [paste flow]"
- 6Paste the modified prompt into your preferred AI tool, like ChatGPT or Claude (preferably with vision if using screenshots)
- 7Review the heuristic evaluation: Check each heuristic (visibility, consistency, error prevention, etc.)
- 8Prioritize recommendations: Focus on critical issues first, then important improvements
- 9Export to tracking tool: Copy the prioritized recommendations to Jira, Linear, or your design review tool
Pro Tips
- • Include design screenshots: Upload actual UI screenshots for visual heuristic evaluation
- • Specify review focus: Mention "Focus on accessibility" or "Focus on consistency" for targeted reviews
- • For multi-screen reviews: Review key screens separately, then ask AI to "Identify patterns across these screens"
- • Request severity ratings: Ask "Rank issues by user impact (P0/P1/P2)" for prioritization
- • Combine with user testing: Use heuristic review alongside user testing for comprehensive UX evaluation
