You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 15 Current »

 

Assumption: PDF books will display alongside EPUB formatted books in the collection, and will not be faceted or filtered in the same way as Audiobooks. (Verify this assumption with Kim)

1. Display ebook format on book detail screen (iOS/Android)

Description: Patron interaction with books from anywhere in the application will display the book detail screen/overlay.

ActorPatron

Preconditions: None (unauthenticated users can browse collections)

Post-condition: Display of book detail screen

 

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1PatronInteracts with book display (cover, text, etc)
  • Displays the book detail page
  • The added format attribute displays the same on iOS and Android

iOS

Android
 

 

  • The format of the title is displayed in the Information section as the last attribute, i.e. "Format: ePUB", "Format: PDF", "Format: Audiobook"
 

The item format should be read by a screen reader as

  • Format, E PUB
  • Format, P D F
  • Format, Audiobook

2. Patron browses for books

Description: Patron navigates to the catalog and views ebooks, audiobooks, or all formats.

Actor: Patron

Preconditions: Patron logs in with an active library account

Postconditions: Filtered view of selected format displays

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1PatronLogs in and navigates to library catalog
  • Displays header/facet with selectable options for:
    • Books
    • Audiobooks
  • Books is selected by default
  • When Books are selected, PDF books are displayed along with EPUB format books
  • No change to existing mobile design, given the assumption that PDF books will reside alongside ePUB books.
 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"

 

3. Patron opens a PDF book

Description: iOS patron opens a PDF book from the catalog or My Books

Actor: Patron

Preconditions: Patron logs in with an active library account, patron has title detail page open or a view in the catalog open

Postconditions: Filtered view of selected format displays

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1PatronClicks on Download Button
  • As we are targeting non-DRM PDFs, the button will say 'Download' and change to 'Read' after the title is downloaded, just like any other open access content
  • If DRM PDFs are included in the future, the button will say 'Get'
  • This functionality is equivalent to the action of downloading and reading an ePUB
iOSAndroid
 

 

 

 

 

  • The Download/Read button is viewable both in the catalog and on the book detail page, but behaves the same regardless.
  • If the button says Read it should be spoken as Reed and not Red.
2PatronClicks on Read button
  • The ebook is opened in the PSPDFKit interface
  • If the book was previously opened, the book is opened to the last page read
  • If the book had bookmarks previously added by the patron, those bookmarks will be restored
  • If the book had annotations previously added by the patron, those annotations will be restored
  • (Decision: should the title overlay at the top of the screen be visible or be hidden? should the page numbering at the bottom of the screen be visible or hidden)
iOSAndroid
 
 
  • Accessible features that occur when an epub is open should also occur when a pdf is opened - if there are any that automatically occur

 

2a. iOS patron interacts with PDF book - gear menu

Description: iOS patron reads/interacts with an open PDF book

Actor: Patron

Pre-conditions: PDF title is open and rendered

Post-conditions: 

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
 PatronPage TransitionThe default setting is that pages will scroll horizontally and snap to the next page as the patron swipes with their finger. 

The Page Transition can be set in the gear menu in the top navigation bar to three different settings.

  1. Horizontal transition with snapping action to the next page
  2. Horizontal transition with no snapping action to the next page
  3. Page curl when swiping between pages.
 
 PatronPage ScrollThe default setting is that pages will scroll horizontally. The page scroll setting can be set to horizontal or vertical. This setting does not apply if the page transition setting is set to page curl. 
 PatronPage ZoomPinch gestures will zoom the page in and out. This zooming action is the same regardless of the page transition setting. 
 PatronPage AppearanceThe default setting is that the page will appear with a white foreground, black background, and white text. 

The page appearance can be set to three different settings in the gear menu.

  1. White foreground / gray background / black text
  2. Sepia foreground / gray background / black text
  3. Black foreground / black background / white text
 
 PatronBrightnessThe brightness slider sets the brightness of the device. Note: the brightness level set here stays after the app is backgrounded.   

 

2b. iOS patron annotates PDF book - annotation menu

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1PatronTaps the annotation menu (pencil drawing in a square)Displays the annotation overlay on the current page. If this is the first time that the patron as accessed the annotation capability, a screen is displayed that asks for the person's name. This becomes the author of all subsequent annotations. 
2aPatron

Taps the highlight annotation type

Drags finger over text to create the highlight annotation

The selected text has a yellow highlight by default 

The color of the highlight may be changed in two ways:

  1. Before it is created, the default color of a highlight can be changed by tapping the circle of color in the navigation bar.
  2. After it is created, the annotation may be tapped and then may be changed after tapping Style in the popup menu.
 
2bPatron

Taps the underline annotation type

Drags finger over text to create the underline annotation

The selected text has a black underline by default. 

The color of the underline may be changed in two ways:

  1. Before it is created, the default color of a underline can be changed by tapping the circle of color in the navigation bar.
  2. After it is created, the underline may be tapped and then may be changed after tapping Style in the popup menu.
 
3Patrong

Taps the annotation in the page

Taps the trash can in the popup menu to delete the annotation

    

 

3a. iOS patron adds bookmark in PDF book

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

3b. Android patron adds bookmark in PDF books

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

4a. iOS patron annotates PDF book

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

4b. Android patron annotates PDF book

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

5a. iOS patron searches within PDF book

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

5b. Android patron searches within PDF book

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
       

 

 

  • No labels