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.

Learnability

If our user has installed the application for the first time on his phone, then it will be very quick to pick up. There are only 3 large action buttons on the main screen, each of which whose function is fairly obvious. When creating a new set, there are very limited actions for use with each flashcard. 

There is an inconsistency with browsing an editing flashcards. While making flashcards, users hit the "Reverse" button to switch from front to back. When reading flashcards, one simply taps the flashcard. Hopefully, the user would think to tap the flashcard because there isn't much else to do other than swipe up or down as opposed to left or right. Because swipe is slightly more inconvenient than tap, the latter is preferred.

Efficiency

It may take a while for a user to add a new card to an existing set by having to scroll down all the way to the end to add a new card. However, having the new flashcard template be the very last card in the deck makes for good use of screen space when making a new set altogether, because having large square buttons is optimal for smartphone usage. In addition, finding certain cards in a set may be difficult to do quickly.  

Safety

Because certain action buttons on the home screen are greyed out, it is impossible to do certain undesirable actions such as edit multiple sets at once. Lack of undo's means that the user could still potentially delete a flashcard in edit mode and not get it back very easily. The eye toggle is great for safety, because if a user checks a card and has chosen to auto-hide all checked cards, then he can set the visibility back and uncheck it. The eye toggle also serves the dual purpose of when users might not actually want to auto-hide checked cards.

  • No labels