Drag to Pan | Wiki

Wiki Index

Books

Drag to Pan

Interaction and Visualization Design Patterns

Navigating between items

Panning Navigation Methods

Pinch/Unpinch Gesture

UI Viewport Resize on Master View

Welcome

Zoom to Point

Zooming Design Patterns

Zooming Technologies

Tags

ahead lila.io

Latest Activity

edited a wiki page Navigating between items 60 days ago

edited a wiki page Zooming Technologies 60 days ago

edited a wiki page Scrollwheel Zoom 63 days ago

edited a wiki page Scrollwheel Zoom 75 days ago

edited a wiki page Zoom to Point 75 days ago

Top Contributors

Ian Gilman

Kevin Hanes

Daniel Gasienica

Henrik Kryger Pallesen

Peio

John Myrstad

Magic Toolbox

adam.hill

lukaszuk

kelemen.viktor

freddy

SeH

Drag to Pan

For simple applications, a drag can simply pan the world around. When object dragging is also necessary, however, conficts arise. One approach is for dragging on an item to move it, and dragging on the background to pan. Another approach is to make pan happen only with an extra key held down, or in a certain mode. It depends on the relative frequency of the different actions anticipated.

Gestural Zoom and Pan

Bret Victor

Discussion of conventional zoom and pan controls and introduction of Gestural Zoom and Pan.

http://worrydream.com/GesturalZoomAndPan/

Discussion

Henrik Kryger Pallesen 6 months ago

At Ahead (http://www.ahead.com) we've had a few issues regarding how to pan and not least how to give Novice users an easy understanding of what a ZUI is.

1) We use the traditonal Drag via mouse click when in View mode, but we combine it with a mouse click to center, meaning that the canvas will center on a mouse click anywhere in the view port. However, this is deactivated when dragging and panning in a traditional way. The reason for offering both ways of panning is to give the novice a quick understanding that there's more on the screen than what they see.

2) In our edit interface we use SPACE KEY + MOUSE CLICK & DRAG in order to prevent that items that are placed on the canvas aren't accidentally moved in our Adobe InDesign style layout editor. The move to center functionality is not activated in edit mode.

Notifications