UI inspired by real-world work spaces

June 23, 2006 3 Comments

desktop.jpg

“BumpTop”:http://honeybrown.ca/Pubs/BumpTop.html is a three dimensional desktop prototype that takes cues from real-world work spaces. It was designed by students Anand Agarawala and Ravin Balakrishnan who attended the “DGP program”:http://www.dgp.toronto.edu/at the University of Toronto. What’s interesting about this isn’t necessarily the idea of having a desktop that mimics an actual desk, rather, it’s some of the interface techniques being used. They challenge the normal “click” “drag” or “double click” methods of interaction. Here are some of note:

**Lasso**
A technique used in some “3D programs”:http://www.luxology.com/whatismodo/ for making selections. Multi-selections of this type exist today in current operating systems but are constrained to a rectangular shape. The lasso allows for organic shapes which adds much more accuracy/flexibility.

lasso.jpg

**Pile Widgets**
This isn’t so much about the “pile” as it is about the way an object’s options are presented. BumpTop uses this “menu” to present view options but the technique could be used for a variety of options. In current OSs, right clicking an object reveals a text menu of options like “open” “print” and “delete”. The BumpTop interface has more of a graphical radial layout. I like this for a couple of reasons. 1) It limits the number of options that can be presented at one time – this would ensure that only truly useful options are presented and 2) I would theorize that it is easier to memorize an option’s position in this form rather than a textual list. For example: “print icon is top left” vs “print is third from top”. Of course, a symbol isn’t always as clear as the word itself – so design would play a huge factor in the success of such an interface element.

pile.jpg

**Lasso Menu**
Again, I’ve seen similar things in “other software apps”:http://usa.autodesk.com/adsk/servlet/index?siteID=123112&id=6902573, but never in an OS. This technique has similar benefits to that of the “Pile Widget”.

lasso_menu.jpg

**Gestures: Lasso’n'Cross**
There are quite a few gesture techniques being used here. Of note is the “Lasso’n'Cross” which allows users to select and group objects in one stroke.

lassoncross.jpg

It’s a little academic at times – but – it certainly challenges current conventions. You can watch a demo of it here:

Geoff Teehan

written by Geoff Teehan

Comments 3

  • Dave

    3D desktop prototypes have always fascinated me. Kudos to these guys–a lot of progress here in terms of integrating object/environment behaviours with novel interaction techniques. They’ve really brought the “Data Mountain”:http://research.microsoft.com/adapt/datamountain/ paradigm into a modern context.

    One cool thing worth pointing out about the radial menus is that, unlike traditional pull-downs, each item is equidistant from the point of origin. Also, the more you move towards an item, the bigger the target becomes. *ahem, Fitts’ law*

  • John

    It looks awesome. I can’t wait to use something of this sort with new input devices like the Wiimote and (hopefully) better speech recognition.

    The question is, why does something like this take longer to show up than say Half-Life 2? The only acceptable answer that I can think of at this very second is that it may be fun to look at, but it is hard to justify on the grounds of productivity improvement. I would love for my gut to be wrong about this though.

    Just a quick off-topic comment, this blog page doesn’t look so nice in Internet Explorer. The left column gets pushed down below the right content. Although you may just be trying to discourage IE usage.

Leave a comment