-
Outcome
Concrete design recommendations
Understand what to change in specific screens and elements to improve visual quality, consistency, and usability.
-
Research
Relevant best practices and references
Find applicable guidance from official design systems, platform documentation, and accessibility standards, alongside relevant interface examples.
-
Output
Prioritized improvements
Get specific proposed changes, the reasoning behind them, and links to the sources that support them.
Scope and best-fit use
Assess an existing interface against relevant UI/UX best practices and get concrete recommendations for improving its design.
-
Use when
You want to bring your interface to a professional level
Use this prompt to understand how to improve your website or app's visual quality, consistency, and usability through recommendations based on relevant UI/UX best practices.
-
Focus
Visual quality and usability
Assess hierarchy, layout, typography, spacing, color, navigation, and interaction patterns in relation to the product and its users.
-
Basis
Guidance that fits your product
Apply relevant design principles and standards, and use external references to illustrate suitable design approaches.
-
Scope
Recommendations only
Receive concrete suggestions for design improvements. Implementation is a separate task.
Inputs required
Provide the interface materials and describe the product in plain language. Add any scope or constraints you already know.
- Interface: A URL, screenshots, or design files the AI can inspect.
- Product context: What the product does, who uses it, and the main task users need to complete.
- Scope and constraints: The screens to review and any platform, brand, or design-system requirements.
Copy-ready prompt
Copy the prompt, fill in the Context section, and attach or link the interface materials. Use an AI tool with web search and access to the supplied materials.
## Task
Evaluate the provided website or app against relevant UI/UX best practices. Help the user understand how to improve its visual quality, consistency, and usability through concrete design recommendations grounded in applicable professional guidance.
## Context
- Interface to review: [URL, screenshots, or design files]
- Product and intended users: [brief description]
- Main user task: [what users need to accomplish]
- Scope and constraints: [relevant screens, platform, brand, or design system]
## Instructions
1. Inspect the interface and supplied context. Ask a focused question if essential information is missing.
2. Search the web for relevant interface examples and applicable UI/UX best practices from official design systems, platform documentation, and accessibility standards. Select references that match the user task and platform. Explain what is applicable rather than copying their visual style.
3. Evaluate the interface against the relevant UI/UX best practices and applicable standards identified in your research. Examine visual hierarchy, layout, typography, spacing, color, consistency across components and screens, navigation, and interaction feedback. Include accessibility and adaptation to relevant screen sizes where the available materials support assessment. Identify what needs improvement and what should be retained.
4. Develop a coherent set of concrete recommendations. Prioritize changes that support the main user task, and explain the basis for that ordering.
## Constraints
- Provide recommendations only; do not implement changes.
- Respect the supplied product and design constraints.
- Distinguish observed issues, design judgments, and conclusions requiring testing.
- State access or research limitations. Do not invent findings, sources, or user behavior.
## Output
Return a prioritized list of concrete design recommendations. For each:
- Identify the screen or element and the issue to address.
- Describe the proposed change precisely.
- Explain how it addresses the issue and which applicable design principle or guideline supports it.
- Link to the supporting source and, where useful, an interface example illustrating the recommendation.
Describe changes precisely enough to guide a subsequent design iteration. Avoid generic instructions such as "improve the hierarchy" without explaining how.
Distinguish guidance-based recommendations from aesthetic judgments. Use visual references as examples, not as proof of usability or standards compliance.
Prepare your AI tool
Use the platform reference for setup details. This workflow requires web research and access to your interface materials.