The Problem:
While there are quite a few flashcard apps that are on the market today, only a handful make it both fast and easy for users to stay organized with their studies. Even fewer apps offer a good variety of customization options for cards and study methods.
The Solution:
Creating flashcards can be a mundane chore, so the job of StudyFlex should be to make this process as painless and straightforward as possible. The app should also be able to offer a good amount of card customization options and cater to different learning styles.
Role:
UI/UX Designer
Tools:
Sketch
Photoshop
Illustrator
InDesign
Invision
The Approach
Observations and Insights:
Because there are a good number of other flashcard apps, it was vital to conduct thorough competitive research to determine where StudyFlex could better fulfill user needs. Supplemented with findings from user interviews, I learned that people had different preferred methods for rote memorization. I also learned that a lack of customization options for creating flashcards significantly affected how useful the app was to users across different study subjects.
Competitive Research- Quizlet
Competitive Research- Cram
User Interviews- Notes
Conceptualization:
User personas, user stories, and job stories were based on data gathered from research and interviews.
User Stories
Persona- Jeff Benson
Job Stories
Next, I determined the most vital tasks in StudyFlex that I wanted to test later on in usability testing. Task analyses and user flows were then created based on these tasks.
Task Analysis
User Flow
Iteration:
With key tasks for StudyFlex in hand, a quick wireframe was sketched out and put together in a low-fidelity prototype. Because the app needed to balance having a variety of customization options without becoming overly complex, I decided this would be a good point in the process to conduct the first usability test.
Users were asked to complete 4 key tasks: creating an account, creating an new study set, editing an existing study set, and
reviewing a study set. Each testing session was recorded and analyzed according to Jakob Nielsen’s Error Severity Rating Scale.
reviewing a study set. Each testing session was recorded and analyzed according to Jakob Nielsen’s Error Severity Rating Scale.
Low-Fidelity Wireframes
Usability Test Report
**A high-fidelity prototype is currently in the process of being made and tested. Stay tuned!