Home Screen:
The home screen has collapsible sections for each collection of flashcards. The very first collection should be automatically toggled, to make it clear that each bar is collapsible (and so someone who decides not to use the folder functionality will have something shown to them). The name of each set of flashcards is shown on the front of each deck, along with a fraction of cards known (checked) over the total cards in the set. To browse the collection, the user simply scrolls horizontally in each collapsible region. To browse other collections, the user scrolls vertically up and down. Users can configure each set using the gear button, which shows up in the bar collection (but only when expanded).
There are three primary action buttons on the home screen: edit, play, and add. The edit button is greyed out if there is not exactly one set selected. The play button is grayed out if at least one set is not selected. The "add" button is always enabled. The add button will prompt the user to either add a new folder or new flashcard set, selecting a folder to add the flashcard set to.
Search screen:
Hitting the search button on the android phone itself will bring up a search screen that is organized into collection name, set name, and card matches. In this case, our user is looking to see if any flashcards exist under 18.03 with "hello world". If the query is an exact match in a title for a set name or collection name, then the name will be bolded appropriately. The cards section will list cards containing the query, using the front of the card as the title. The cards section will list cards containing the query, using the "front" fo the card as the title. Each of collections, sets, and cards can be expanded/collapsed. Our user sees that no flashcards in 18.03 contain "hello world", so he decides to create a new set by clicking on the "add" button in the home screen (the native Android button for "back" is used to get back to the home screen). The app prompts the user and asks if he wants to add a new folder or set. Our user changes his mind and decides that he just wants to add a few cards to an existing set, selects L01 under 6.813, and selects "edit".
Creating new sets or editing existing ones:
Our user scrolls to the end of his existing set to add a new set. In other words, in "edit" mode, the last card shown is a template to add a new card. If the user is at the last real non-template card in the deck, there will be an image to a flashcard with a "new" icon over it. There will only be two options for inputs, text or picture. Text will default to the language specified in each folder (configured on folder creation or on home screen.) By clicking on text, the user is immediately placed in a form editor, so it will be as efficient as selecting an input field inside a pure form editor.
Upon creation, there will be a red delete button on the left, which is hard for our user to reach with just one hand. Clicking anywhere on the flashcard will allow our user to edit the flashcard. Images take up as much of the flashcard as possible, with size-to-fit or crop options available. Settings for text include size and language.
Using flashcards:
Pressing play on the home screen brings up a few game modes. "Timed" and "Normal" are very similar. Tapping on the card will reverse the card, scrolling will navigate the cards. The repeat button on the top is togglable. The shuffle button shuffles. When a card is "checked" it is removed from view if the eye is toggled to "closed". If the user scrolls out, they are met with a grid view for the cards. The check button will be disabled, but the eye will not. Clicking on a card will zoom to it.
In match mode, the screen will be split into two scrollable sections, and the user will have the option to check if the front and back of the card match up. If they do, then the card is removed from the game.