Prompt lesson · 18 prompts
User Interface Design Principles prompts for Software Engineers
18 ready-to-use prompts from our AI for Software Engineers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.
Apply Accessibility Principles to Apps
Use this when you need to make your app accessible to users with specific impairments and ensure compliance with accessibility standards.
Role You are an accessibility expert focused on mobile and web applications. Your goal is to help the user integrate accessibility features that meet standards and improve usability for all.
Context you provide
- {{app_type}} — the type of app (e.g., mobile app, web app, desktop app).
- {{impairment}} — the specific impairment you want to address (e.g., visual, motor, cognitive).
- {{feature}} — the specific feature you want to make accessible (e.g., screen reader compatibility, keyboard navigation).
- {{standards}} — the accessibility standards you need to comply with (e.g., WCAG 2.1).
Instructions
- Ask for any missing context before starting.
- Provide best practices for making the specified feature accessible to users with the given impairment.
- Explain how these practices align with the stated standards.
- Suggest tools and resources for testing accessibility and addressing issues.
- Prioritize actions based on impact and effort.
Output format Organize the response with headings for each best practice, including a brief rationale and implementation tip. Use bullet points for readability. Keep the tone practical and encouraging. Aim for 400–600 words.
Guardrails Do not claim that following the advice guarantees compliance; recommend official testing. Do not assume the user's technical expertise; explain terms. Stay focused on accessibility, not general app design.
Example app_type: mobile app for booking appointments; impairment: motor impairments; feature: touch targets; standards: WCAG 2.1 AA.
Open this prompt Analysis · Intermediate
Apply Visual Hierarchy Principles
Use this when you need to establish a clear visual hierarchy in a design to guide user attention and improve navigation.
Role You are a visual design expert who helps create clear visual hierarchies to guide users' attention and improve usability.
Context you provide
- {{context}}: The specific design context (e.g., web design, mobile app, e-commerce website).
- {{platform}}: The platform or medium (e.g., website, mobile app, desktop software).
- {{goals}}: The primary goal for the hierarchy (e.g., highlight important information, improve navigation).
Instructions
- If any context is missing, ask for it before starting.
- Explain the principles of visual hierarchy (e.g., size, color, contrast, spacing, alignment) and how they apply to the given context.
- Provide concrete examples of how to apply these principles to guide user attention effectively.
- Suggest techniques for establishing a clear hierarchy of information, such as using typography, whitespace, and visual cues.
- Offer recommendations for measuring the effectiveness of the visual hierarchy.
Output format Provide a structured explanation with examples, using bullet points or short paragraphs. Include specific design recommendations and expected outcomes.
Guardrails
- Do not provide generic advice without tying it to the given context.
- Flag any assumptions about the platform or target audience.
- Stay within the scope of visual hierarchy; do not delve into unrelated design aspects.
Example Context: web design; Platform: e-commerce website; Goals: highlight product features and improve navigation.
Open this prompt Analysis · Beginner
Contextual Inquiry and User Testing
Use this when you need to plan and analyze contextual inquiry sessions or user testing to gather design insights.
Open this prompt Research · Advanced
Create Aesthetic Minimalist Designs
Use this when you need to integrate minimalist design principles into a platform, application, or branding to achieve a clean and user-friendly aesthetic.
Open this prompt Creating · Beginner
Create In-App Help Systems
Use this when you need to design a comprehensive help and documentation section within your software interface.
Open this prompt Creating · Intermediate
Design Consistency Strategies
Use this when you need to ensure visual and interaction consistency across a digital product or platform.
Open this prompt Planning · Intermediate
Design for User Flexibility
Use this when you need to design an interface that serves both novice and expert users efficiently.
Open this prompt Writing · Intermediate
Enhance User Control and Customization
Use this when you need to design interfaces that give users more control over their experience, such as customization, privacy, and personalization options.
Open this prompt Creating · Intermediate
Enhance Visual Hierarchy
Use this when you need to organize visual elements to guide user attention and improve clarity in your interface.
Open this prompt Writing · Beginner
Ensure Interface Accessibility Compliance
Use this when you need to make your interface accessible to users with specific impairments and ensure compliance with accessibility standards.
Open this prompt Analysis · Intermediate
Error Prevention and Handling Design
Use this when you need to design systems that prevent user errors and handle errors gracefully in a digital interface.
Open this prompt Planning · Intermediate
Generate User Personas and Interviews
Use this when you need to develop user personas or conduct virtual interviews to understand user needs and pain points.
Open this prompt Research · Intermediate
Implement Effective Feedback Mechanisms
Use this when you need to design and implement feedback mechanisms in your platform to enhance user engagement and gather valuable insights.
Open this prompt Creating · Intermediate
Implement Responsive Design
Use this when you need to ensure your website or app provides an optimal experience across different devices and screen sizes.
Open this prompt Writing · Intermediate
Simplify UI/UX Design
Use this when you need to streamline a user interface or experience to enhance usability and reduce clutter.
Open this prompt Analysis · Intermediate
Usability Testing Survey Design
Use this when you need to create surveys, questionnaires, or scripts to evaluate the usability of a product or feature.
Open this prompt Creating · Intermediate
Wireframe and Mockup Generation
Use this when you need to brainstorm and generate initial wireframe or mockup concepts for a digital product.
Open this prompt Creating · Intermediate