1b. iOS Patron browses audio books in SimplyE
Description: iOS Patron navigates to the catalog and browses by selecting ebook, audiobooks, or all formats.
Main Flow
Step | Actor | Action | Result | iOS Design | Alternate Flow | Accessibility Notes |
---|
1 | patron | logs in and navigates to the library catalog | - displays selectable options for:
- Books is selected by default
- ebooks are displayed
- Selectable interface is accessible and can be read by a screen reader
- Screen reader must announce if selected.
- Should indicate how many selections in list, ex "Books, selected, 1 of two"
| | | |
2 | patron | selects "Audiobooks" | - audiobooks displays in selected state
- audiobooks are displayed
- 'audio' badge or icon is shown on all audiobooks
- Icons must be accessible: Book format, indicated with small red icon, should also be represented as programmatically accessible text. So a screen reader would hear "title of book"+"audiobook" or "title of book"+"ebook".
| Image Added https://www.figma.com/file/VJuFJNGaVSwdXF2VWiVuZ4oe/NYPL-SimplyE-mobile?node-id=28%3A3 | Image Removed | When a user selects a new tab, the focus should stay on that tab (is screen reader user isn't bumped back to top of page) When a user selects a new tab, once the new books load that is announced to a user of a screen reader. Chat about best approach. |
3 | patron | selects "All" | KW: need to discuss if it's possible to allow patrons to browse in all formats, or if 'All' is only available when performing a search | | | |
2. Patron searches for an audiobook in SimplyE
Description: Patron selects audiobooks format and clicks on the search field, enters a book title, and views audiobooks results.
Main Flow
Step | Actor | Action | Result | iOS Design | Android Design | Alternate Flow | Accessibility |
---|
1 | patron | logs in and navigates to the library catalog | - displays options to select:
- ebooks are selected by default
- ebooks are displayed
| | | | |
2 | patron | selects "Audiobooks" | - audiobooks format displays in selected state
- audiobooks are displayed with 'audio' badge or icon as shown
| | | | |
3 | patron | with 'Audiobooks' selected, clicks 'search' field | keyboard displays and search field becomes active *Note: there is a bug that shortens the search field. This must be fixed. | | | patron clicks 'cancel' and is returned to step 2 | |
4 | patron | makes an entry in the search field and clicks 'return' or 'search' | - Displays audiobooks that match search parameters
- audio badge or icon displays as shown
| | | If no results are found displays a 'no results found' message. | |
5 | patron | selects 'All' | Displays both ebook and audio books that match search parameters audio or ebook badge/icon displays on each to indicate content type | | | Patron clicks "books" tab and it displays all ebooks matching search parameters IF patron entered search parameters with Books tab displayed, THEN they will be able to click the Audio tab and see all audiobooks matching search parameters. | |
3. Patron borrows an audiobook in SimplyE