Wiki Index
Zooming Technologies
Scrollwheel Zoom
Zoom to Point
Navigating between items
Interaction and Visualization Design Patterns
UI Button
UI Slider
Seadragon Tools
Panning Navigation Methods
Drag to Pan
Pinch/Unpinch Gesture
Zooming Design Patterns
UI Viewport Resize on Master View
Research Papers
Welcome
Books
SeadragonLatest Activity
21 months ago
21 months ago
24 months ago
25 months ago
26 months ago
Top Contributors
Share
Pinch/Unpinch Gesture
Problem:
Multi touch devices allow for physical gestures and finger combinations to navigate, many devices also lack keyboard/mouse and/or have small displays.
Rationale:
Because of the ability to use multiple inputs on multi-touch screens the use of the "pinch" as a zoom metaphor makes sense in that it is appears you are physically resizing the canvas (or item) that you are intereacting with. The "unpinch" gesture makes sense in the same fashion as you work to expand an item.
Variants:
This is the standard for zooming on multi-touch devices. The idea is that the two points of initial contact become anchors for the zoom/scale operation; as the user moves their fingers, the image is resized/zoomed such that those two points on the image remain in contact with the user's two fingers. In some cases this also implies rotation.
Known Uses:
- Apple's iPhone and the Microsoft Surface both use the pinch/unpinch gestures though on different scales.
- Linja Dax has a plug-in for Firefox that uses Clockwise and CounterClockwise single finger gestures for zooming
Clockwise/CCW Gesture:
