It looks like you're offline.
Open Library logo
additional options menu
Last edited by mangtronix
January 4, 2011 | History

BookReader User Interactions

Proposed (not yet implemented) Interaction List

Action PC (Mouse) Tablet (Single Touch) Touch
Turn a page
  • 1 page: page turn buttons, scroll bars, scroll wheel, space bar, Page Up/Down keys, click and drag
  • 2 page: Single click to flip (when full pages are visible), Page Up/Down, Arrow keys, Mouse swipe
  • Same as PC
  • 1 finger swipe (distinguish from pan based on speed)
  • 1 page: touch and drag, page flip buttons
  • 2 page: turn page
Zoom in
  • Double-click: Zoom in one level and center (TODO)
  • Zoom widget (TODO)
  • Zoom widget (TODO)
  • 2 finger expand (iOS implemented, Firefox TODO)
Zoom out
  • Double-click + CTRL: zoom out one level and centered (TODO)
  • Zoom out gets you to thumbnail view (TODO)
  • Zoom widget (TODO)
  • Zoom widget (TODO)
  • 2 finger pinch (iOS implemented, Firefox TODO)
Pan
  • Mouse wheel
  • Click and drag
  • Touch and drag
  • Touch and drag
Jump to page
  • 1 page: Browser scroll bar
  • 2 page: Click leaf edges
  • Navigation slider
  • 1 page: Browser scroll bar
  • 2 page: Click leaf edges
  • Navigation slider
  • Navigation slider
Switch View
  • Zoom Out gets to thumbnail view (TODO)
  • Toolbar buttons
  • Same as PC
  • Possible to detect device orientation change? e.g. by event or browser window shape change (TODO)
  • Auto-orient (TODO)
    • Landscape = 2 page
    • Portrait = 1 page
  • Add rotate gesture on 1 page view (TODO)
Right-click menu (TODO)
  • Rotate
  • View image (various sizes)
  • Bookmark
  • etc
  • Long tap?
Select-text (TODO)
  • Click and drag - requires context to distinguish from drag to pan and swipe
  • Click and drag - requires mode to distinguish from drag to pan and swipe
  • Long-tap to initiate (TODO)
Show/hide UI
  • Auto show/hide based off mouse position (TODO)
  • Navigation slider tab toggles UI
  • Same as PC
  • 1up, 2up - single tap to bring UI on/off (TODO)
  • Navigation slider tab toggles UI

History

January 4, 2011 Edited by mangtronix Edited without comment.
January 4, 2011 Edited by mangtronix Edited without comment.
October 7, 2010 Edited by mangtronix Edited without comment.
September 21, 2010 Edited by mangtronix Edited without comment.
September 20, 2010 Created by mangtronix Initial list