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.
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
| - 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 |
---|
Image Added Image Added | |
| - 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)
| | | - 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. | Image Added Image Added | 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 | Image Added | 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. | Image Added | 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.
| | Image Added | 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
| Image Added | 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 |
---|
| | | | | | |
5a. iOS patron navigates bookmarks/annotations/metadata - book icon
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
| Image Added | | |
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
| Image Added | | |
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 | Image Added | | |
5b. Android patron navigates bookmarks/annotations/metadata - book icon
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.
| Image Added | | |
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 |
---|
| | | | | |
2. Android patron browses for PDF books
3. iOS patron reads PDF book
4. Androidd patron reads PDF book
5. iOS patron annotates PDF book
6. Android patron annotates PDF book
7. iOS patron searches PDF book
...