Versions Compared

Key

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

...

Description: Patron borrows an audio book

Actor: Patron

Preconditions: Patron logs in with an active library account and navigates to an audio book they have not yet borrowed

Postconditions: Patron successfully borrows audio book

Main Flow

Step
Actor
Action
Result
iOS Design
Android Design
Alternate Flow
1patronSearches for an audio book

Audio books display in search results with:

  • 'Get' button if available for download
  • 'Reserve' button if not available for immediate download
  Patron borrows from catalog page
2patronclicks 'Get'
  • System checks out book
  • System displays:
    • 'Listen' button
    • Number of days left displays
    • If user clicks 'Get' from detail view, then 'Return Now' button appears in UI

(From a User perspective flow should be identical to borrowing ebooks.)

  

If wifi drops, show inactive/loading version of the listen button.

Need an alternate flow for the web app. so that it displays a message to go to SimplyE to listen. This would be the same downloading most ebooks. Need a design.

3patronclicks 'Reserve'

System reserves book

System displays 'Remove' button

   
4patronviews 'my books' page after borrowing an audio book

Borrowed audio books display:

  • cover image
  • title
  • audio badge/icon
  • 'Listen' button
  • number of days left
   
5patronviews 'Reservations' page after reserving an audio book

Reserved audio books display:

  • cover image
  • title
  • audio badge/icon
  • 'Remove' button
   
6patronviews 'Details' page after borrowing an audio book

Borrowed audio books display:

  • cover image
  • title
  • audio badge/icon
  • 'Listen' button
  • Message shows number of days left
 

*What happens if the connection is lost? or if the download is lost?

Sharon will give us a download state on the player view.

Alternate Flow

Precondition: patron borrows ebook from catalog page

Actor
Action
Result
iOS Design
Android Design
Alternate Flow
patronnavigates to audio book catalog page and clicks on the book they would like to borrow
  • System checks and book IS available for download
  • System displays 'Details' page with:
    • 'Get' button
    • Message: "This book is available to borrow."
  
  • System checks and book is NOT available for download
  • System displays 'Details' page with:
    • 'Reserve' button if not available for download
patronclicks 'Get'Step 2 of main flow   

3. Patron listens to an audio book in SimplyE

Description: Patron listens to the audio book they have borrowed

Actor: Patron

Preconditions: Patron has borrowed an audio book

Postconditions: audio book plays on patron's device

Main Flow

Step
Actor
Action
Result
iOS Design
Android Design
Alternate Flow
1patrontaps 'Listen'

System displays audio player with:

  • Top or bottom nav with icons for: TOC, speed, sleep
  • Title and cover image
  • Scrubber bar showing progress through book
  • Play button

Note: user must tap the play button to begin playing book. UX feedback is that the book should not begin playing automatically.

  
2patronclicks taps 'Play' button

System plays audio book

System displays:

  • 'Pause' button replaces 'Play' button
  • Scrubber bar moves as book plays
   
3 drags scrubber bar    
4patrontaps 'pause'
  • System stops playing audiobook
  • Scrubber bar becomes inactive (is this right? or can you drag the scrubber to start the audiobook playing again?)
  • 'Play' button replaces 'Pause'
   
5patronnavigates away from the playerFunctionality when patron gets a phone call, or starts using another app, behavior should be the standard for each platformas it is for any app, but need to describe it here.   

 

4. Patron adjusts settings on audio books in SimplyE


Description: Patron adjusts the settings on an audio book

Actor: Patron

Preconditions: Patron has borrowed an audio book

Postconditions: Settings for speed, sleep, device are adjusted

Main Flow

*These are placeholder designs. The player functionality in the app will determine UI.

Step
Actor
Action
Result
iOS Design
Android Design
Alternate Flow
2patrontaps 'Listen' for an audio book they have borrowed

System displays audio player with:

  • icons for: TOC, speed, and sleep settings
  • Title and cover image
  • Scrubber bar showing progress through book
  • Play button
 
3patrontaps speed setting icon

System displays:

  • speed icon in selected state
  • menu with speed-of-play options
  • UI indicates currently-selected setting

Note: UI will be as per iOS and Android players

  
4patronselects different speed setting
  • System recognizes new setting
  • Menu disappears, and player is displayed
  • New selection displays in UI
   
5patrontaps Table of Contents icon

System displays:

  • Header: Table of Contents
  • menu showing title of chapter, section, or sub-section
    • if chapter has finished downloading, length of track displays
    • if chapter is still downloading, progress wheel displays
  • UI indicates track/chapter that is currently selected or playing

Note: Chapters still downloading can't be selected

 

  
6patronselects a different chapter/track from the TOC menu
  • System recognizes new setting
  • Menu disappears, and player is displayed
  • Scrubber for new chapter displays
  • Selection begins playing

Question: should the chapter begin playing as soon as it is selected or does the listener have to click the "play" button?

   
7patrontaps 'Sleep' icon

System displays:

  • sleep icon in selected state
  • menu with sleep timer options
  • UI indicates currently-selected setting

Note: UI will be as per iOS and Android players

  
8patronselects different sleep setting
  • System recognizes new setting
  • Menu disappears, and player is displayed
  • New selection displays in UI
   
9patronlistens until sleep timer goes off
  • System recognizes that sleep timer has gone off
  • Sleep state displays:
    • Player stops
    • Player is grayed out
    • Sleep icon displays 'sleeping' state
  



...