Playing with Constraints: The value of interactive prototypes in driving the design process
-
Upload
haiyan -
Category
Technology
-
view
112 -
download
3
description
Transcript of Playing with Constraints: The value of interactive prototypes in driving the design process
![Page 1: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/1.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Playing with Constraints
The value of interactive prototypes in driving the design process
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
![Page 2: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/2.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
• Interaction Designer• Computer science, programming, flash• IDII• IDEO
• Into prototyping and new play experiences
Introduction
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
![Page 4: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/4.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected] Freaks
![Page 9: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/9.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Overview
• Interactive prototypes allow you to work with the constraints of technology
• Discover new design opportunities through playing with these constraints
• Technology is not the only dimension of constraint
![Page 10: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/10.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
1. Interactive prototypes allow you to work with the constraints of technology
![Page 11: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/11.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
• Graphic sketch: layout, screen proportions, visual forms, interface controls
• Interactive prototype (Flash, Processing): animation, behavior, timing, real data
![Page 12: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/12.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
“You discover new possibilities of making & design through
putting things together.”Jack Schulze, schulzeandwebb.com
![Page 13: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/13.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
![Page 14: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/14.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
2. Discover new design opportunities
• Once you’ve turned your design into a system - you can play with the configuration of that system to generate new design opportunities.
• Work within constraints to refine your design
• Observe others interacting with the prototype in unexpected ways
![Page 15: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/15.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Case Study: Holistic Empathy - Internet Radio
Henry Holland, RCA
![Page 16: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/16.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Playing with configuration
System Constraints Design Potential
One puckFixed mountingFixed sized board
Wall-mountedtuning system
![Page 17: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/17.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Playing with configuration
System Constraints
One puckFixed mountingFixed sized board
Wall-mountedtuning system
Design Potential
![Page 18: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/18.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Playing with configuration
System Constraints
One puckFixed mountingFixed sized board
Wall-mountedtuning system
Multiple pucksAny size canvasAny flat surface
2 people tuningBooks for the blindAugmented atlases
Design Potential
![Page 19: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/19.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Playing with configuration
System Constraints
One puckFixed mountingFixed sized board
Wall-mountedtuning system
Multiple pucksAny size canvasAny flat surface
2 people tuningBooks for the blindAugmented atlases
Left Brain Right Brain
Design Potential
![Page 21: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/21.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Working with constraints
System Constraints Potential
Binary tiltVibrations send false positives
Tilt Sensor
Accelerometer
Accelerometer + Gyro?Accelerometer + Compas?
Can detect distinctmovement in 2 directionsAbout 2 levels of activity
![Page 22: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/22.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Case Study: Playing with Prototypes
Miguel Mora, RCA
![Page 23: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/23.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Case Study: Playing with Prototypes
Adrian Westaway, RCA
![Page 24: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/24.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
3. Technology is not the only dimension of constraint
• You can also play with other constraints in the prototype– Physical form (it’s heaviness, stiffness)– Affordance (what can I do with it? It
can be held, thrown, squeezed)– Narrative (why would I want to do this?
What is the meaning behind this interaction?)
![Page 25: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/25.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
![Page 27: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/27.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Summary
• Interactive prototypes should be part of early design exploration
• By creating interactive prototypes you:– Discover and work with the constraints of the technology– Play with the configuration of the prototype to change
constraints and discover new design opportunities– Observe others interact with your prototype, sometimes
in unexpected ways, and discover new opportunities
• Technology is not the only dimension of constraint
![Page 28: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/28.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected]
Implications for physical prototyping tools• Help me understand the constraints• Help me play with constraints
– Easily reconfigure the system– Suggest technology alternatives
• Help me test the constraints with others– Robust– Easily reproducible, transportable
• Help me play with constraints in other dimensions– Physical form of the prototype– Build new shapes– Attach to existing objects
![Page 29: Playing with Constraints: The value of interactive prototypes in driving the design process](https://reader035.fdocuments.net/reader035/viewer/2022062617/54c82aa64a7959b1368b4578/html5/thumbnails/29.jpg)
Haiyan Zhang . Sketching 07 . San Francisco . [email protected] Zhang . Sketching 07 . San Francisco . [email protected]