Zooming

Toolkit Design for Interactive Structured Graphics

Bederson, B., Grosjean, J. & Meyer, J.

Great discussion of monolithic vs polylithic design in the architecture of graphics toolkits.

http://www.cs.umd.edu/hcil/piccolo/learn/Toolkit_Design_2004.pdf

Space-Scale Diagrams: Understanding Multiscale Interfaces

Introduction of powerful tools for understanding multi-scale interfaces. Especially the fact how tricky it is to correctly handle zooming and panning at the same time. Highly recommended read.

http://www.cs.umd.edu/hcil/jazz/learn/papers/chi-95-spacescale.pdf

Implementing a Zooming User Interface: Experience Building Pad++

Bederson, B., Meyer, J.

This paper describes the experiences of designing and implementing a framework for ZUIs. Very detailed discussion of pitfalls, limitations, appropriate patterns and algorithms for rendering text, images, video, as well as similarities and differences of ZUIs compared to ordinary 2D and 3D systems. Personally, I somewhat feel with the major advances in hardware (GPUs) and software (languages, VMs) since the publication of this paper, attempting to build such a system should be revived again in attempt to replace our archaic interaction with computers with the best concepts from the zooming paradigm.

http://www.cs.umd.edu/hcil/pad++/papers/spe-98-padimplementation/spe-98-padimplementation.pdf

Smooth and Efficient Zooming and Panning

Jarke J. van Wijk & Wim A.A. Nuij

Discussion of optimal pan and zoom trajectories based on perceived velocity. More in-depth than Bederson's Space-Scale Diagrams and with a complete mathematical derivation of the optimal pan and zoom trajectory.

http://www.win.tue.nl/~vanwijk/zoompan.pdf

Implementation of the abovementioned mechanism in Silverlight Deep Zoom by the Microsoft Seadragon team:

http://blogs.msdn.com/lutzg/archive/2009/03/03/panning-across-large-maps-with-deep-zoom-and-custom-animations.aspx

Speed-dependent Automatic Zooming for Browsing Large Documents

http://www-ui.is.s.u-tokyo.ac.jp/~takeo/research/autozoom/autozoom.htm

• Tweet
• SHARE