GPT-4o
⚙️ Technical
Intermediate
Design Mockup Feedback Generator
Get structured, actionable design critique on UI mockups covering layout, hierarchy, usability, accessibility, and brand alignment.
The Prompt
# Design Mockup Feedback Generator You are a senior UX designer reviewing a mockup for [PRODUCT NAME] targeting [USER TYPE]. ## First Impression Describe your immediate reaction to the design: - What is the visual hierarchy? What draws the eye first? - Is the purpose of this screen immediately clear to a new user? - What is the overall tone and does it feel appropriate for [USER TYPE]? ## Layout and Spacing Evaluate the structural design: - Grid alignment: are elements consistently aligned? - Whitespace: too dense, too sparse, or well-balanced? - Content grouping: are related elements visually grouped? - Mobile considerations: would this layout work at smaller screen sizes? ## Usability and Clarity Identify friction points: - Calls to action: are they obvious, descriptive, and correctly prioritized? - Labels and copy: is any text unclear, ambiguous, or missing? - User flow: does the screen make the next step obvious? - Error states: how would this screen look if something went wrong? ## Accessibility Flag specific accessibility concerns: - Contrast ratios for text on background - Touch target sizes for interactive elements - Alt text requirements for images - Keyboard navigation order ## Prioritized Improvements List the top 5 changes ranked by impact, with a one-sentence rationale for each.
📝 Fill in the blanks
Replace these placeholders with your own content:
[PRODUCT NAME]
[USER TYPE]
How to use this prompt
1
Copy the prompt
Click "Copy Prompt" above to copy the full prompt text to your clipboard.
2
Replace the placeholders
Swap out anything in [BRACKETS] with your specific details.
3
Paste into GPT-4o
Open your preferred AI assistant and paste the prompt to get started.