Sketching Methods

CPSC581.SketchingMethods History

Hide minor edits - Show changes to output

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:
[[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. ]]
Changed lines 4-5 from:
[[http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703 | 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.
]]
Changed lines 4-5 from:
[[Pencils before pixels: a primer in hand-generated sketching | http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703]]
to:
[[http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703 | Pencils before pixels: a primer in hand-generated sketching ]]
Added lines 3-5:
!Papers
[[Pencils before pixels: a primer in hand-generated sketching | http://delivery.acm.org/10.1145/1350000/1340969/p28-baskinger.pdf?key1=1340969&key2=8195921321&coll=ACM&dl=ACM&CFID=17345829&CFTOKEN=88816703]]
June 22, 2008, at 08:34 PM by 24.64.87.10 -
Added line 8:
* [[http://dotsub.com/films/twitterin/index.php?autostart=true&language_setting=en_3068| Twitter in Plain English]]
March 07, 2008, at 04:28 PM by 136.159.7.33 -
Changed lines 65-66 from:
to:
* [[http://www.youtube.com/watch?v=Zto6aTZM9t0&NR=1 | Nokia Morph Concept]]
Added line 69:
Changed line 10 from:
to:
* [[http://www.livescribe.com/sneakpeek/index.html | 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:
** [[http://youtube.com/watch?v=eRqUE6IHTEA| 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:
* [[http://hci.stanford.edu/research/paper/docs/apps1.html | 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:
* [[Attach:shadowreaching1.wmv | Shadow Reaching - concept]]
* [[Attach:shadowreaching2.wmv | Shadow Reaching - implemented]]
to:
* [[Attach:shadow1.wmv | Shadow Reaching - concept]] by Garth Shoemaker and Tony Tang, UBC
* [[Attach:shadow2.mov | Shadow Reaching -
implemented]] by Garth Shoemaker and Tony Tang, UBC
September 02, 2007, at 03:10 PM by 137.82.252.113 -
Added lines 6-9:
!Video Enactments of Ideas
* [[Attach:shadowreaching1.wmv | Shadow Reaching - concept]]
* [[Attach:shadowreaching2.wmv | Shadow Reaching - implemented]]
Changed line 57 from:
** [[Attach:26-ronbirdagenda.wmv |Agenda]] (11MB WMV File) an interative slide show of a prototype; video may be damaged.
to:
** [[Attach:26-ronbirdagenda.mov |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
** [[Attach:25b-postitvideosketch.wmv | Postit Video Sketch]] (7 MB WMV) shows how to make a very simple video sketch
Changed line 54 from:
** [[Attach:16-sketchamove.mov]] (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
to:
** [[Attach:16-sketchamove.mov|Sketch-A-Mov]] (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
Changed lines 56-61 from:
* [[Attach:25-tektronix.wmv|Tectronix]] (2MB WMV) usability study over a paper prototype
* [[Attach:25b-postitvideosketch.wmv | Postit Video Sketch]] (7 MB WMV) shows how to make a very simple video sketch
* [[Attach:26-RonBirdAgenda]] (11MB WMV File)
* [[Attach:27-climatecontrol.wmv|Climate Control]] (20MB WMV), explanation of screen snapshots of a paper / pictive prototype
to:
** [[Attach:25-tektronix.wmv|Tectronix]] (2MB WMV) usability study over a paper prototype
** [[Attach:26-ronbirdagenda.wmv |Agenda]] (11MB WMV File) an interative slide show of a prototype; video may be damaged.
** [[Attach:27-climatecontrol.wmv|Climate Control]] (20MB WMV), explanation of screen snapshots of a paper / pictive prototype
Changed lines 41-43 from:
** [[Attach:24-luciamubsketch.mov]] (11MB MOV) Sketch of the concept
** [[Attach:23-luciamug_hirez.mov]] (9MB MOV ) Hi Rez version of the same concept.
to:
** [[Attach:24-luciamugsketch.mov|Sketch version]] (11MB MOV) of the concept
** [[Attach:23-luciamug_hirez.mov|Hi Rez version ]] (9MB MOV ) Hi Rez version of the same concept.
Changed lines 53-58 from:
* [[Attach:25-tektronix]] (2884KB Windows Media Audio/Video file)
*
[[Attach:25b-PostitVideoSketch]] (6924KB Windows Media Audio/Video file)
* [[Attach:26-RonBirdAgenda]] (10798KB MOV File)
* [[Attach:27-ClimateControl]] (20745KB Windows Media Audio/Video file)
to:
* [[Attach:25-tektronix.wmv|Tectronix]] (2MB WMV) usability study over a paper prototype
*
[[Attach:25b-postitvideosketch.wmv | Postit Video Sketch]] (7 MB WMV) shows how to make a very simple video sketch
* [[Attach:26-RonBirdAgenda]] (11MB WMV File)
* [[Attach:27-climatecontrol.wmv|Climate Control]] (20MB WMV), explanation of screen snapshots of a paper / pictive prototype
Deleted line 31:
Added lines 40-43:
* '''Mug Metaphor Interface'''
** [[Attach:24-luciamubsketch.mov]] (11MB MOV) Sketch of the concept
** [[Attach:23-luciamug_hirez.mov]] (9MB MOV ) Hi Rez version of the same concept.
Deleted lines 52-53:
* [[Attach:23-luciamug_hirez.mov]] (9MB MOV )
* [[Attach:24-luciamubsketch.mov]] (11MB MOV)
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:
* '''Two People Communicating through a display'''
** [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]](13 MB MOV) done by video cameras
* [[Attach:22-clearboardiii.mov]] (22MB MOV File) is a futuristic video of the concept
Deleted line 42:
** [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]](13 MB MOV) two person drawing system done using video cameras
Changed lines 50-52 from:
* [[Attach:22-ClearboardIII]] (22632KB MOV File)
* [[Attach:23-LuciaMug HiRez]] (9133KB MOV File)
* [[Attach:24-LuciaMugSketch]] (11201KB MOV File
)
to:
* [[Attach:23-luciamug_hirez.mov]] (9MB MOV )
* [[Attach:24-luciamubsketch.mov]] (11MB MOV)
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 [[Attach:videolog5.doc|this file]]
Changed lines 15-16 from:
!Selected Videos from [[http://www.mkp.com/sketching | Bill Buxton's Sketching User Experience Videos ]]; credits for each video is in [[Attach:VideoLog5|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 [[http://www.mkp.com/sketching | 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 [[http://www.mkp.com/sketching | Bill Buxton's Sketching User Experience Videos ]]
to:
!Selected Videos from [[http://www.mkp.com/sketching | Bill Buxton's Sketching User Experience Videos ]]; credits for each video is in [[Attach:VideoLog5|this file]]
Changed lines 54-55 from:
* [[Attach:VideoLog5]] (92KB Microsoft Word document)
to:
Changed lines 26-27 from:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean - [[Attach:09-animationstanda.gif]] is the GIF file used in one of the slides
to:
** [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean - [[Attach:09-animationstanda.gif]] is the GIF file used in one of the slides
Changed lines 39-48 from:
* [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]](13 MB MOV) two person drawing system done using video cameras
* [[Attach:07-shakerMP3.wmv|Shaker MP3]] (6 MB WMV) built quickly using Phidgets
* [[Attach:08-Truck.wmv]] (.5MB WMV) sketch animation of a truck moving through obstacles

* [[Attach:13-graspableproto.wmv|Graspable Prototype]] shows a tangible interface prototyped thorough director on a digital desk.
* [[Attach:14-ocadcursor | Position-dependant cursor]] (2MB WMV)
* [[Attach:15-belisle3dgesture.mov|3D Gesture]] (1.5 MB MOV) on a large screen
* [[Attach:16-sketchamove.mov]] (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
* [[Attach:17-wristwatchclip]] (8263KB Windows Media Audio/Video file)
to:
** [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]](13 MB MOV) two person drawing system done using video cameras
** [[Attach:07-shakerMP3.wmv|Shaker MP3]] (6 MB WMV) built quickly using Phidgets
** [[Attach:08-Truck.wmv]] (.5MB WMV) sketch animation of a truck moving through obstacles
** [[Attach:13-graspableproto.wmv|Graspable Prototype]] shows a tangible interface prototyped thorough director on a digital desk.
** [[Attach:14-ocadcursor.wmv | Position-dependant cursor]] (2MB WMV)
** [[Attach:15-belisle3dgesture.mov|3D Gesture]] (1.5 MB MOV) on a large screen
** [[Attach:16-sketchamove.mov]] (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
** [[Attach:17-wristwatchclip.wmv |Wristwatch Cursor]] (8MB WMV) sketch of a finger-operated watch.
Changed lines 14-15 from:
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo10.htm | Sketch-A-Move]] - new concepts for toy cars. Brilliantly executed.
to:
Changed lines 26-27 from:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean - [[Attach:09-Animationstanda.gif]] is the GIF file used in one of the slides
to:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean - [[Attach:09-animationstanda.gif]] is the GIF file used in one of the slides
Changed lines 35-36 from:
** [[Attach:11-fingerscale2| Two handed scaling]] (WMV)
to:
** [[Attach:11-fingerscale2.wmv| Two handed scaling]] (WMV)
Changed lines 44-47 from:
* [[Attach:13-graspableProto]] (1516KB Windows Media Audio/Video file)
* [[Attach:14-OCADCursor]] (1911KB Windows Media Audio/Video file)

* [[Attach:15-Belisle3Dgesture]] (1433KB MOV File)
* [[Attach:16-sketchAmove]] (13837KB MOV File)
to:
* [[Attach:13-graspableproto.wmv|Graspable Prototype]] shows a tangible interface prototyped thorough director on a digital desk.
*
[[Attach:14-ocadcursor | Position-dependant cursor]] (2MB WMV)
*
[[Attach:15-belisle3dgesture.mov|3D Gesture]] (1.5 MB MOV) on a large screen
* [[Attach:16-sketchamove.mov]] (12MB MOV ) - prototype of new concept for toy cars. Brilliantly executed.
Changed lines 27-28 from:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
to:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean - [[Attach:09-Animationstanda.gif]] is the GIF file used in one of the slides
Added lines 33-37:

* Two Handed Input shown via simple video sketches
** [[Attach:10-fingermovie1.wmv |One Finger moving]] (WMV)
** [[Attach:11-fingerscale2| Two handed scaling]] (WMV)
Changed lines 42-46 from:
* [[Attach:07-shakermp3.wmv|Shaker MP3]] (6 MB WMV) built quickly using Phidgets
* [[Attach:08-Truck.wmv]] (565KB Windows Media Audio/Video file)
* [[Attach:09-Animationstanda.gif]] (93KB GIF Image)
* [[Attach:10-fingermovie1.wmv]] (169KB Windows Media Audio/Video file)
* [[Attach:11-fingerscale2]] (271KB Windows Media Audio/Video file)
to:
* [[Attach:07-shakerMP3.wmv|Shaker MP3]] (6 MB WMV) built quickly using Phidgets
* [[Attach:08-Truck.wmv]] (.5MB WMV) sketch animation of a truck moving through obstacles
Changed lines 36-37 from:
* [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]] (13698KB MOV File)
* [[Attach:07-shakermp3.wmv]] (6443KB Windows Media Audio/Video file)
to:
* [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]](13 MB MOV) two person drawing system done using video cameras
* [[Attach:07-shakermp3.wmv|Shaker MP3]] (6 MB WMV) built quickly using Phidgets
Changed line 36 from:
* [[Attach:06-videowhiteboard.mov]] (13698KB MOV File)
to:
* [[Attach:06-VideoWhiteboard.mov|Video Whiteboard]] (13698KB MOV File)
Changed lines 27-28 from:
* [[Attach:12-chameleonpictdriv.ppt]] (497KB Powerpoint.Show.7) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
to:
* [[Attach:12-chameleonpictdriv.ppt|Powerpoint Chameleon]] (.5MB Powerpoint) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
Changed lines 34-37 from:
** [[Attach:19-mattersuplicator.wmv | Matter Duplicator]] (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!

* [[Attach:06-VideoWhiteboard.mov]] (13698KB MOV File)
* [[Attach:07-shakerMP3.wmv]] (6443KB Windows Media Audio/Video file)
to:
** [[Attach:19-matterduplicator.wmv | Matter Duplicator]] (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!

* [[Attach:06-videowhiteboard.mov]] (13698KB MOV File)
* [[Attach:07-shakermp3.wmv]] (6443KB Windows Media Audio/Video file)
Changed lines 27-28 from:
to:
* [[Attach:12-chameleonpictdriv.ppt]] (497KB Powerpoint.Show.7) uses powerpoint and animated gfs to sketch out the concept behind Chamelean
Changed lines 30-32 from:
** [[Attach:20-officeoftheprofessional| Full video]] (30MB WMV)
** [[Attach:18-bifocaldisplay|Bifocal Display]] (9MB WMV) illustrates an early fisheye view paper prototype - a superb interactive sketch
to:
** [[Attach:20-officeoftheprofessional.wmv| Full video]] (30MB WMV)
** [[Attach:18-bifocaldisplay.wmv|Bifocal Display]] (9MB WMV) illustrates an early fisheye view paper prototype - a superb interactive sketch
Changed lines 34-35 from:
** [[Attach:19-mattersuplicator | Matter Duplicator]] (1358KB Windows Media Audio/Video file) - a spoof of a photocopier machine, an example of an extremely simple video sketch!
to:
** [[Attach:19-mattersuplicator.wmv | 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:
* [[Attach:11-FingerScale2]] (271KB Windows Media Audio/Video file)
* [[Attach:12-chameleonPictDriv]] (497KB Powerpoint.Show.7
)
to:
* [[Attach:11-fingerscale2]] (271KB Windows Media Audio/Video file)
Added lines 32-34:
* '''Assorted others'''
** [[Attach:19-mattersuplicator | 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:
* [[Attach:19-MatterDuplicator]] (1358KB Windows Media Audio/Video file)
Changed lines 30-31 from:
** [[Attach:18-bifocaldisplay|Bifocal Display]] (9MB WMV)
to:
** [[Attach:18-bifocaldisplay|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.
** [[Attach:20-officeoftheprofessional| Full video]] (30MB WMV)
** [[Attach:18-bifocaldisplay|Bifocal Display]] (9MB WMV)
Deleted line 43:
* [[Attach:18-bifocalDisplay]] (8968KB Windows Media Audio/Video file)
Deleted line 44:
* [[Attach:20-OfficeOfTheProfessional]] (30310KB Windows Media Audio/Video file)
Changed lines 22-26 from:
* '''Chameleon''' is a system that lets one pan over spaces. These are done as interactive sketches, where parts are simulated.
** [[Attach:03-boomchameleon.wmv]] (19 MB WMV)
**[[Attach:04-chameleon.wmv]] (6987KB Windows Media Audio/Video file)
**
[[Attach:05-tabletpcchameleon.mpeg]] (7648KB Movie File (MPEG))
to:
* '''Chameleon''' is a system that lets one pan over 3D spaces. These are done as interactive sketches, where parts are simulated.
** [[Attach:03-boomchameleon.wmv| Boom Chameleion]] (19 MB WMV) shows the display attached to a boom.
**[[Attach:04-chameleon.wmv| Chameleon]] (7MB WMV) uses position tracking of a small screen
**
[[Attach:05-tabletpcchameleon.mpeg|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:
* [[Attach:01-PWpda.wmv|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.
* [[Attach:02-cabinetmovie
.mov|Cabinet-Collecting Visual Material]] (19MB MOV) - A way to collect and managing visual material for designers on a large surface.
* [[Attach:02a-AtelierCoWall
.wmv|Atelier]] (12MB WMV) A wall that lets one enter/organize/display digital media using tangible methods
* [[Attach:03-boomchameleon.wmv]] (19 MB WMV)
* [[Attach:04-chameleon
.wmv]] (6987KB Windows Media Audio/Video file)
* [[Attach:05-tabletpcchameleon.mpeg]] (7648KB Movie File (MPEG))
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.
** [[Attach:01-PWpda.wmv|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.
** [[Attach:02-cabinetmovie.mov|Cabinet-Collecting Visual Material]] (19MB MOV) - A way to collect and managing visual material for designers on a large surface
.
** [[Attach:02a-AtelierCoWall.wmv|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.
** [[Attach:03-boomchameleon.wmv]] (19 MB WMV)
**[[Attach:04-chameleon.wmv]] (6987KB Windows Media Audio/Video file)
** [[Attach:05-tabletpcchameleon.mpeg]] (7648KB Movie File (MPEG))
Changed lines 19-22 from:
* [[Attach:02-cabinetmovie.mov]] (19929KB MOV File)
* [[Attach:02a-AtelierCoWall.wmv]] (12913KB Windows Media Audio/Video file)
* [[Attach:02b-cabinetmovie.mov]] (19929KB MOV File)
* [[Attach:03-boomchameleon
.wmv]] (19776KB Windows Media Audio/Video file)
to:
* [[Attach:02-cabinetmovie.mov|Cabinet-Collecting Visual Material]] (19MB MOV) - A way to collect and managing visual material for designers on a large surface.
* [[Attach:02a-AtelierCoWall.wmv|Atelier]] (12MB WMV) A wall that lets one enter/organize/display digital media using tangible methods
* [[Attach:03-boomchameleon.wmv]] (19 MB WMV)
Changed line 29 from:
* [[Attach:10-FingerMovie1]] (169KB Windows Media Audio/Video file)
to:
* [[Attach:10-fingermovie1.wmv]] (169KB Windows Media Audio/Video file)
Changed line 18 from:
* [[Attach:01-PWpda.wmv||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:
* [[Attach:01-PWpda.wmv|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:
* [[Attach:01-PWpda.wmv]] (15644KB Windows Media Audio/Video file)
to:
* [[Attach:01-PWpda.wmv||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:
* [[Attach:02-Cabinetmovie]] (19929KB MOV File)
to:
* [[Attach:02-cabinetmovie.mov]] (19929KB MOV File)
Changed lines 21-24 from:
* [[Attach:02b-Cabinetmovie]] (19929KB MOV File)
* [[Attach:03-BoomChameleon]] (19776KB Windows Media Audio/Video file)
* [[Attach:04-Chameleon]] (6987KB Windows Media Audio/Video file)
* [[Attach:05-TabletPCChameleon]] (7648KB Movie File (MPEG))
to:
* [[Attach:02b-cabinetmovie.mov]] (19929KB MOV File)
* [[Attach:03-boomchameleon.wmv]] (19776KB Windows Media Audio/Video file)
* [[Attach:04-chameleon.wmv]] (6987KB Windows Media Audio/Video file)
* [[Attach:05-tabletpcchameleon.mpeg]] (7648KB Movie File (MPEG))
Changed line 28 from:
* [[Attach:09-Animationstanda]] (93KB GIF Image)
to:
* [[Attach:09-Animationstanda.gif]] (93KB GIF Image)
Changed line 20 from:
* [[Attach:02a-AtelierCoWall]] (12913KB Windows Media Audio/Video file)
to:
* [[Attach:02a-AtelierCoWall.wmv]] (12913KB Windows Media Audio/Video file)
Changed line 18 from:
* [[Attach:01-PWpda]] (15644KB Windows Media Audio/Video file)
to:
* [[Attach:01-PWpda.wmv]] (15644KB Windows Media Audio/Video file)
Changed lines 18-48 from:
* [[Attach:|01-PWpda]] (15644KB Windows Media Audio/Video file)
* [[Attach:|02-Cabinetmovie]] (19929KB MOV File)
* [[Attach:|02a-AtelierCoWall]] (12913KB Windows Media Audio/Video file)
* [[Attach:|02b-Cabinetmovie]] (19929KB MOV File)
* [[Attach:|03-BoomChameleon]] (19776KB Windows Media Audio/Video file)
* [[Attach:|04-Chameleon]] (6987KB Windows Media Audio/Video file)
* [[Attach:|05-TabletPCChameleon]] (7648KB Movie File (MPEG))
* [[Attach:|06-VideoWhiteboard.mov]] (13698KB MOV File)
* [[Attach:|07-shakerMP3.wmv]] (6443KB Windows Media Audio/Video file)
* [[Attach:|08-Truck.wmv]] (565KB Windows Media Audio/Video file)
* [[Attach:|09-Animationstanda]] (93KB GIF Image)
* [[Attach:|10-FingerMovie1]] (169KB Windows Media Audio/Video file)
* [[Attach:|11-FingerScale2]] (271KB Windows Media Audio/Video file)
* [[Attach:|12-chameleonPictDriv]] (497KB Powerpoint.Show.7)
* [[Attach:|13-graspableProto]] (1516KB Windows Media Audio/Video file)
* [[Attach:|14-OCADCursor]] (1911KB Windows Media Audio/Video file)
* [[Attach:|15-Belisle3Dgesture]] (1433KB MOV File)
* [[Attach:|16-sketchAmove]] (13837KB MOV File)
* [[Attach:|17-wristwatchclip]] (8263KB Windows Media Audio/Video file)
* [[Attach:|18-bifocalDisplay]] (8968KB Windows Media Audio/Video file)
* [[Attach:|19-MatterDuplicator]] (1358KB Windows Media Audio/Video file)
* [[Attach:|20-OfficeOfTheProfessional]] (30310KB Windows Media Audio/Video file)
* [[Attach:|22-ClearboardIII]] (22632KB MOV File)
* [[Attach:|23-LuciaMug HiRez]] (9133KB MOV File)
* [[Attach:|24-LuciaMugSketch]] (11201KB MOV File)
* [[Attach:|25-tektronix]] (2884KB Windows Media Audio/Video file)
* [[Attach:|25b-PostitVideoSketch]] (6924KB Windows Media Audio/Video file)
* [[Attach:|26-RonBirdAgenda]] (10798KB MOV File)
* [[Attach:|27-ClimateControl]] (20745KB Windows Media Audio/Video file)
* [[Attach:|VideoLog5]] (92KB Microsoft Word document)
to:
* [[Attach:01-PWpda]] (15644KB Windows Media Audio/Video file)
* [[Attach:02-Cabinetmovie]] (19929KB MOV File)
* [[Attach:02a-AtelierCoWall]] (12913KB Windows Media Audio/Video file)
* [[Attach:02b-Cabinetmovie]] (19929KB MOV File)
* [[Attach:03-BoomChameleon]] (19776KB Windows Media Audio/Video file)
* [[Attach:04-Chameleon]] (6987KB Windows Media Audio/Video file)
* [[Attach:05-TabletPCChameleon]] (7648KB Movie File (MPEG))
* [[Attach:06-VideoWhiteboard.mov]] (13698KB MOV File)
* [[Attach:07-shakerMP3.wmv]] (6443KB Windows Media Audio/Video file)
* [[Attach:08-Truck.wmv]] (565KB Windows Media Audio/Video file)
* [[Attach:09-Animationstanda]] (93KB GIF Image)
* [[Attach:10-FingerMovie1]] (169KB Windows Media Audio/Video file)
* [[Attach:11-FingerScale2]] (271KB Windows Media Audio/Video file)
* [[Attach:12-chameleonPictDriv]] (497KB Powerpoint.Show.7)
* [[Attach:13-graspableProto]] (1516KB Windows Media Audio/Video file)
* [[Attach:14-OCADCursor]] (1911KB Windows Media Audio/Video file)
* [[Attach:15-Belisle3Dgesture]] (1433KB MOV File)
* [[Attach:16-sketchAmove]] (13837KB MOV File)
* [[Attach:17-wristwatchclip]] (8263KB Windows Media Audio/Video file)
* [[Attach:18-bifocalDisplay]] (8968KB Windows Media Audio/Video file)
* [[Attach:19-MatterDuplicator]] (1358KB Windows Media Audio/Video file)
* [[Attach:20-OfficeOfTheProfessional]] (30310KB Windows Media Audio/Video file)
* [[Attach:22-ClearboardIII]] (22632KB MOV File)
* [[Attach:23-LuciaMug HiRez]] (9133KB MOV File)
* [[Attach:24-LuciaMugSketch]] (11201KB MOV File)
* [[Attach:25-tektronix]] (2884KB Windows Media Audio/Video file)
* [[Attach:25b-PostitVideoSketch]] (6924KB Windows Media Audio/Video file)
* [[Attach:26-RonBirdAgenda]] (10798KB MOV File)
* [[Attach:27-ClimateControl]] (20745KB Windows Media Audio/Video file)
* [[Attach:VideoLog5]] (92KB Microsoft Word document)
Changed lines 25-27 from:
* [[Attach:|06-VideoWhiteboard]] (13698KB MOV File)
* [[Attach:|07-shakerMP3]] (6443KB Windows Media Audio/Video file)
* [[Attach:|08-Truck]] (565KB Windows Media Audio/Video file)
to:
* [[Attach:|06-VideoWhiteboard.mov]] (13698KB MOV File)
* [[Attach:|07-shakerMP3.wmv]] (6443KB Windows Media Audio/Video file)
* [[Attach:|08-Truck.wmv]] (565KB Windows Media Audio/Video file)
Changed lines 6-7 from:
!Video Sketches
to:
!Selected Videos from [[http://webzone.k3.mah.se/k3jolo/designVideo/ | 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 [[http://www.mkp.com/sketching | 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.
* [[Attach:|01-PWpda]] (15644KB Windows Media Audio/Video file)
* [[Attach:|02-Cabinetmovie]] (19929KB MOV File)
* [[Attach:|02a-AtelierCoWall]] (12913KB Windows Media Audio/Video file)
* [[Attach:|02b-Cabinetmovie]] (19929KB MOV File)
* [[Attach:|03-BoomChameleon]] (19776KB Windows Media Audio/Video file)
* [[Attach:|04-Chameleon]] (6987KB Windows Media Audio/Video file)
* [[Attach:|05-TabletPCChameleon]] (7648KB Movie File (MPEG))
* [[Attach:|06-VideoWhiteboard]] (13698KB MOV File)
* [[Attach:|07-shakerMP3]] (6443KB Windows Media Audio/Video file)
* [[Attach:|08-Truck]] (565KB Windows Media Audio/Video file)
* [[Attach:|09-Animationstanda]] (93KB GIF Image)
* [[Attach:|10-FingerMovie1]] (169KB Windows Media Audio/Video file)
* [[Attach:|11-FingerScale2]] (271KB Windows Media Audio/Video file)
* [[Attach:|12-chameleonPictDriv]] (497KB Powerpoint.Show.7)
* [[Attach:|13-graspableProto]] (1516KB Windows Media Audio/Video file)
* [[Attach:|14-OCADCursor]] (1911KB Windows Media Audio/Video file)
* [[Attach:|15-Belisle3Dgesture]] (1433KB MOV File)
* [[Attach:|16-sketchAmove]] (13837KB MOV File)
* [[Attach:|17-wristwatchclip]] (8263KB Windows Media Audio/Video file)
* [[Attach:|18-bifocalDisplay]] (8968KB Windows Media Audio/Video file)
* [[Attach:|19-MatterDuplicator]] (1358KB Windows Media Audio/Video file)
* [[Attach:|20-OfficeOfTheProfessional]] (30310KB Windows Media Audio/Video file)
* [[Attach:|22-ClearboardIII]] (22632KB MOV File)
* [[Attach:|23-LuciaMug HiRez]] (9133KB MOV File)
* [[Attach:|24-LuciaMugSketch]] (11201KB MOV File)
* [[Attach:|25-tektronix]] (2884KB Windows Media Audio/Video file)
* [[Attach:|25b-PostitVideoSketch]] (6924KB Windows Media Audio/Video file)
* [[Attach:|26-RonBirdAgenda]] (10798KB MOV File)
* [[Attach:|27-ClimateControl]] (20745KB Windows Media Audio/Video file)
* [[Attach:|VideoLog5]] (92KB Microsoft Word document)
Added lines 2-16:

!Video SlideShows
* [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo11.htm | c3demo ]]. Pieces together an interactive video by talking over a slideshow of screen snapshots.

!Video Sketches
* [[http://webzone.k3.mah.se/k3jolo/designVideo/ | 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
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo02.htm | Tip-Toe]] illlustrates floor buttons used to unlock a door.
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo04.htm | News Media]], a news-on-demand service showing three scenarios of use.
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo05.htm | Posthoc WorkNotes]], a rich media content management system.
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo06.htm | Our News and Sports ]]
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo07.htm | Sitep ]] uses cutout animation to tell the story.
** [[http://webzone.k3.mah.se/k3jolo/designVideo/designVideo10.htm | Sketch-A-Move]] - new concepts for toy cars. Brilliantly executed.

! Not sure how these were done...
* [[http://vimeo.com/266383 |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 :)