Playing with Constraints The value of interactive prototypes in driving the design process Haiyan Zhang . Sketching 07 . S...
<ul><li>Interaction Designer </li></ul><ul><li>Computer science, programming, flash </li></ul><ul><li>IDII </li></ul><ul><...
Interaction Design Thesis
Control Freaks
Control Freaks
IDEO Prototyping Workshop
IDEO Prototyping Workshop
IDEO Prototyping Workshop
Overview <ul><li>Interactive prototypes allow you to work with the constraints of technology  </li></ul><ul><li>Discover n...
<ul><li>Interactive prototypes allow you to work with the constraints of technology </li></ul>
<ul><li>Graphic sketch:  layout, screen proportions, visual forms, interface controls </li></ul><ul><li>Interactive protot...
<ul><li>“ You discover new possibilities of making & design through putting things together.” </li></ul>Jack Schulze, schu...
 
<ul><li>Discover new design opportunities  </li></ul><ul><li>Once you’ve turned your design into a system - you can play w...
Case Study: Holistic Empathy - Internet Radio Henry Holland, RCA
Playing with configuration <ul><li>System </li></ul>Constraints Design Potential One puck Fixed mounting Fixed sized board...
Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tun...
Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tun...
Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tun...
Case Study: Control Freaks
Working with constraints <ul><li>System </li></ul>Constraints Potential Binary tilt Vibrations send  false positives Tilt ...
Case Study: Playing with Prototypes Miguel Mora, RCA
Case Study: Playing with Prototypes Adrian Westaway, RCA
<ul><li>Technology is not the only dimension of constraint </li></ul><ul><li>You can also play with other constraints in t...
 
Use other forms of prototyping
Summary <ul><li>Interactive prototypes should be part of early design exploration  </li></ul><ul><li>By creating interacti...
Implications for physical prototyping tools <ul><li>Help me understand the constraints </li></ul><ul><li>Help me play with...
Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
Upcoming SlideShare
Loading in …5
×

Playing with Constraints: The value of interactive prototypes in driving the design process

3,944 views
3,839 views

Published on

Interactive prototypes allow you to work with the constraints of technology, and discover new design opportunities through playing with these constraints.

Published in: Technology, Business
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,944
On SlideShare
0
From Embeds
0
Number of Embeds
41
Actions
Shares
0
Downloads
170
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Playing with Constraints: The value of interactive prototypes in driving the design process

  1. 1. Playing with Constraints The value of interactive prototypes in driving the design process Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
  2. 2. <ul><li>Interaction Designer </li></ul><ul><li>Computer science, programming, flash </li></ul><ul><li>IDII </li></ul><ul><li>IDEO </li></ul><ul><li>Into prototyping and new play experiences </li></ul>Introduction Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
  3. 3. Interaction Design Thesis
  4. 4. Control Freaks
  5. 5. Control Freaks
  6. 6. IDEO Prototyping Workshop
  7. 7. IDEO Prototyping Workshop
  8. 8. IDEO Prototyping Workshop
  9. 9. Overview <ul><li>Interactive prototypes allow you to work with the constraints of technology </li></ul><ul><li>Discover new design opportunities through playing with these constraints </li></ul><ul><li>Technology is not the only dimension of constraint </li></ul>
  10. 10. <ul><li>Interactive prototypes allow you to work with the constraints of technology </li></ul>
  11. 11. <ul><li>Graphic sketch: layout, screen proportions, visual forms, interface controls </li></ul><ul><li>Interactive prototype (Flash, Processing): animation, behavior, timing, real data </li></ul>
  12. 12. <ul><li>“ You discover new possibilities of making & design through putting things together.” </li></ul>Jack Schulze, schulzeandwebb.com
  13. 14. <ul><li>Discover new design opportunities </li></ul><ul><li>Once you’ve turned your design into a system - you can play with the configuration of that system to generate new design opportunities. </li></ul><ul><li>Work within constraints to refine your design </li></ul><ul><li>Observe others interacting with the prototype in unexpected ways </li></ul>
  14. 15. Case Study: Holistic Empathy - Internet Radio Henry Holland, RCA
  15. 16. Playing with configuration <ul><li>System </li></ul>Constraints Design Potential One puck Fixed mounting Fixed sized board Wall-mounted tuning system
  16. 17. Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tuning system Design Potential
  17. 18. Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tuning system Multiple pucks Any size canvas Any flat surface 2 people tuning Books for the blind Augmented atlases Design Potential
  18. 19. Playing with configuration <ul><li>System </li></ul>Constraints One puck Fixed mounting Fixed sized board Wall-mounted tuning system Multiple pucks Any size canvas Any flat surface 2 people tuning Books for the blind Augmented atlases Left Brain Right Brain Design Potential
  19. 20. Case Study: Control Freaks
  20. 21. Working with constraints <ul><li>System </li></ul>Constraints Potential Binary tilt Vibrations send false positives Tilt Sensor Accelerometer Accelerometer + Gyro? Accelerometer + Compas? Can detect distinct movement in 2 directions About 2 levels of activity
  21. 22. Case Study: Playing with Prototypes Miguel Mora, RCA
  22. 23. Case Study: Playing with Prototypes Adrian Westaway, RCA
  23. 24. <ul><li>Technology is not the only dimension of constraint </li></ul><ul><li>You can also play with other constraints in the prototype </li></ul><ul><ul><li>Physical form (it’s heaviness, stiffness) </li></ul></ul><ul><ul><li>Affordance (what can I do with it? It can be held, thrown, squeezed) </li></ul></ul><ul><ul><li>Narrative (why would I want to do this? What is the meaning behind this interaction?) </li></ul></ul>
  24. 26. Use other forms of prototyping
  25. 27. Summary <ul><li>Interactive prototypes should be part of early design exploration </li></ul><ul><li>By creating interactive prototypes you: </li></ul><ul><ul><li>Discover and work with the constraints of the technology </li></ul></ul><ul><ul><li>Play with the configuration of the prototype to change constraints and discover new design opportunities </li></ul></ul><ul><ul><li>Observe others interact with your prototype, sometimes in unexpected ways, and discover new opportunities </li></ul></ul><ul><li>Technology is not the only dimension of constraint </li></ul>
  26. 28. Implications for physical prototyping tools <ul><li>Help me understand the constraints </li></ul><ul><li>Help me play with constraints </li></ul><ul><ul><li>Easily reconfigure the system </li></ul></ul><ul><ul><li>Suggest technology alternatives </li></ul></ul><ul><li>Help me test the constraints with others </li></ul><ul><ul><li>Robust </li></ul></ul><ul><ul><li>Easily reproducible, transportable </li></ul></ul><ul><li>Help me play with constraints in other dimensions </li></ul><ul><ul><li>Physical form of the prototype </li></ul></ul><ul><ul><li>Build new shapes </li></ul></ul><ul><ul><li>Attach to existing objects </li></ul></ul>
  27. 29. Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com

×