Sketching Methods

CPSC581.SketchingMethods History

Show minor edits - Show changes to markup

Changed lines 4-6 from:

[[http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703 | Baskinger, M. 2008. Pencils before pixels: a primer in hand-generated sketching. interactions 15, 2 (Mar. 2008), 28-36. ]]

to:

Baskinger, M. 2008. Pencils before pixels: a primer in hand-generated sketching. interactions 15, 2 (Mar. 2008), 28-36.

Changed lines 4-5 from:

Pencils before pixels: a primer in hand-generated sketching

to:

[[http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703 | Baskinger, M. 2008. Pencils before pixels: a primer in hand-generated sketching. interactions 15, 2 (Mar. 2008), 28-36. ]]

June 22, 2008, at 08:34 PM by 24.64.87.10 -
Added line 8:
  • Twitter in Plain English
March 07, 2008, at 04:28 PM by 136.159.7.33 -
Changed lines 65-66 from:
to:
  • Nokia Morph Concept
Added line 69:
Changed line 10 from:
to:
  • An example illustration of how to use an innovative design of a live notebook i.e., envisions its use rather than just the interface.
Changed lines 64-65 from:
to:
  • Google Docs in Plain English - a great example of mixing sketches, concepts, use scenarios, and even interface walkthroughs in an engaging video sketch.
Changed lines 5-6 from:
to:
  • Varous prototypes This page used to have videos; I will contact the author.
September 02, 2007, at 03:16 PM by 137.82.252.113 -
Changed lines 7-9 from:
to:
September 02, 2007, at 03:10 PM by 137.82.252.113 -
Added lines 6-9:
Changed line 57 from:
  • Agenda (11MB WMV File) an interative slide show of a prototype; video may be damaged.
to:
  • Agenda (11MB MOV) an interative slide show of a prototype; video may be damaged.
Added lines 44-46:
  • Bill's Instructional videos mirrors methods described in his book
Changed line 54 from:
to:
  • Sketch-A-Mov (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
Changed lines 56-61 from:
to:
  • Tectronix (2MB WMV) usability study over a paper prototype
  • Agenda (11MB WMV File) an interative slide show of a prototype; video may be damaged.
  • Climate Control (20MB WMV), explanation of screen snapshots of a paper / pictive prototype
Changed lines 41-43 from:
to:
Changed lines 53-58 from:
to:
Deleted line 31:
Added lines 40-43:
Deleted lines 52-53:
Changed line 33 from:
  • Two Handed Input shown via simple video sketches
to:
  • Two Handed Input shown via simple video sketches
Added lines 37-40:
Deleted line 42:
Changed lines 50-52 from:
to:
Changed line 16 from:

The videos below mirror various prototyping examples that accompany Buxton's book Sketching User Experience. See that web page for credits, permissions, and disclaimers and [[Attach:VideoLog5|this file

to:

The videos below mirror various prototyping examples that accompany Buxton's book Sketching User Experience. See that web page for credits, permissions, and disclaimers and this file

Changed lines 15-16 from:

Selected Videos from Bill Buxton's Sketching User Experience Videos; credits for each video is in this file

The videos below mirror various prototyping examples that accompany Buxton's book Sketching User Experience. See that web page for credits, permissions, and disclaimers.

to:

Selected Videos from Bill Buxton's Sketching User Experience Videos

The videos below mirror various prototyping examples that accompany Buxton's book Sketching User Experience. See that web page for credits, permissions, and disclaimers and [[Attach:VideoLog5|this file

Changed line 15 from:

Selected Videos from Bill Buxton's Sketching User Experience Videos

to:

Selected Videos from Bill Buxton's Sketching User Experience Videos; credits for each video is in this file

Changed lines 54-55 from:
to:
Changed lines 26-27 from:
to:
Changed lines 39-48 from:
to:
Changed lines 14-15 from:
  • Sketch-A-Move - new concepts for toy cars. Brilliantly executed.
to:
Changed lines 26-27 from:
to:
Changed lines 35-36 from:
to:
Changed lines 44-47 from:
to:
Changed lines 27-28 from:
  • Powerpoint Chameleon (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
to:
Added lines 33-37:
Changed lines 42-46 from:
to:
Changed lines 36-37 from:
to:
  • Video Whiteboard(13 MB MOV) two person drawing system done using video cameras
  • Shaker MP3 (6 MB WMV) built quickly using Phidgets
Changed line 36 from:
to:
Changed lines 27-28 from:
to:
  • Powerpoint Chameleon (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
Changed lines 34-37 from:
  • Matter Duplicator (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
to:
  • Matter Duplicator (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
Changed lines 27-28 from:
to:
Changed lines 30-32 from:
  • Full video (30MB WMV)
  • Bifocal Display (9MB WMV) illustrates an early fisheye view paper prototype - a superb interactive sketch
to:
  • Full video (30MB WMV)
  • Bifocal Display (9MB WMV) illustrates an early fisheye view paper prototype - a superb interactive sketch
Changed lines 34-35 from:
  • Matter Duplicator (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
to:
  • Matter Duplicator (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
Changed lines 41-42 from:
to:
Added lines 32-34:
  • Assorted others
    • Matter Duplicator (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
Deleted line 46:
Changed lines 30-31 from:
to:
  • Bifocal Display (9MB WMV) illustrates an early fisheye view paper prototype - a superb interactive sketch
Added line 22:
Added lines 28-31:
  • Office of the Professional is a very early envisionment of an office of the future.
Deleted line 43:
Deleted line 44:
Changed lines 22-26 from:
to:
  • Chameleon is a system that lets one pan over 3D spaces. These are done as interactive sketches, where parts are simulated.
    • Boom Chameleion (19 MB WMV) shows the display attached to a boom.
    • Chameleon (7MB WMV) uses position tracking of a small screen
    • Tablet Chameleon (7MB MPEG) uses a mouse attached to a tablet to do its spatial tracking.
Changed line 18 from:
  • Organizing design materials. While each system can be considered a 'sketch', they are better viewed as ways that designers can handle their materials electronically.
to:
  • Organizing design materials. While each system can be considered a 'sketch', they are better viewed as ways that designers can handle their materials electronically.
Changed line 22 from:
  • Chameleon is a system that lets one pan over spaces. These are done as interactive sketches, where parts are simulated.
to:
  • Chameleon is a system that lets one pan over spaces. These are done as interactive sketches, where parts are simulated.
Changed lines 18-23 from:
to:
  • Organizing design materials. While each system can be considered a 'sketch', they are better viewed as ways that designers can handle their materials electronically.
    • Portfolio Wall (15MB WMV) illustrates 2 versions of a large format display that lets you view and annotate a portfolio of images in different ways. 1st version is for a presenter to control via touch, 2nd version is for multiple people to control via multiple PDA touchpads.
    • Cabinet-Collecting Visual Material (19MB MOV) - A way to collect and managing visual material for designers on a large surface.
    • Atelier (12MB WMV) A wall that lets one enter/organize/display digital media using tangible methods
  • Chameleon is a system that lets one pan over spaces. These are done as interactive sketches, where parts are simulated.
Changed lines 19-22 from:
to:
Changed line 29 from:
to:
Changed line 18 from:
  • |Portfolio Wall (15MB WMV) illustrates 2 versions of a large format display that lets you view and annotate a portfolio of images in different ways. 1st version is for a presenter to control via touch, 2nd version is for multiple people to control via multiple PDA touchpads.
to:
  • Portfolio Wall (15MB WMV) illustrates 2 versions of a large format display that lets you view and annotate a portfolio of images in different ways. 1st version is for a presenter to control via touch, 2nd version is for multiple people to control via multiple PDA touchpads.
Changed line 18 from:
to:
  • |Portfolio Wall (15MB WMV) illustrates 2 versions of a large format display that lets you view and annotate a portfolio of images in different ways. 1st version is for a presenter to control via touch, 2nd version is for multiple people to control via multiple PDA touchpads.
Changed line 19 from:
to:
Changed lines 21-24 from:
to:
Changed line 28 from:
to:
Changed line 20 from:
to:
Changed line 18 from:
to:
Changed lines 18-48 from:
to:
Changed lines 25-27 from:
to:
Changed lines 6-7 from:

Video Sketches

to:

Selected Videos from Designing with Moving Images

The videos below point to video sketch prototyping examples posted on the above web site.

Added lines 16-48:

Selected Videos from Bill Buxton's Sketching User Experience Videos

The videos below mirror various prototyping examples that accompany Buxton's book Sketching User Experience. See that web page for credits, permissions, and disclaimers.

Added lines 2-16:

Video SlideShows

  • c3demo. Pieces together an interactive video by talking over a slideshow of screen snapshots.

Video Sketches

  • Designing with Moving Images collects various video sketches. Most are based around 'thin fiction' stories showing various scenarios of use. A subset is listed below
    • Tip-Toe illlustrates floor buttons used to unlock a door.
    • News Media, a news-on-demand service showing three scenarios of use.
    • Posthoc WorkNotes, a rich media content management system.
    • Our News and Sports
    • Sitep uses cutout animation to tell the story.
    • Sketch-A-Move - new concepts for toy cars. Brilliantly executed.

Not sure how these were done...

  • iPhone Copy and Paste - a mockup of what it might look like to Copy and Paste on iPhone, using the magnifying loupe and a second-finger tap.
Added line 1:

(:title Sketching Methods :)