web design / proof of technology
Quiz Question Generator
An AI-generated quiz platform that automates question generation to reduce workload.
context
Project Overview
The Challenge
The time faculty members spend on creating, grading, and revising course material and exams is high. To create weekly quizzes on top a significant amount of work, but they still want to support the students' learning.
The Solution
The final design utilized AI to generate questions for student recall and understanding of classroom concepts. The model takes in course material, generates questions, and faculty can easily approve or edit. The final design was non-committal, intended to help demonstrate a proof of technology.
my role
What I Owned
Workshop Facilitation
- →Led client workshop
- →As-is and To-be scenarios
- →Understanding existing data
Design & Prototyping
- →Wireframing
- →Figma Make for Iterations
- →Style Guide Creation
Design Mentor
- →Mentored a summer intern throughout the process, working to create designs together and present it to the client.
outcomes
The Quiz Platform
The solution was a dynamic, clickable prototype with an AI model implemented to help with question generation.
- Faculty can upload course material and learning objectives to base the generated questions off of
- Faculty can easily accept or reject questions to create a quiz
- Students now have the opportunity to quiz themselves on course material
- Students get immediate feedback on quiz performance
This solution follows department goals of a flipped classroom, where medical students gain initial exposure to new material outside of class and use class time for higher-order activities.
Faculty Experience
Easily Manage Questions
When creating a quiz, faculty can provide example questions to guide the generation. They can also easily approve, deny, or edit generated questions.
See Class Insights
Faculty can view the insights tab, seeing areas of strength and needed improvement based on quiz results.
Student Experience
Flipped Classroom
Students can test their knowledge outside of class and spend class time reviewing concepts they need assistance in.
Course Insights
Students can see what concepts or categories they are strong in, and what areas they should work to improve on after taking the quiz.
methodology
The Process
Competitive Analysis
I looked at existing skincare apps, websites, and how people often asked skincare questions. The idea for this project came from many hours on skincare subreddits.
Ideation > Experience
My research informed me of the gaps between different sites: no one had it all. From this, I drafted potentials flows for how a user would interact with the site, narrowing down to three main areas that were most commonly searched for.
Wireframes
I created a style guide to establish an identity for the site, and used that to draft initial wireframes. I worked with a software engineer to determine feasibility for different features — because good design doesn't need to be complicated.
User Testing
With the wireframes I had polished, I utilzied Figma Make (Gemini Pro 3 model) to help me iterate on my designs and fill in the blanks. It helped populate text, created a more structured look, and helped give inspiration for the next iteration.
