Project Brief: Interactive Practice & Feedback System
Objective:
Design an interface for a hands-on practice session where students attempt a prompt engineering exercise,
receive AI-generated feedback, and iterate on their responses.
Problem Statement:
Our edtech platform provides hands-on practice for students learning prompt engineering. A key feature of the
platform is an interactive practice module where students submit prompts, receive AI feedback, and refine their
responses. The goal is to design an intuitive and engaging user experience that encourages iteration and
learning.
User Personas:
1. Beginner Student – New to prompt engineering, needs guidance and structured feedback.
2. Intermediate Learner – Has basic understanding, looking to refine prompt-writing skills.
3. Advanced User – Wants to experiment with complex prompts and get nuanced feedback.
Key Challenges:
● Making AI feedback clear, actionable, and user-friendly.
● Designing an intuitive way to track iterations of a prompt.
● Ensuring the interface encourages experimentation and learning without overwhelming the user.
● Providing real-time hints or post-submission insights in an unobtrusive way.
Required Research Areas:
1. User Flow Exploration:
○ How do users submit a prompt?
○ What happens after submission?
○ How can they view and apply AI feedback?
○ How do they compare past iterations of their work?
2. Best Practices in AI Feedback UX:
○ How should feedback be structured? (Score, text-based, color-coded, etc.)
○ Should AI suggestions be interactive or read-only?
○ How do we prevent cognitive overload while ensuring effective learning?
3. Engagement Strategies:
○ How to keep users motivated to iterate?
○ Can gamification (badges, progress bars, leaderboards) enhance the experience?
○ Should there be a "mentor mode" where students can request human feedback?
4. AI-Powered Enhancements:
○ Candidates must propose at least two unique AI features that can be added to the platform to
differentiate it from competitors (excluding real-time feedback on prompts).
○ The final UI submission must incorporate the newly suggested AI features, ensuring they are
backed by research and user empathy.
5. Competitor Analysis:
○ Conduct a comparative analysis of similar edtech platforms.
○ Identify strengths and weaknesses in existing solutions.
○ Suggest how our platform can stand out based on these insights.
Deliverables:
1. User Flow Diagram – A mapped-out journey from prompt submission to AI feedback and iterations.
2. Wireframes or Low-Fidelity Screens – Initial layout of the interface.
3. UI Designs (High-Fidelity Screens) – A polished version of the practice module.
4. Design Rationale – A short write-up explaining design decisions.
5. UX Research Insights – A summary of the research process and key findings.
6. Competitor Analysis Report – A breakdown of key competitors and how this platform differentiates
itself.
7. UI Screens (Web & Mobile Responsive) – At least three screens showcasing the core experience.
8. Final Case Study – A document combining research findings, design rationale, and UI execution.
9. Interactive Prototype with Micro-Interactions – A clickable prototype showcasing interactions and
usability flows.
10.Mini Design System – A style guide including:
● Color palette
● Typography
● Button styles
● Form elements
● Iconography
● Component guidelines
Design Considerations:
● Web-first approach with responsive scalability for mobile.
● Minimal cognitive load – Simple, clear instructions with progressive disclosure.
● Accessibility compliance – Ensure it works for users with different abilities.
● Consistency with design system (if any) or propose scalable UI components.
Required Screens for UI Evaluation:
Candidates should design at least three key screens that demonstrate their UI skills:
1. Prompt Submission Screen – Where students enter a prompt and submit it for evaluation.
2. AI Feedback Screen – Displays AI-generated feedback and allows users to iterate on their prompt.
3. Iteration Tracking & History Screen – Shows previous attempts, AI feedback history, and
improvements over time.
4. Course Completion Screen – Represents a fully completed user journey, highlighting final submission,
feedback summary, and progression to the next learning phase.
5. AI Feature Screens – UI screens integrating the two newly proposed AI-powered features, ensuring
they enhance the user experience and differentiate the platform.
Additional Considerations:
● Keep in mind that the screen you will be designing is when the user is inside the course and doing the
course, so the layout should reflect an in-course experience, showing modules, a progress bar, and
other indicators.
● It will be a plus point if the candidate designs an additional couple of UI screens for course completion.
Submission Deadline:
Send your submission to sahil.rajput@greenridertech.com & shrashti.agrawal@greenridertech.com. If you have
any questions regarding this assignment, mail to Sahil Rajput
Evaluation Criteria:
● Usability & Clarity – How intuitive is the design? Is the feedback system clear?
● Innovation & Engagement – Are there features that enhance motivation?
● Scalability & Consistency – Can this design scale for different user levels?
● Attention to Accessibility – Is the UI inclusive and easy to use?
● Research & UX Understanding –
○ Has the candidate demonstrated an understanding of user needs?
○ Is the user flow well-researched and justified?
○ Have pain points and usability issues been addressed?
○ Is there evidence of competitive analysis or user research?
● Visual & UI Design –
○ Are the UI elements visually appealing and consistent?
○ Does the layout follow best practices for usability and readability?
○ Is the design responsive and functional across web and mobile?
● Prototype & Micro-Interactions –
○ Are transitions smooth and intuitive?
○ Are interactive elements clearly defined and user-friendly?
○ Does the prototype effectively communicate the intended experience?
● Design System Integration –
○ Are styles and components well-defined?
○ Is there consistency across different screens and elements?
Additional Notes:
Candidates are encouraged to present their work in a structured format (Figma, PDF, or any preferred tool) and
be prepared to discuss their design choices in the interview.
