Zooming user interface

Example of a ZUI

In computing, a zooming user interface or zoomable user interface (ZUI, pronounced zoo-ee) is a graphical environment where users can change the scale of the viewed area in order to see more detail or less, and browse through different documents. A ZUI is a type of graphical user interface (GUI). Information elements appear directly on an infinite virtual desktop (usually created using vector graphics), instead of in windows. Users can pan across the virtual surface in two dimensions and zoom into objects of interest. For example, as you zoom into a text object it may be represented as a small dot, then a thumbnail of a page of text, then a full-sized page and finally a magnified view of the page.

ZUIs use zooming as the main metaphor for browsing through hyperlinked or multivariate information. Objects present inside a zoomed page can in turn be zoomed themselves to reveal further detail, allowing for recursive nesting and an arbitrary level of zoom.

When the level of detail present in the resized object is changed to fit the relevant information into the current size, instead of being a proportional view of the whole object, it's called semantic zooming.^[1]

Some consider the ZUI paradigm as a flexible and realistic successor to the traditional windowing GUI, being a Post-WIMP interface. But little effort is currently spent developing ZUIs, while there are ongoing efforts for developing other types of GUIs.

History

Ivan Sutherland presented the first program for zooming through and creating graphical structures with constraints and instancing, on a CRT in his Sketchpad program in 1962.^[2]

A more general interface was done by the Architecture Machine Group in the 1970's at MIT. Hand tracking, touchscreen, joystick and voice control was employed to control an infinite plane of projects, documents, contacts, video and interactive programs. One of the instances of this project was called Spatial Dataland.^[3]

Another GUI environment of the 70's which used the zooming idea was Smalltalk at Xerox Parc, which had infinite "desktops" (only later coined as such by Apple Computer), that could be zoomed in upon from a birds eye view after the user had recognized a miniature of the window setup for the project.

The longest running effort to create a ZUI has been the Pad++ project started by Ken Perlin, Jim Hollan, and Ben Bederson at New York University and continued at the University of New Mexico under Hollan's direction. After Pad++, Bederson developed Jazz, then Piccolo,^[4] and now Piccolo2D^[5] at the University of Maryland, College Park, which is maintained in Java and C#. More recent ZUI efforts include Archy by the late Jef Raskin, ZVTM developed at INRIA (which uses the Sigma lens^[6] technique), and the simple ZUI of the Squeak Smalltalk programming environment and language. The term ZUI itself was coined by Franklin Servan-Schreiber and Tom Grauman while they worked together at the Sony Research Laboratories. They were developing the first Zooming User Interface library based on Java 1.0, in partnership with Prof. Ben Bederson, University of New Mexico, and Prof. Ken Perlin, New York University.

Previous to the availability of ZUI toolkits, the virtual desktops feature of many window managers provided some of the organizational benefits of ZUIs. Virtual desktops differ from ZUIs in that they don't provide a physical metaphor of continuous zooming but a collection of separate, fixed size desktop containers. Virtual desktops functions are available by default in KDE, GNOME and Mac OS X Leopard, and through an add-on in Microsoft Windows XP.

GeoPhoenix, a Cambridge, MA, startup associated with the MIT Media Lab, founded by Julian Orbanes, Adriana Guzman, Max Riesenhuber, released the first mass-marketed commercial Zoomspace in 2002-3 on the Sony CLIÉ PDA handheld, with Ken Miura of Sony

In 2006, Hillcrest Labs introduced the HoME television navigation system, the first graphical, zooming interface for television.^[7]

In 2007, Microsoft's Live Labs has released a zooming UI for web browsing called Microsoft Live Labs Deepfish for the Windows Mobile 5 platform.

Apple's iPhone (premiered June 2007) uses a stylized form of ZUI, in which panning and zooming are performed through a touch interface. A more fully realised ZUI is present in the iOS home screen (as of iOS 7), with zooming from the homescreen into folders and finally in to apps. The photo app zooms out from a single photo to moments, to collections, to years. And similarly in the calendar app with day, month and year views.^[8] It is not a full ZUI implementation since these operations are applied to bounded spaces (such as web pages or photos) and have a limited range of zooming and panning.

Franklin Servan-Schreiber founded Zoomorama, based on work he did at the Sony Research Laboratories in the mid-nineties. The Zooming Browser for Collage of High Resolution Images was released in Alpha in October 2007. Zoomorama's browser is all Flash based. Development of this project was stopped in 2010, but many examples are still available on the site.

Projects

Eagle Mode’s file manager displaying plain text source code directories

• Deon Join: A cross-platform zoomable desktop for Windows and Mac OS X with realtime collaboration features over IP networks.
• Eagle Mode: Zoomable file manager.
• BigPicture: Infinitely large and infinitely zoomable notepad.
• Zoomooz: A library for making web pages zoom.
• 3D Topicscape: 3D concept mapping software for organizing information.
• Dasher: A zooming interface for text insertion.
• fsn: File System Navigator, a pseudo-3D file manager that appeared in the movie Jurassic Park in 1993.^[9]
• Google Maps, OpenStreetMap and others: Web-based zoomable world maps.
• Google Earth: Zoomable globe.
• ChronoZoom: Web-based zoomable timeline.
• Gigapan: Zoomable gigapixel images.
• Prezi: Online zooming presentation editor made with Adobe Air.
• ClipFlair Studio: Foreign Language Learning through Interactive Revoicing & Captioning of Clips, made with Silverlight. Zoomable UI (both components and activities), Nested Activities (Zooming portals), Supports DeepZoom Images and Collections in Image component, Gallery component uses Microsoft PivotViewer with DeepZoom image tiles. (http://studio.clipflair.net)
• Seadragon Software: A technology used in Microsoft's Photosynth.
• Disk space analyzers:
  • showing the top-level directory as a rectangle containing the subdirectories as smaller rectangles packed inside;
  • showing levels as circles with the topmost level in the center.
• Velom: A zoomable desktop.
• Realtimeboard: A web based collaborative sketch pad and whiteboard.
• ZVTM: a zoomable user interface toolkit in Java, that also works on cluster-driven wall-sized displays^[10]

See also

• A Focus-plus-context screen is based on the idea of focus+context, to provide both details and an overall view at the same time.
• SpicyNodes uses a variation of the radial tree approach, with a focus nodes zoomed in, and other nodes zoomed out.

References

External links

• 2012 Economist article discusses the ZUI.