Navimation examples

Siftable Computing

Monday, February 9th, 2009 | General, Navimation examples | No Comments

For a while I have been thinking about how the principles of navimation can be embodied in the physical world. There is no reason why navigation intertwined with screened movement should only happen on the screens of mobile phones and desktop computers. Then suddenly I stumbled upon this ‘Siftable Computing’ video, demonstrating a new mixed-reality interface:

This is a student project by David Merrill and Jeevan Kalanithi from the MIT Media Lab, presented at the TED conference (via Wired).

The interface (or should we call them interfaces?) consists of many tiny cubes with screens. Each cube has motion sensors, and they react in certain ways when they are placed together. The video also shows how these small boxes can relate to a larger screen for different types of interactions.

Obviously this platform opens up for a range of possibilities for interaction design, and new and interesting ways of communicating through the interface. It raises questions of what an interface can be, and, for example,  how the sensation of space can be manipulated. The cubes can be rearranged in the physical environment (restricted by laws of nature), while the screen spaces allow representations of all kinds of spatial environments. When interaction and movement (both real and screened) is introduced, a range of combinations are possible. There must be a lot of possibilities to explore beyond those presented in the video. I hope the inventors will be able to make this into a commercial product, as it will allow for a range of new and exiting interfaces to be designed.

UPDATE: Lise gave me a hint on the nice presentation by David Merrill at TED.

Tags: , , , , , , ,

For All Seasons

Wednesday, January 14th, 2009 | General, Navimation examples | 1 Comment

The application ‘For All Seasons‘ by Andreas Müller was originally launched for PC and Mac some years ago, but is now also available for the iPhone (iTunes link). So far this is one of the best examples I have seen of ‘interactive motion graphics’. The interface is rather experimental in form, and allows for continuous user interaction. It makes it even more impressing that it works so well on the relatively small screen of the Apple iPhone.


For All Seasons [iPhone] from CreativeApplications.Net on Vimeo.

The graphical expression and visual movement is smooth and elegant. To give an example, in the ‘summer section’ (see video) of the application, the words of the text start swaying and swimming around like small fishes. If you touch the screen, the words tremble and swim fast away from the finger. The navigation is also very neat, if not particularly intuitive. By using two fingers you can rotate the ‘virtual camera’ around the scene, horizontally as well as vertically. The iPhone pinch can be used for zooming in and out.

I wonder how this type of interaction can be used for other and more utilitarian purposes. What if we could explore Facebook contacts or Flickr images by diving into a sea of swimming objects?

Tags: , , , , , , ,

Dynamic tag cloud

Wednesday, November 12th, 2008 | General, Navimation examples | 4 Comments

I’m rather surprised that it is so hard to find visually dynamic templates for WordPress. I only found one example of a template that apply a certain degree of motion. Unfortunately I haven’t got the time (or knowledge) to make a new dynamic template myself. However, as a consolation I found this cool plugin called WP Cumulus. It simply takes the tags from my blog, and presents them in a three-dimensional interactive rotating cloud. So now I suddenly have a good reason for adding tags to my posts..

Tags: , , , , , ,