>
 Daniel C. Robbins

Designer

 

 
 
 
 

 
 
Faculty SummitFaculty Summit - Zone Based UI
Talk given to 2005 Faculty Summit. Overview of ZoneZoom, Smartphlow, TaskZones, and future research directions
7/18/2005
Small Display UIPowerPoint
http://research.microsoft.com/~dcr/images/thumbs/uist2005.pngUIST 2005 Website
I designed and created the UIST 2005 Conference web site. This included all graphics, layout, and content updates.
2/1/2005
Web DesignWeb Page
TaskZonesTaskZones Prototype
  1. click on "Win" key (on screen) to zoom out
    1. minimized windows are shown with grey gradient
    2. ungrouped windows are in the center (5) zone
  2. switch show/hide states for groups of windows by selecting their zone
  3. group windows by:
    1. zoom out
    2. select center zone (5)
    3. select sub-zones which contain center of windows to group
    4. hit "Enter" key (on screen)
    5. select zone where you want target windows to "live"
7/20/2004
General Interaction; Large Display UI; Window and Task ManagementFlash Mockup
TaskZonesTaskZonesTaskZones replaces the notion of grouping windows “in” or “on” a desktop with the notion of simply showing and hiding groups from stored locations. This allows multiple groups to be simultaneously visible as well as groups made of any number of monitors.
TaskZones also maintains the advantages of virtual desktops, namely the exploitation of spatial memory and the ability to conduct group operations quickly through keyboard shortcuts. Note that the example grid has the same layout as a keyboard keypad.
7/20/2004
General Interaction; Large Display UI; Window and Task ManagementWeb Page
ZoneZoomZoneZoom Overview Presentation
Talk given at AVI 2004 on ZoneZoom for Smartphone
5/1/2004
Small Display UIPowerPoint
ZoneZoomZoneZoom Web PageZoneZoom, segments a given view of an information space into nine sub-segments, each of which is mapped to a key on the number keypad of the smartphone. This segmentation can be hand-crafted by the information space author based on a priori knowledge of the dataset or dynamically created at run-time. ZoneZoom allows users to easily “glance” at nearby areas and then quickly return to their current view by discriminating between tapping a button and pressing-and-holding a button.
12/10/2003
Small Display UISharePoint
SmartPhlowSmartPhlow Web Page
SmartPhlow accesses information from the Washington State Dept. of Transportation. The application downloads a relatively small file, usually on the order of 200 bytes, and expands it to populate a Seattle area traffic map. ASI SmartPhlow stems from ongoing ASI research on software for notifications, interaction, and visualization. The SmartPhlow application also is a testbed for our research on interaction and display on small devices.
11/7/2003
Small Display UIWeb Page
ZoneZoom PrototypeZoneZoom Prototype
  • h = toggle help screen
  • + = divide view into 9 regions
  • 1-9 = zoom into that subview
  • * = zoom out
  • b = menu
  • arrow keys = menu nav
  • Ctrl or Enter = select ("Action")
  • tap = go to subview
  • press n' hold = "glance" at a subview
11/4/2003
Small Display UI; Mapping & GeoFlash Mockup
ScalableFabricScalable Frabic Grouping Cues
A central focus area, defined by you, contains windows that behave in the traditional way.  When you drag a window into the periphery, it becomes smaller and continues to get smaller the closer you get to the edge of the screen.  This makes it possible to keep windows open all the time, and change "minimize" to mean "return to the periphery". Groups of windows can easily be created to represent different user tasks. Switching between groups is done simply by clicking on the task marker flag (http://fabric/default.asp)
9/22/2003
Large Display UIFlash Mockup
PhlatPhlatPhlat is the next step after SIS. Phlat is an exploration into how a user can easily filter and tag large amounts of data.
7/3/2003
SearchWeb Page
Drag and PopDrag-and-Pop (Ext)Interaction technique designed to accelerate drag-and-drop on large screens. By animating potential targets and bringing them to the dragged object, drag_and_pop reduces the user effort required for dragging an object across the screen to a desired target.

Grab the icon surrounded by outward facing arrows and start dragging it toward the other highlighted icon. To show the highlights again, press the "space bar." To try different conditions, click on the "Start" button.

12/9/2002
General Interaction; Large Display UI; Window and Task ManagementFlash Mockup
VIBE GroupGroupBar PrototypeQuick and easy grouping of windows into tasks: drag one icon in the Taskbar on top of another to create a group. The order of icons in a group can be changed and icons can be moved from group to group. To remove an icon from a group, drag it outside of the group. In addition, the standard Windows manipulation techniques are supported: iconify, maximize, move, resize, and restore.
11/24/2002
Large Display UI; Window and Task ManagementFlash Mockup
GroupBarGroupBarGroupBar is lightweight desktop tool that offers enhanced window management capabilities in a Windows taskbar-like setting. The basic concept is that through simple drag-and-drop operations on window tiles within the bar, users can create lightweight, transient grouping relationships that allow them to perform certain higher-level window layout functions on multiple windows at once.
11/21/2002
Large Display UI; Window and Task ManagementWeb Page
High Density CursorHigh-Density Cursor DemoVarious cues to help a user find a moving cursor on a large display. Try different combinations of the techniques to see which is right for you. Some work while the mouse is moving, some work once you have stopped moving the mouse.
10/25/2002
Large Display UIFlash Mockup
SISStuff I've Seen
A working version of Filtered Views has been incorporated into Stuff I've Seen (SIS). Stuff I've Seen (SIS) is a tool for helping people easily find web pages, files, and e-mail messages that they've viewed in the past. From this web page, you can easily install SIS.
7/2/2002
SearchWeb Page
  
  • drag windows by their title bar
  • as the windows enter the peripheral zones, they get smaller
  • notice how the windows snap to monitor boundaries when you release them
4/26/2002
Large Display UIFlash Mockup
ScalableFabricScalable Fabric downloadA central focus area, defined by you, contains windows that behave in the traditional way.  When you drag a window into the periphery, it becomes smaller and continues to get smaller the closer you get to the edge of the screen.  This makes it possible to keep windows open all the time, and change "minimize" to mean "return to the periphery". Groups of windows can easily be created to represent different user tasks. Switching between groups is done simply by clicking on the task marker flag.
4/24/2002
Large Display UI; Window and Task ManagementWeb Page
The ScopeThe ScopeA glanceable notification summarizer. This simple information visualization tool helps unify notifications and reduce distractions for the user, thus avoiding notification overload. The Scope allows users to remain aware of notifications from multiple sources of information, including e-mail, instant messaging, information alerts, and appointments. The design employs a circular radar-like screen divided into sectors that group different kinds of notifications. The more urgent a notification is, the more centrally it is placed.
1/1/2002
Notification ServicesWeb Page
Scope MockupScope MockupDrag icons around in each wedge to change their priority level. Click on the "?" to see what each icon represents. Click on the edge filters ("To", "From", etc) to see only those items that match the selected criteria. Each wedge can be expanded and collapsed by clicking on the expand icon (^) located under the title of each wedge. Tooltips give more information about each icon. Turning on the list (leftmost button in the row of buttons above the scope) lets you inspect multiple items at once. From the options screen (second from left button in the row of buttons above the scope) you can turn on the clock and change other options.
2/26/2001
General Interaction; Small Display UI; Notification ServicesFlash Mockup
PhotoMountainPhoto MountainAdaptation of the dataMountain metaphor to digital photo management.
1/1/2001
3D Information VisualizationWeb Page
Minority ReportMinority ReportInterface concepts for pre-production including outdoor holographic kiosks, virtual information displays, and systems diagrams for the movie Minority Report
7/27/1999
Conceptual DesignWeb Page
Future of WorkThe Future of Work
Set of slides for exhibit at Microsoft Museum.
7/9/1999
Conceptual DesignWeb PowerPoint
TaskGalleryTask GalleryA running 3D research prototype user interface that expands the desktop into an entire office with an unlimited number of desktops. The screen becomes a long gallery with paintings on the walls that represent different tasks, and the user moves quickly and easily from one to another with a simple series of mouse and keyboard commands.
1/1/1999
3D Information VisualizationWeb Page
3D Spirals3D SpiralsNovel technique for showing periodic data. This visualization minimizes occlusion and takes advantage of focus and context style interaction. Useful for TV listings and other time-based information.
9/1/1998
Information Visualization; 3D Information VisualizationSharePoint
DataMountainData MountainA new technique for document management that allows users to place documents at arbitrary positions on an inclined plane in a 3D desktop virtual environment using a simple 2D inter-action technique.
2/2/1998
3D Information VisualizationWeb Page
TravelPlannerTravel PlannerGives an overview of an entire trip. Relate geographical, time, content, and theme information. Allows tentativeness/uncertainty in the planning process. Lets the user compare alternative trip configurations.
11/4/1997
3D Information VisualizationWeb