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)
Description: Patron interaction with books from anywhere in the application will display the book detail screen/overlay.
Actor: Patron
Preconditions: None (unauthenticated users can browse collections)
Post-condition: Display of book detail screen
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Interacts 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
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Logs in and navigates to library catalog | - Displays header/facet with selectable options for:
- 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
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Clicks 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
| iOS | Android |
---|
| |
| - 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.
|
2 | Patron | Clicks 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)
| iOS | Android |
---|
| |
| | - Accessible features that occur when an epub is open should also occur when a pdf is opened - if there are any that automatically occur
|
Description: iOS patron reads/interacts with an open PDF book
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
2b. Android patron interacts with PDF book - gear menu
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |
Description: iOS patron annotates an open PDF book
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Begins creating any annotation - Taps 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. | |
2a | Patron | Creates a highlight annotation - 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: - Before it is created, the default color of a highlight can be changed by tapping the circle of color in the navigation bar.
- After it is created, the annotation may be tapped and then may be changed after tapping Style in the popup menu.
| |
2b | Patron | Creates an underline annotation - 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: - Before it is created, the default color of a underline can be changed by tapping the circle of color in the navigation bar.
- After it is created, the underline may be tapped and then may be changed after tapping Style in the popup menu.
| |
3 | Patron | Removes an annotation - Taps the annotation in the page
- Taps the trash can in the popup menu to delete the annotation
| The selected annotation, regardless of type, is removed. | | Removal of an annotation may occur in the annotation creation screen or when navigating the book. | |
3b. Android patron annotates PDF book - annotation menu
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |
Description: iOS patron searches within an open PDF book
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Begins search - Taps the search icon (magnifying glass)
- The search screen is displayed
- As search terms are typed, results are shown in the grid
- Taps a search result, the book is navigated to the page with the search term highlighted.
| | | When the search screen is displayed the next time, it retains the previous search and results. | |
4b. Android patron searches the PDF book - search menu
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |
5a. iOS patron adds bookmark to PDF book - bookmark icon
Description: iOS patron bookmarks a page in an open PDF book
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Creates Bookmark | - Tapping the bookmark icon in the top navigation bar, when the icon is not filled in, adds a bookmark for the entire page
- If the current page is bookmarked, the bookmark icon is filled in
| | Bookmarks may also be added by tapping the + icon at the bottom of the listing of bookmarks in the book navigation screen. | |
2 | Patron | Removes Bookmark | - Tapping the bookmark icon in the top navigation bar, when the icon is filled in, removes the bookmark for the entire page
- If the current page is not bookmarked, the bookmark icon is not filled in
| | Bookmarks may also be removed by tapping the Edit button at the bottom of the listing of bookmarks in the book navigation screen. | |
4b. Android patron adds bookmark to PDF book - bookmark icon
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |
Description: iOS patron navigates added items in an open PDF book
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | - Taps the book navigation icon - open book icon
- The navigation screen is opened
| The navigation screen contains three types of information - List of all bookmarks
- List of all annotations
- Book metadata
| | | |
2a | Patron | Taps the bookmark icon in the top selector (left button) | - All bookmarks are displayed in a list
- Tapping a bookmark will navigate the book to that page
| | | |
2b | Patron | Taps the annotations icon in the top selector (middle button) | - All annotations are displayed in a list
- Tapping the annotation will navigate the book to the page that contains the annotation
| | | |
2c | Patron | Taps the book metadata icon in the top selector (right button) | The book metadata is displayed and contains Content / Security / Changes/ Size Note: the edit button for the book metadata must be disabled | | | |
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |
6a. iOS patron displays book in thumbnail view - four square icon
Description: iOS patron browses an open PDF book by thumbnails
Actor: Patron
Pre-conditions: PDF title is open and rendered
Post-conditions:
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | Patron | Taps the thumbnail view button | - The book pages are displayed in thumbnail view
- Tapping any page in any thumbnail view filtered or not, will navigate the book to that page.
| | | |
2a | Patron | Taps the Annotated button in the top selector | The displayed book pages are filtered to only show pages that contain annotations. | | | |
2b | Patron | Taps the Bookmarked button in the top selector | The displayed book pages are filtered to only show pages that contain bookmarks. | | | |
6b. Android patron displays book in thumbnail view - four square icon
Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
| | | | | | |