-
Notifications
You must be signed in to change notification settings - Fork 4
Interface elements
Mauricio Giraldo edited this page Jun 9, 2014
·
28 revisions
Clickable version of this mockup
- Notification of items waiting for action (links to My books)
- Lanes, each with:
- Name
- n book covers
- "More" button
- "Swipe up" action to add book to ignore list
- Search bar
- NYPL Logo
- Keyboard
- Keyword input area
- Watermark prompt of e.g. "Title/Author"
- Book result list, each with:
- Title
- Author
- Cover
- Status of book
- "Remove from saved" button (if applicable or "Forget")
- "Remove hold" button (if applicable)
- Estimated time until checkout available (if applicable)
- "Checkout book" button (or "Borrow" if applicable, prompts download)
- "Read book" button (or simply "Read" if applicable)
- ["View detail" button](#book-detail or "Details" )
- Lane name
- Option to sort by: Title | Author
- List of books, each with:
- Title
- Author
- Cover
- Status of book
- "Ignore book" button (prompts confirmation)
- "Save for later" button
- "Checkout book" button (or "Borrow" if applicable, prompts download)
- "View detail" button
- Search bar
- Button to return to previous screen
- List of books, each with:
- Title
- Author
- Cover
- Status of book
- "Remove from saved" button (if applicable)
- "Remove hold" button (if applicable)
- Estimated time until checkout available (if applicable)
- "Checkout book" button (if applicable, prompts download)
- "Read book" button (if applicable)
- "View detail" button
- Filter between: All | Saved for later
- Cover
- Name
- Author
- Abstract
- "Read book" button ( or simply "Read" if applicable)
- "Check out" button ( or "Borrow" if applicable, prompts download)
- "Hold book" button (if applicable)
- "Return book" button (or "Return" if applicable)
- "Save for later" button (if applicable)
- Genre/LCSH headings type of content
- Estimated time until checkout available (if applicable)
- "Book due in" message (if applicable)
- Button to return to previous screen
† Appears on tap or on book end
- Book length visualization
- Current position within book length
- Book text
- † Bookmark widget
- † Font/color options
- † "Table of contents" button
- † "Next page" button/swipe
- † "Previous page" button/swipe
- † "Exit reader" button
- Choose between font: Sans-serif | Serif
- Choose between contrast modes: Black-on-white | Sepia | White-on-black
- "Increase font size" button
- "Decrease font size" button
- Page # (or Chapter #) If applicable, ebooks are flowable and not broken into pages, just resources since the font and screen is variable and the pagination goes away.
- Text snippet (a short blurb representative of the page being bookmarked... maybe the phrase at the top left corner?)
- "Remove bookmark" button
- "Go to bookmark" button
- "Return book" button
- "Rate book" buttons (5 stars)
- "Previous page" button/swipe
- Barcode
- Barcode numbers
- PIN (obscured => tap to reveal?)
- "Ignored books" button
- "Feedback" button
- "Credits/Acknowledgments" button
- "Logout" button (prompts confirmation of data deletion)
- "Ignored books" title text
- List of books, each with:
- Title
- Author
- Cover
- "Remove from ignored" button
- "View detail" button
- Text area for feedback
- Text area for email (optional)
- "Send feedback" button
- "Cancel" button
- Credits text
- Acknowledgments text
- Button to return to previous screen
- Message indicating requirement to log in
- Barcode input
- Button to prompt camera for automatic barcode scan
- PIN input
- "Sign in" button
- "Cancel" button
- "Sign up" button (TO BE CONFIRMED)
Below is a chart of possible book states/overlays/marks and where they are displayed (book list or detail page).
Chart with possible book states. States with the same color are mutually exclusive.
Below is a chart of possible book states/overlays/marks and where they are displayed (book list or detail page).
Diagram with book-borrowing states.