Quizlet - Beyond Flashcards
Quizlet was originally designed as simple flashcard-style study app. Because of this, the data format was constrained to two sides of the card, front and back. Needless to say, this was very limiting for many study use-cases. For instance, Chinese language tests could contain English, Pinyin, and Chinese characters.
Studiable containers is an evolution of this format where users can create and study multifaceted data sets.
A challenge we faced when implementing this new feature was how we enable users to draw meaningful relationships between these facets. Would a student want to compare Pinyin to Chinese characters? Is it more difficult for English speakers to start with answering in English or Chinese characters? Will these preferences be set by the teacher or students or both?
Here are some explorations for taking a Quizlet set beyond two-sided flash cards.
Validate assumptions
First, I sketch outlines of key assumptions to validate. Here, I emphasize a top-down approach, starting with broader concepts before diving into detailed design. Content Differentiation: Ensure users can easily tell the difference between their own study questions/sets and those generated by AI or from other sources.
Sketches to illustrate concepts for introducing advanced questions as part of Quizlet’s evolution beyond the standard two-sided flashcard model focussing on elevating the user experience after they have mastered a basic set of questions.
Hi Fidelity Prototypes
Next, I begin taking findings from lowfi exploration to hi fidelity flows and prototypes. These examples keep the simplicity of the two-sided flashcard but add layers of interactivity, encouraging the user to engage with the content in a multimodal way, such as through audio, and with tools to enhance their study experience.
Hifi UI mockups. These mockups offer a clearer representation of potential new features and interactions. These examples are an exploration of how to encourage a user to progress to the next level in the flash card study mode as well as how to introduce affordances that allow a user to expand the study set.
