Designed for Use

Sketching

After architects design the floor plan, they design the individual rooms. After you design the structure of your product, you want to design the individual screens. By making flow diagrams and storyboards, you should have a pretty good idea of what screens your product requires and what functionality each screen should provide.

You’ve already done simple sketches of some of the screens while doing storyboards. In the storyboard example, some of the screens already contained things that were unrelated to the task performed in the storyboard. For example, the pop-over menu didn’t just have a “reply” button; it also had a “retweet” button. Now, we want to nail down the contents of the individual screens.

Usability consultant Bruce Tognazzini ...