Prompt lesson · 22 prompts
UI/UX Feedback prompts for Web Developers
22 ready-to-use prompts from our AI for Web Developers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
A/B Testing Strategy and Analysis
Use this when you need help planning, running, or interpreting A/B tests to improve a website, app, or user experience.
Role You are a conversion optimization specialist and data analyst. Your goal is to help me design, execute, and interpret A/B tests that lead to measurable improvements in user engagement and conversion.
Context you provide
- {{page_or_app}}: The specific page, app, or element you want to test (e.g., landing page, checkout flow, onboarding).
- {{goal}}: The primary metric you want to improve (e.g., click-through rate, sign-ups, purchases).
- {{current_design}}: Brief description of the current design or user flow.
Instructions
- Ask for any missing context before starting.
- Propose 2–3 specific A/B test ideas with clear hypotheses for each.
- For each test, define the key performance indicators (KPIs) you should track.
- Explain how to set up the test properly (e.g., sample size, duration, control vs. variation).
- Describe how to interpret the results, including statistical significance and practical significance.
- Highlight common pitfalls to avoid (e.g., testing too many variables, stopping too early).
Output format Provide a structured plan with sections: "Test Ideas & Hypotheses," "KPIs," "Test Setup," "Interpretation Guide," and "Common Pitfalls." Use bullet points and keep the tone analytical and practical.
Guardrails
- Do not guarantee specific results; focus on methodology and interpretation.
- Do not recommend tools that are not widely recognized; stick to common A/B testing platforms.
- Keep recommendations ethical and user-centric (no dark patterns).
Example {{page_or_app}}: "Landing page for a SaaS product." {{goal}}: "Increase free trial sign-ups." {{current_design}}: "Current hero section has a long form and no social proof."
Open this prompt Planning · Intermediate
Accessibility Evaluation
Use this when you need to assess a website or app for accessibility compliance and get recommendations for improvement.
Role You are an accessibility expert, evaluating digital products for compliance with standards like WCAG and providing actionable recommendations.
Context you provide
- {{website URL or app name}}: the digital product to evaluate.
- {{specific pages or features}}: if focusing on certain areas.
- {{accessibility standards}}: e.g., WCAG 2.1 AA, Section 508.
Instructions
- If the URL or app name is not provided, ask for it.
- Conduct a systematic evaluation based on WCAG principles: perceivable, operable, understandable, and robust.
- Identify potential issues in areas like color contrast, keyboard navigation, screen reader compatibility, and form labels.
- Provide specific recommendations for each issue, prioritized by severity.
- Suggest tools and methods for further testing, including involving users with disabilities.
Output format A structured accessibility report with sections: Executive Summary, Key Issues (with severity ratings), Recommendations, and Testing Tools. Use bullet points and keep tone constructive and professional.
Guardrails
- Do not claim compliance without actual testing; base findings on provided information and general best practices.
- Flag that a manual audit is needed for full compliance.
- Stay within accessibility scope; avoid general web design advice.
Example Website: 'https://example.com', focus: 'checkout page', standards: 'WCAG 2.1 AA'.
Open this prompt Analysis · Intermediate
Analyze User Flow
Use this when you need to evaluate a website's user flow, identify bottlenecks, and get actionable UX improvement suggestions.
Open this prompt Analysis · Intermediate
Evaluate Form and Input Usability
Use this when you need to assess the usability and error handling of forms and input fields in a website or application.
Open this prompt Analysis · Intermediate
Evaluate User Interface Design Quality
Use this when you need a structured evaluation of a website or app's user interface, covering visual design, layout, and usability strengths and weaknesses.
Open this prompt Analysis · Intermediate
Get Design Critiques for Websites
Use this when you need constructive feedback on your website's visual design, including color, typography, layout, and overall aesthetics.
Open this prompt Analysis · Beginner
Improve Error Handling and Messaging
Use this when you need to enhance error messages and validation feedback on a website to improve user experience.
Open this prompt Creating · Intermediate
Integrate User Feedback Mechanisms
Use this when you need to add or improve user feedback channels on a website to drive UI/UX improvements.
Open this prompt Planning · Intermediate
Interaction and Animation Feedback
Use this when you need to review the interaction design and animations of a website or application to suggest enhancements for more intuitive user interactions.
Open this prompt Analysis · Intermediate
Microinteractions and Animation Guidance
Use this when you need expert advice on adding microinteractions and animations to a website to improve user engagement and feedback.
Open this prompt Creating · Intermediate
Mobile Responsiveness Assessment
Use this when you need to evaluate how well a website or app performs across different mobile devices and network conditions.
Open this prompt Analysis · Intermediate
Mobile Responsiveness Assessment
Use this when you need to evaluate a website or app's mobile responsiveness and identify design inconsistencies across devices.
Open this prompt Analysis · Intermediate
Real-time UI/UX Feedback
Use this when you need immediate, actionable feedback on your website's user interface and user experience.
Open this prompt Analysis · Intermediate
Review Digital Accessibility Compliance
Use this when you need to assess a website or app for accessibility barriers and get actionable recommendations for compliance and inclusivity.
Open this prompt Analysis · Intermediate
Review Layout and Design Elements
Use this when you need expert feedback on the visual layout, color scheme, typography, and overall aesthetics of a website or application to ensure it aligns with your brand and audience.
Open this prompt Analysis · Beginner
Simulate Usability Testing Scenarios
Use this when you need to identify usability issues in a website or app by simulating realistic user interactions and tasks.
Open this prompt Analysis · Intermediate
Simulate Usability Testing Scenarios
Use this when you need to evaluate the usability of a website or app by simulating user interactions and identifying pain points.
Open this prompt Analysis · Intermediate
Website and App Performance Analysis
Use this when you need to analyze the performance of a website or application, identify bottlenecks, and get optimization recommendations.
Open this prompt Analysis · Intermediate
Website Content Usability Review
Use this when you need to assess and improve the content structure, readability, and clarity of a website or application for better user experience.
Open this prompt Analysis · Intermediate
Website Information Hierarchy Evaluation
Use this when you need to assess and improve the information hierarchy of a website for better user understanding and accessibility.
Open this prompt Analysis · Intermediate
Website Performance Optimization
Use this when you need to identify and resolve performance issues on a website to improve loading speed and user experience.
Open this prompt Analysis · Intermediate