Journal



Recent Entries

The 5 habits of highly effective project teams
Here at Cooper, we’re pretty well known for our holistic and methodical approach to design, but don’t let that fool you - when the situation calls for it, we’re more than happy to get all “mavericky” with our clients and provide some good old fashioned ad-hoc consulting. For example, I... (Continue)
Agile interaction design for startups: A conversation with Cameron Koczon, Co-founder, Border Stylo
Recently I’ve been trying to figure out how interaction design can be blended with Agile development techniques. William Pietri and I have been working closely with Border Stylo, a web-based startup located in Beverly Hills. Through a series of short workshops, we’ve been helping them find the appropriate blend of... (Continue)
The Ford Fusion SmartGauge: Good Stuff, Missed Opportunities
There's been a certain amount of buzz in automotive circles about the new SmartGauge dash display in the Ford Fusion hybrid. What's so cool? According to Ford, the car encourages fuel-efficient driving habits by giving users constant feedback. What's not to love about encouraging cleaner driving (if we can't get... (Continue)

Mimicking the physical

by Tim McCoy on July 25, 2008

Many a software app has gone down the dead-end of attempting to recreate physical controls and affordances. (See the rich sub-genre of notebook apps with spiral binding and turned-up corners.) But sometimes the clarity and familiarity of a physical analog is just the thing. The key is to use it as a starting point, not to slavishly recreate the physical experience in its entirety.

tapedeck.png

A good example of this is the new audio capture app, TapeDeck. Modeled after an 80's-era cassette recorder and its collection of tapes, TapeDeck addresses a key issue in audio recording — the difficulty of distinguishing audio tracks in a visual world. Each recording is represented by a separate cassette tape, organized by date in a slide-out drawer called the Tape Box. It also gives a clear indication of state, running the tape spools in sync with the big push-button controls. Plus, it's just fun to use.

The power of TapeDeck's design is the balance it strikes: it looks and behaves like a familiar physical object while bringing additional functionality through the magic of software. The tape drawer's dynamic search filters recordings as you type. Two bars of displays/controls have been added for things like recording quality and playback position. Searchable notes can be attached to each recording.

TapeDeck is certainly not perfect — the organization and differentiation of tapes is quite basic. Another real-world analog might help here — the ability to add images to a tape. TapeDeck falls into the too-much-reality trap, too: why have a big square that always reads "A", a reference to Side A of a physical cassette? Allow user-defined character there, or an image, or pick up the first letter of the title. Why doesn't the cassette's window reflect the length and position of the recording? As an initial release, the designers have done a fine job of embracing and extending a familiar experience to make creating and managing audio recordings more pleasurable.

Filed under: Visual design


Comments

On Aug 10, 2008, L.A. King said:

Yet, this technique only works if the user is familiar with the metaphor. I doubt too many teenagers today are familiar with tape deck pictured in the example. I think of this same point every time I see the old floppy disk as a 'save' icon.

I agree that sometimes physical metaphor works as an interface paradigm. The interface for the music production program Reason is a good example. Users of this program are typically familiar with audio mixers and racks full of signal processing gear. The Reason interface mimics these physical objects exactly, complete with the wired mess that is often present on the back side of the signal processors.

 

Post a comment


Name

Email Address

Receive email notification of further comments

Comments (Feel free to use basic HTML tags for style)

We're trying to advance the conversation, and we trust that you will, too. We'd rather not moderate, but we will remove any comments that are blatantly inflammatory or inappropriate. Let it fly, but keep it clean. Thanks.

To help filter spam, please enter the letter x here