Study Stacks User Base Our app is targeted to on-the-go students who take lots of classes and a diverse range of classes at that. Today s students have busy schedules with multiple classes in a diverse range of subjects that need different studying tactics. Our app puts all of your classes in one place, lets you study in different ways, and lets you study quickly. We give students the option of having multiple stacks of flashcards that can be for a specific class or test. By not limiting them to a single set of flashcards, our app can help them study for multiple classes. Additionally, they can delete stacks so that this page is not cluttered with classes or tests that have passed. Within these stacks, users can create flashcards to study terms and general ideas. We account for both types of classes by giving the options of I know, I don t know, and Enter your Answer for each flashcard. By giving these 3 options, you can mentally check that you know a concept well without having to type in exactly what you wrote which may be a long paragraph for a very general idea. On the other hand, if you are studying a term for a language class, you want to make sure you can spell the word correctly, thus you use Enter your Answer. Lastly, if you know that you don t know something, you can quickly press I don t know without having to enter some gibberish in the keyboard to just get to the next screen. With all the classes users have to stay on top of, sometimes students forget which classes they need to study for. Thus, we have a progress page where students can see how well they know the material in that stack and also so they can see their progress in studying. Users can also see where they stand with a class on the page that lists all their stacks as they are color coded by how well you know that stack. We use basic colors that have universal connotations as good, okay, and bad (green, yellow, and red) to show this information. This is the second screen that the user sees when they open the app so they can quickly start studying what they need to. Within each stack of flashcards, users can study flashcards that they usually get right, wrong, or all of them. This lets students not waste time studying things they already know or feel good about the things that they do know. All of these features make our app the ideal studying tool for today s busy and versatile student.
User Stories 1. As a first time learner using this flash card app, I want to be able to practice vocabulary terms and definitions so that I can become more proficient. 2. As a learner with ADD using this flash card app, I want to be entertained while using it so that I can maintain focus instead of getting bored and wandering off. 3. As an intermediate user for this flash card app, I want to be able to select the difficulty level of the questions so that I can feel good about myself on the easy ones and challenge myself when ready on harder ones. 4. As an advanced learner using this flash card app, I want to be able to add my own content/questions so that I can push my knowledge to the next level. 5. As a student using this flash card app, I want to be able to see my performance over time so that I can work on weaknesses to get better grades. 6. As a multi-discipline learner using this flash card app, I want to be able to practice vocabulary from many different domains so that I can learn more than one subject at a time. Requirements Ability to test yourself on flashcards (Fulfills user story #1) Flashcards will term and definition on opposite sides Ability to add flashcards (Fulfills user story #4) Ability to delete flashcards Option to test yourself on the ones you got wrong, right, or a mix (Fulfills user story #3) Keep track of progress in learning the flashcards (Fulfills user story #5) Everytime you go through a stack can see % you got right at the end Option to see your overall % right for a stack If you have a streak of correct answers, you get a cute congratulations or good job message (Fulfills user story #2) Different stacks of flashcards for different subjects (Fulfills user story #6) User Flow/Navigation (Each button point is an option for the parent bullet point with the screen number in parenthesis) Open app to the Welcome screen (1) which loads then goes to the Stacks screen (2 or 3 depending on whether you ve created a stack yet) Create a stack of flashcards Remove a stack of flashcards by pressing the x button Confirmation popup when you click the x Pick a stack (4) Tap + button to add flashcard to this stack (5) Tap x button to delete flashcard from this stack Study that stack (7) Pick whether you want to study all flashcards, just the ones you got right, or just the ones you got wrong (6) Only shown if you don t have 100% right or wrong or not taken
Go through each flashcard with taps and swipes detailed on the screens page Back button to exit studying this stack and go back to 4 Test yourself (8) Pick whether you want to study all flashcards, just the ones you got right, or just the ones you got wrong (6) 3 options for each flashcard: I know it If you click I know it then it will automatically go to the next flashcard App remember as correct when keeping track of score/progress I don t know it I don t know it will show you the right answer App remember it as wrong when keeping track of the score/progress Type in the answer (9) If you type in the answer, it will check whether it is exactly what you listed the answer to be and give you a Correct (11) or Incorrect (12) screen App remembers it as a correct or wrong based on this If you have a streak of 5n correct answers, you get a cute congratulations or good job message (10) In other words, you get the message Streak of 5 after 5, then Streak of 10 after 10, streak of 15 after 15 and so on Once you get to the end of the stack, completed screen (13) You can go through it all again or go to all of your stacks and study something else You can see your score (% that you got right of that subsection of flashcards) There s always a back button to exit before you get to the end of the stack View your scores/progress for that stack (14) Tap to flip Average % right overall based on the correct and incorrect counts for all the flashcards in the stack Design Elements All add button will be a floating + action button to be consistent with Android All remove/delete buttons will be an x button to be consistent with Android Design elements Back buttons will be in top left corner as an arrow to be consistent with Android Consistent color palette and font
All pages have a back button. Error Prevention/Handling Big buttons that are easy to tap Don t allow empty flashcards or stack names. Can t press enter on the keyboard when you re creating these without at least 1 character. Can t have no definition for a term. Automatically flip the card so that they have to enter the definition and same keyboard restriction as above If your term or definition is really long, we ll resize the text so that it fits Only show the Select difficulty screen if they ve studied the stack before and don t have 100% right or 100% wrong because then it would be pointless If a stack has never been taken before then it is grey on the color schema of your proficiency Before you actually delete something, a Are you sure you want to permanently delete this item? confirmation pop up with a yes or no pops up. Screens 1. WELCOME screen a. Has the app logo b. You see every time you login 2. Stacks page that is empty because you haven t added anything yet a. Floating + action button in the bottom right to add a stack i. If you have no stacks, there s a caption telling you to click here to add 3. Display all of your study stacks a. Xs in the top right corner for deleting a stack i. Confirmation popup when you click the x b. Floating + action button in the bottom right to add a stack c. For each stack i. Title ii. Number of flashcards iii. Current proficiency shown with color 1. Green if you re above 80% accuracy 2. Yellow if between the two 3. Red if below 40% 4. Grey if you ve never taken it before 4. Viewing a stack a. Options to: i. Study ii. Test iii. See Progress b. List of your flashcards below that with the term and definitions i. Each flashcard has an x to delete it c. Floating + button to add a flashcard d. Back button to go back to all stacks
5. Adding a flashcard to the stack after pressing floating + a. Keyboard with the inputted text going onto a notecard b. After they press enter, card flips and the keyboard stays so they can enter the term c. After this, they go back to the Viewing a stack page with that new flashcard added to the top of the list of flashcards. Important that it's at the top so that the user knows that their card was successfully added. d. Back button to go back to stack 6. Pick what difficulty of the flashcards you want to study a. Study the flashcards that you mostly know (> 80% correctness) b. Study the flashcards that you kinda know (between 40% and 80% correctness) c. Study the flashcards that you don t know (< 40% correctness) d. Back button to go back to stack 7. Studying a stack a. Swipe right to see the next flashcard, left to see the previous b. Tap to flip between term and definition c. Back button to previous screen in top left 8. Being tested on a stack a. Flashcard is same as those above in the study section b. 3 options i. I know 1. Go to the next flashcard ii. I don t know 1. Flip the flashcard to show you answer 2. Go to the next flashcard iii. Enter your answer c. Back button to go to stack page d. When you reach the end of your stack, Completed screen 9. Enter your answer a. Keyboard pops up with text field i. Shift everything up a bit so you can still see the info on the flashcard b. After you press enter, there s a Correct or Incorrect screen c. Go to the next flashcard d. Back button to go back to being tested on the stack 10. Streak of 5n correct answers screen a. Message changes to Streak of 5 after 5, then Streak of 10 after 10, streak of 15 after 15 and so on 11. Correct screen - green colors and positive graphic a. Displays for a few seconds, then goes to next flashcard 12. Incorrect screen - red colors and negative graphic a. Displays for a few seconds, then goes to next flashcard 13. Completed screen a. Shows your % correct b. Option to go through stack again or study a different stack
14. See progress on a stack a. Shows a graph of your % right over time b. Each button point is an attempt and what percentage right you got on that attempt i. Spreads it out so that it takes up the entire graph c. Has back button
Wireframe This row s screens flash for a 3 seconds and then go back to the previous.
Screen 1
Screen 2
Screen 3
Screen 4
Screen 5
Screen 6
Screen 7
Screen 8
Screen 9
Screen 10
Screen 11
Screen 12
Screen 13
Screen 13