Versions Compared

Old Version 60

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

Saved on

compared with

New Version 61

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

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

1a. ANDROID Patron browses audio books in SimplyE

Description: ANDROID Patron navigates to the catalog and views ebook or audiobooks using the tabs, audiobooks, or all formats.

Actor: Patron

Preconditions: Patron logs in with an active library account

Postconditions: Filtered  Filtered view of selected format displays

Main Flow

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1patronlogs in and navigates to the library catalog
  • displays 'Formats' with selectable option options for:
    • All
    • Books
    • Audiobooks
  • Books is selected by default
  • ebooks are displayed in the lanes
  • Interface can be read by a screen reader:
    • For Screen reader, tabs selection must announce if selected.
    • Should indicate how many tabs selections in list, ex "Books, selected, 1 of two"

 

 

Selected tab needs to be indicated with more than color (Note, Android mockup currently using just color)

 

2patronselects "AudioAudiobooks" tab
  • audio books tab audiobooks displays in selected state
  • audio books audiobooks 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".
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) KW: this may not be applicable if we aren't using tabs?

When a user selects a new tabformat, once the new books load that is announced to a user of a screen reader. Chat about best approach.

1a. iOS Patron browses audio books in SimplyE

Description: Patron  iOS Patron navigates to the catalog and views ebook or audiobooks using the tabs, audiobooks, or all formats.

Actor: Patron

Preconditions: Patron logs in with an active library account

Postconditions: Filtered view of selected format displays

Main Flow

StepActorActionResultiOS DesignAlternate FlowAccessibility Notes
1patronlogs in and navigates to the library catalog
  • 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"

 

 

  • Selected tab needs to be indicated with more than color (Note, Android mockup currently using just color)
2patronselects "Audio" tab
  • 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  

...