Versions Compared

Old Version 53

changes.mady.by.user Unknown User (willaarmstrong)

Saved on

compared with

New Version 54

changes.mady.by.user Unknown User (gregoryoneill)

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Updated Part 1a for Main Catalog Context Switch

...

Description: Patron navigates to the catalog and views ebook or audiobooks using the tabscontext switcher.

Actor: Patron

Preconditions: Patron logs in with an active library accounthas selected a library that contains multiple catalog contexts (in this case, ebooks + audiobooks)

Postconditions: The chosen context displays the applicable catalogPostconditions: Filtered view displays

Main Flow

StepActorActionResultiOS Design (not final)Android Design Alternate FlowAccessibility Notes(not final)
1patronlogs in and navigates to the library catalogcatalog ('catalog' in bottom tab bar)
  • Allow a user to switch contexts between:
    • ebooks
    • audiobooks
  • ebooks context is the default
  • Other than the new context-switching UI, the ebooks catalog will effectively remain unchanged from current product
  • Context Switching interface will be fully accessible
    • Each context
  • displays tabs for:
    • Books
    • Audio
  • ebooks tab is selected by default
  • ebooks are displayed
  • Tabbed interface can be read by a screen reader
    • For Screen reader, tabs must announce if selected.
    • Should indicate how many tabs in list, ex "Books, selected, 1 of two"total contexts there are
    • Separation and selection of contexts should be strong (color + other additions) to satisfy accessibility needs

 

 

Selected tab needs to be indicated with more than color (Note, Android mockup currently using just color)
2patronselects "Audioaudiobooks" tabcontext
  • it is clear to the user that a new context (audiobooks) has been selected
  • audiobooks thumbnails are easily distinguished from ebooks
  • Icons and any other distinguishing characteristics
  • audio books tab displays in selected state
  • audio books are displayed with 'audio' badge or icon as shown
  • 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".

 

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.

1b. Patron searches for an audio book in SimplyE

Description: Patron navigates to the catalog, tabs to audiobooks, and searches for an audiobook

Actor: Patron

Preconditions: Patron logs in with an active library account and enters a title in the search field

Postconditions: Search results display for audiobooks, 'All' tab displays

Main Flow

StepActorActionResultiOS DesignAndroid DesignAlternate FlowAccessibility
1patronlogs in and navigates to the library catalog
  • displays tabs for:
    • Books
    • Audio
  • ebooks tab is selected by default
  • ebooks are displayed

 

 

 

 
2patronselects "Audio" tab
  • audio books tab displays in selected state
  • audio books are displayed with 'audio' badge or icon as shown
  
3patronwith 'Audio Books' 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

 
4patronmakes and entry in the search field and clicks 'return' or 'search'
  • Displays audiobooks that match search parameters
  • audio badge or icon displays as shown
  • Displays 'All' tab
 If no results are found displays a 'no results found' message. 
5patronclicks 'All' tab

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.

 

 


2a. Patron borrows an audio book in SimplyE  

...