Intro to 481

1

The Sketchbook





2
Why Sketches
idea1
idea1

• The problem
• typically fixate on first idea
• local hill climbing

idea1
idea1
idea1
3
Why Sketches

• The problem
• typically fixate on first idea
• local hill climbing
• The solution
• generate many ideas and variations
• Reflect and choose

4
Why Sketches
idea1

• Getting the Design Right vs
• Getting the Right Design
• -Bill Buxton

idea1
idea1
idea1
idea1
idea8
idea3
idea5
idea6
idea7
idea2
idea9
idea4
5
Sketchbook

• Why a sketchbook?
• capture many initial ideas both good and bad
• explore refine ideas both in the large and in
  the small
• develop variations, alternatives, details
• keep a record of your ideas
• reflect on changing thought processes over time
• communicate ideas to others by showing
• choose ones worth developing
• capture good ideas you see elsewhere
• collect photos, tape them into your book

6
Sketchbook examples

• Artist
• ideas
• variations

artist's sketch page by Emily R. Feingold
7
Sketchbook examples

• Artist
• Variations

artist's sketch page http//www.fmhs.cnyric.org/ar
t/StudioFoundation/Sketchbook/sketchbook.html
8
Sketchbook examples

• Industrial designer
• ideas
• variations

artist's sketch page by Emily R. Feingold
9
Sketchbook examples
crude drawingsannotations
portion of a page from Saul Greenbergs sketchbook
10
Sketchbook examples
details to prototype
buddy bugs - sketches and final prototype, by
former 581 student Susannah McPhail
11
Sketchbook examples
idea development1
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
12
Sketchbook examples
idea development2
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
13
Sketchbook examples
idea development3
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
14
Sketchbook examples
idea development4
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
15
Sketchbook examples
many ideas variations
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
16
Sketchbook examples
final product
Computer science student Andrew Seniuk a
metaprogramming environment (with permission)
17
Sketchbook examples

• Concept
• IM contacts as bugs on a leaf

McPhail, S. (2002) Buddy Bugs A Physical User
Interface for Windows Instant Messenger.
Western Computer Graphics Symposium
(Skigraph02), March
18
Sketchbook examples
Design sketches
McPhail, S. (2002) Buddy Bugs A Physical User
Interface for Windows Instant Messenger.
Western Computer Graphics Symposium
(Skigraph02), March
19
Sketchbook examples

• Physical icons
• clay, glass
• also a sketch!

McPhail, S. (2002) Buddy Bugs A Physical User
Interface for Windows Instant Messenger.
Western Computer Graphics Symposium
(Skigraph02), March
20
Sketchbook examples

• Prototype
• Papier mache
• also a sketch!
• see video .wmv

McPhail, S. (2002) Buddy Bugs A Physical User
Interface for Windows Instant Messenger.
Western Computer Graphics Symposium
(Skigraph02), March