QuizAssist: A PERSONALIZED ai-assisted study tool
QuizAssist: A PERSONALIZED ai-assisted study tool
QUIZLET
QUIZLET
Helping improve application-based learning beyond flash cards
Helping improve application-based learning beyond flash cards
Over the course of a semester, I lead UI design and frontend development for my team's capstone project in collaboration with mentors from Quizlet.
Over the course of a semester, I lead UI design and frontend development for my team's capstone project in collaboration with mentors from Quizlet.
THE PROBLEM
THE PROBLEM
Switching between study tools costs learning time
Switching between study tools costs learning time
Subjects such as science and language courses often require understanding the bigger picture, not just recall. To practice these skills, students frequently switch between flashcards, notes apps, documents, worksheets, and AI chat tools, leading to inefficient studying.
Subjects such as science and language courses often require understanding the bigger picture, not just recall. To practice these skills, students frequently switch between flashcards, notes apps, documents, worksheets, and AI chat tools, leading to inefficient studying.
RESEARCH
RESEARCH
Inquiring our target audience
Inquiring our target audience
We set up interviews with real college students to hear what their ideal study process or tool would look like, targeting those with majors or courses involving two specific subjects.
We set up interviews with real college students to hear what their ideal study process or tool would look like, targeting those with majors or courses involving two specific subjects.
Science students
Science students
Coursework often requires diagrams, data interpretation, formulas, and multi-step reasoning.
Coursework often requires diagrams, data interpretation, formulas, and multi-step reasoning.
"I like using ChatGPT to explain things, but sometimes it shares more than it needs to."
"Right now I use flash cards. But when I get something wrong, I don't always understand why, I just move onto the next."
"I like using ChatGPT to explain things, but sometimes it shares more than it needs to."
"Right now I use flash cards. But when I get something wrong, I don't always understand why, I just move onto the next."
Language students
Language students
Learning involves grammar, comprehension, listening, speaking, and sentence construction.
Learning involves grammar, comprehension, listening, speaking, and sentence construction.
"I don't really use AI unless it's to summarize one of my readings. I've never thought to use it for conversations."
"I have to Google words I don't know a lot of the time, it would be awesome to have something like a dictionary feature."
"I don't really use AI unless it's to summarize one of my readings. I've never thought to use it for conversations."
"I have to Google words I don't know a lot of the time, it would be awesome to have something like a dictionary feature."
THE SOLUTION
THE SOLUTION
AI-generated questions and feedback side-by-side
AI-generated questions and feedback side-by-side
Although our science and language study modes have some variation, they follow the same base structure.
Using Google Gemini, study sessions dynamically generate questions that build off of one another for students to practice their understanding of concepts as a whole, paired with automatic feedback that helps you stay on track.
Although our science and language study modes have some variation, they follow the same base structure.
Using Google Gemini, study sessions dynamically generate questions that build off of one another for students to practice their understanding of concepts as a whole, paired with automatic feedback that helps you stay on track.
Our hi-fidelity prototype.
Our hi-fidelity prototype.
A chat bot?
Not exactly…
A chat bot?
Not exactly…
QuizAssist provides a focused alternative to open-ended AI conversations, keeping feedback related to the task at hand.
QuizAssist provides a focused alternative to open-ended AI conversations, keeping feedback related to the task at hand.
A personalized study space
A personalized study space
The other core feature of our product is the Concept Web: a place to organize and track studied topics.
Here, students can review past concepts, add concepts they want to study, or even receive smart suggestions for what to focus on next.
The other core feature of our product is the Concept Web: a place to organize and track studied topics.
Here, students can review past concepts, add concepts they want to study, or even receive smart suggestions for what to focus on next.
Picturing progress
Picturing progress
The Concept Web is designed to combat text-heavy interfaces that usually come with AI learning. Here, you can find topics at a glance, and immediately understand how they build off of one another.
The Concept Web is designed to combat text-heavy interfaces that usually come with AI learning. Here, you can find topics at a glance, and immediately understand how they build off of one another.
The sketch for the Concept Web.
The sketch for the Concept Web.
FINAL PRODUCT
FINAL PRODUCT
Application
Application
Our Application mode for science uses a multiple choice format, but also includes short response questions that encourages the student to elaborate on their thinking.
Our Application mode for science uses a multiple choice format, but also includes short response questions that encourages the student to elaborate on their thinking.
Immersion
Immersion
From our research, the best way to practice language fluency is to engage in conversations that might happen in real life. Immersion mode offers turn-based questions for as long as the student chooses to practice.
From our research, the best way to practice language fluency is to engage in conversations that might happen in real life. Immersion mode offers turn-based questions for as long as the student chooses to practice.
Reading
Reading
To reduce time spent looking up unfamiliar terms, we iterated on the internal dictionary concept in our Reading mode.
To reduce time spent looking up unfamiliar terms, we iterated on the internal dictionary concept in our Reading mode.
Concept Web
Concept Web
We built a strong foundation to what could be a powerful AI-assisted, but ultimately user-controlled, organizational tool.
We built a strong foundation to what could be a powerful AI-assisted, but ultimately user-controlled, organizational tool.
KEY TAKEAWAYS
KEY TAKEAWAYS
What I learned, building a product from scratch
What I learned, building a product from scratch
1
1
Cross-team collaboration
Cross-team collaboration
I may have been the sole designer on the team, but I had to understand each other person's role and what they were working on. Clear communication was key for seamless integration.
I may have been the sole designer on the team, but I had to understand each other person's role and what they were working on. Clear communication was key for seamless integration.
2
2
Flexibility and problem-solving
Flexibility and problem-solving
During development, it wasn't uncommon to add new or missing UI elements that weren't included in the prototypes. Adapting in these situations kept the rest of the team running smoothly and the project on track.
During development, it wasn't uncommon to add new or missing UI elements that weren't included in the prototypes. Adapting in these situations kept the rest of the team running smoothly and the project on track.
3
3
Backend to frontend
Backend to frontend
Working with databases and AI models means that there's a lot of information being relayed in the background. Filtering and displaying the bits that matter to the user was an important part of the process.
Working with databases and AI models means that there's a lot of information being relayed in the background. Filtering and displaying the bits that matter to the user was an important part of the process.