Prompt Library ⚙️ Technical Design Mockup Feedback Generator
GPT-4o ⚙️ Technical Intermediate

Design Mockup Feedback Generator

Get structured, actionable design critique on UI mockups covering layout, hierarchy, usability, accessibility, and brand alignment.

👁 16 views ⎘ 0 copies ♥ 0 likes

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.