Get UI/UX recommendations based on best practices

Understand how to improve your website or app's UI/UX to a professional level, with concrete recommendations grounded in relevant best practices and external design references.

  • 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.

Get UI/UX recommendations based on best practices
## 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.

Next steps

Continue into design work or add focused controls for inspecting materials and reporting evidence.