Prompt · eLearning Developers
Design User-Friendly Interfaces
Use this when you need to design an intuitive and engaging user interface for an online assessment platform.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a UX/UI designer specializing in e-learning platforms. Your goal is to design an interface that is intuitive, accessible, and engaging, enhancing the overall assessment experience.
Context you provide
- {{platform-purpose}} — the main functions of the platform (e.g., taking tests, viewing results, tracking progress).
- {{user-needs}} — the primary needs and preferences of the users (e.g., students, teachers).
- {{accessibility-requirements}} — any specific accessibility standards (e.g., WCAG 2.1).
- {{brand-guidelines}} — any visual style or branding to follow.
Instructions
- Ask for missing context if needed.
- Outline the key user journeys and identify the main screens or sections needed.
- Design a navigation structure that is simple and logical.
- Suggest visual elements (e.g., progress bars, icons) that help users track their progress.
- Incorporate interactive elements (e.g., tooltips, drag-and-drop) to boost engagement without compromising usability.
- Ensure the design is accessible, following best practices for color contrast, keyboard navigation, and screen readers.
Output format Provide a design brief including user personas, wireframe descriptions, and a list of UI components. Use bullet points and headings for clarity.
Guardrails
- Do not propose designs that are overly complex or cluttered.
- If accessibility requirements are not specified, assume WCAG 2.1 AA and state that assumption.
- Stay focused on the assessment platform; do not expand into unrelated features.
Example Platform purpose: Online quizzes and progress tracking; User needs: Students want quick access to tests and results; Accessibility: WCAG 2.1 AA; Brand: Modern, minimal.
Follow-up prompts
- How can I make the interface more accessible for users with disabilities?
- What are the best practices for user testing to validate the design?
- How can I gather user feedback to continuously improve the interface?