Metaphor Design - Case Study of An Animated Programming Environment

Ken Kahn

There are many examples of bad use of metaphors in interfaces, for example, requiring users to put an icon for the floppy drive into the trash can icon to eject a floppy on a Macintosh. Good designs should use metaphors predictably and consistently; for entertainment software the metaphor elements should also be fun.

I discuss the history and rationale of the metaphor design of my ToonTalk system -- an animated programming environment for kids. For example, I needed to provide the user with the ability to copy, remove, restore, grow and shrink items. The first design used three different colored magic wands. The wands were further distinguished by displaying an abstract animation of their function. Preliminary informal user studies showed that this scheme was non-obvious and users got the wands confused despite the animation. Because of this I replaced the size changing wand with a bike pump and the removing and restoring wand by a hand-held vacuum. Other examples of ToonTalk metaphors discussed are the use of carrier pigeons for communication, cities on the back of pictures for sprite programming, and a mouse with a big hammer for arithmetic.

 

home | search | buy | manual | news | faq | support | press | contact us