Overview
- See Home wireframes
Storycard 1: Display main menu items
- Header should read "McCord Museum" (in the appropriate language)
- Header should contain a "Login" button, which leads the user to a login screen (see login screen wireframe and storycard 3 on this page)
- Display main menu items in a 3x3 gridgrid format, with at most three items per row
- Each item is composed of an icon and text title, both of which are tappable
- Items unavailable for Engage 0.3 should be greyed out and disabled (e.g., Collections, Visitor information)
- All text should be in the language selected by the user at the beginning of his/her first session
Storycard 2: Allow changing languages
...
Only one of the following options needs to be implemented.
Option 1: Allow language change via menu item (
...
the "cheaper" option)
- Display a main menu item labelled "Change language"
- This item should link to the Language Selection page the user first saw when they first opened the application
...
Option 2: Allow language change via slidebar (
...
may take more time to implement)
- Display a "Change language" bar at the bottom of the screen
- Tapping on the bar should slide out a drawer (animated slide, not sudden shiftappearance) which lists the available languages in their native language
- Tapping one of the languages changes all the text on the screen to the selected language, and slides the bar shut (animated slide, not sudden shiftdisappearance)
Storycard 3: Allow login and logout (FOR BEYOND 0.3)
Login
- On home screen, header should contain a "Login" button, which leads the user to a login screen (see wireframes)
- Email address text entry field should be automatically in focus once at the login screen
- Login screen requires only the user's email address
- Email address should be verified for correct formatting (i.e., x@*y.z) upon submit; incorrectly formatted email addresses should return an appropriate error (slide in error for 2 seconds, then slide out) and allow re-attempt
- Upon successful login, appropriate feedback that the user has been logged out is given before returning the user to the home screen (message persists for 2 seconds before transitioning back to the home screen)
- Once logged in, on home screen, header should contain a "Logout" button
Logout
- "Logout" button logs the user out and gives appropriate feedback that he/she has been logged out (slide in feedback for 2 seconds, then slide out)
- "Logout" button is replaced with "Login"
Storycard 4: Show number of items collected on 'My collection' item
...