visualization

Visualizing the Creative Process – via @fred_beecher

Misc

via lostgarden.com

“As I coach new developers, I’ve taken to scribbling out the same useful diagram for visualizing the creative process again and again on coffee-ringed napkins. In order to limit my future abuse of culinary paper wares, I’ve reproduced my images in a more formal fashion in this essay.”

http://www.lostgarden.com/2010/08/visualizing-creative-process.html

A Touch Notation for designing for touch screens by Matt Legend Gemmell

Misc

Examples

Here are a few examples of using Touch Notation to encode various gestures. When I’m creating formal documents using Touch Notation, I tend to use black for the number of fingers and blue for the entire gestural part, just to give a subtle sense of energy and motion to the gesture. You’ll find that the gesture instructions in tutorials in the iPad versions of the iWork apps do the same thing.

  • Tap (with 1 finger)
Tap with one finger
  • Double-tap with 3 fingers
Double tap with three fingers
  • Swipe right with 2 fingers
Swipe right with two fingers
via mattgemmell.com

“Within the last twelve to eighteen months, I’ve crossed a threshold whereby the vast majority of my work is now aimed at touch-screen devices. I often have to sketch out feature specs, interaction designs and so forth, and I enjoy working on paper whenever I can. I quickly encountered a problem: touch-screen gestures are difficult to describe concisely. To solve this problem, I created a means of talking about such gestures symbolically; I call it Touch Notation.”

http://mattgemmell.com/2010/07/14/touch-notation#