Wednesday, March 25, 2009

project two: creating an interface for interfaces...

The next step in this (now becoming extremely complex) taxonomy project was to create a visual language and representation—to build an interface in which to access the taxonomy about navigation interfaces. (Yikes!)

Here is one of the interim attempts:




The logic behind this design is as follows:

• Each object was created using numbers, generated with a complex mathematical process (the average size for each object in the taxonomy was found; I then calculated the area or volume for each object in inches; next I calculated the square root of the area or volume; finally I took the first four digits after the decimal point of the square root and typed them out; and finally combined these typographical forms into the shapes you see here...phew!)

• Next the objects were extruded to give them a three dimensional feel. The shallow objects represent those that are the least tangible (these have also been made to be top-heavy in appearance); the deep objects represent those that are the most tangible (and therefore were made to be bottom-heavy).

• The objects are clustered and colorized by main category: GPS and Online Maps together in the front, Devices grouped together behind them, with Maps grouped together in the back. Teal objects are Maps (the lighter shade for maps that represent accurate distance, the darker shade for maps that represent non-accurate distance), gold objects are Devices (the lighter shade for devices that are electronic or digital, the darker shade for devices that are mechanical, and the red object is the GPS device which is a device and a map at the same time.

• Fences were constructed around the clusters of objects to represent ease of use—the tall impenetrable fence for the most difficult objects to use, the tiny corner stones in front for the easiest objects to use.

• Finally, to represent how portable the object is, I placed figures of monkeys atop each shape. The fewer monkeys on the shape, the more portable the object, the more monkeys the less portable.

Then after a few more iterations in look and feel, here is my final interface:

Interface for Interfaces: Navigation Interfaces... from Liese Zahabi on Vimeo.



Most of the visual language is the same, but the addition of pacing, time and interactivity helped simplify the initial look.

Overall, I wanted the user of this interface to have a sense of being lost, but not in a frightening or dire way. More the way one feels when traveling in a foreign city—it seems like things should make sense, but somehow they don't.

The user comes to the main screen, and has to look around to find the navigation hidden in the lower right. There are no labels or instructions, so the user chooses one of the icons. Then they are taken to a new (yet strangely the same) screen. As they explore the objects, they begin to click on them to find that some can be flicked off the screen. The objects that fly the farthest and fastest are the least tangible—those that simply rock and stay put are the most tangible.

Then the user navigates to another screen: this time all the objects are covered by clouds and fog. As the user rolls over the fog, some of it moves away. The fog represents ease of use—the objects easiest to use can be completely uncovered, those hardest to use remain obscured.

Finally, the user navigates to the last screen. Now as they click each object, it grows so the user can inspect it more closely and count the monkeys on top. The objects with the most monkeys are the least portable.

This project was indeed an arduous exercise in logic. However, the great benefit for me was to start out in a very regimented, rational frame of mind, and then attempt to abandon that frame and create something much more abstract and interesting. This was certainly very far out of my comfort zone, but the end result was both surprising and exciting for me. The push and pull and experiment in exploration has my mind spinning off in a million new directions. And working with interactivity and time (even in this very rudimentary way) was energizing and engaging. I'm looking forward to more work in this vein.

Sunday, March 15, 2009

project two: the mobile....

This was another attempt at visually representing my taxonomy. Each round shape represents one of the objects in the taxonomy, and were created using shrinkable plastic and transparency material. The mobile is organized around several different gradients of categorization, attempting to show multiple viewpoints at once.

  1. The map objects are represented by the transparency material; the device objects are represented by the shrinkable plastic.
  2. Portability is represented by the size of the circular shape.
  3. Tangibility is represented by the complexity of the pattern and graphics on each piece.
  4. Ease of use is represented by horizontal orientation.
  5. Updatability is represented by vertical orientation.







Much of the feedback I received during crit had to do with the fact that I chose to create a mobile in an attempt to give my taxonomy dimension and movement, but then fashioned it in a very static and flat way. Why didn't I consider the viewer, and the relationship between them and the mobile? Why didn't I attempt to create a more concrete third dimension of spatial relationships?

Representation of scale was also discussed: the smallest object within my taxonomy is a compass (which you can hold in your hand), while the largest is the size of a building. But the representation of this within my mobile makes it hard to understand the enormity of that scale. Creating a more expansive (and expressive) scale of size would have made the concept easier to understand, and would have possibly made the visuals more interesting.

Heads spinning and swimming with new possibilities, we all trudged back to the studio to attempt to make better sense of our content and categorization, and to figure out how to create a visually interesting interface to access it.