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

Slide 1: Playing with Constraints The value of interactive prototypes in driving the des ign proces s Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 2: Introduction • Interaction Designer • Computer science, programming, flash • IDII • IDEO • Into prototyping and new play experiences Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 3: Interaction Des ign Thes is Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 4: Control Freaks Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 5: Control Freaks Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 6: IDEO Prototyping Workshop Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 9: 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 Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 10: 1. Interactive prototypes allow you to work with the constraints of technology Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 11: • Graphic s ketch: layout, screen proportions, visual forms, interface controls • Interactive prototype (Flas h, Proces s ing): animation, behavior, timing, real data Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 12: “You discover new possibilities of making & design through putting things together.” Jack S chulze, s chulzeandwebb.com Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 13: Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 14: 1. Discover new design opportunities • Once you’ve turned your design into a s ystem - 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 Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 15: Case S tudy: Holistic Empathy - Internet Radio Henry Holland, RCA Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 16: Playing with configuration Constraints Design Potential S ys tem One puck Wall-mounted Fixed mounting tuning system Fixed sized board Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 17: Playing with configuration Constraints Design Potential S ys tem One puck Wall-mounted Fixed mounting tuning system Fixed sized board Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 18: Playing with configuration Constraints Design Potential S ys tem One puck Wall-mounted Fixed mounting tuning system Fixed sized board Multiple pucks 2 people tuning Any s ize canvas Books for the blind Any flat s urface Augmented atlas es Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 19: Playing with configuration Constraints Design Potential S ys tem One puck Wall-mounted Fixed mounting tuning system Fixed sized board Left Brain Right Brain Multiple pucks 2 people tuning Any s ize canvas Books for the blind Any flat s urface Augmented atlas es Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 20: Case S tudy: Control Freaks Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 21: Working with constraints Constraints Potential S ys tem Binary tilt Tilt S ensor Vibrations send false positives Can detect dis tinct Accelerometer movement in 2 directions About 2 levels of activity Accelerometer + Gyro? Accelerometer + Compas ? Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 22: Case S tudy: Playing with Prototypes Miguel Mora, RCA Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 23: Case S tudy: Playing with Prototypes Adrian Westaway, RCA Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 24: 1. Technology is not the only dimension of constraint • You can als o play with other cons traints in the prototype – Physical form (it’s heaviness, stiffness) – Affordance (what can I do with it? It can be held, thrown, s queezed) – Narrative (why would I want to do this? What is the meaning behind this interaction? ) Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 26: Us e other forms of prototyping Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 27: S ummary • Interactive prototypes should be part of early design exploration • By creating interactive prototypes you: – Discover and work with the cons traints of the technology – Play with the configuration of the prototype to change cons traints and dis cover new des ign opportunities – Obs erve others interact with your prototype, s ometimes in unexpected ways, and dis cover new opportunities • Technology is not the only dimension of constraint Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slide 28: Implications for physical prototyping tools • Help me understand the constraints • Help me play with constraints – Eas ily reconfigure the s ys tem – S uggest technology alternatives • Help me test the constraints with others – Robus t – Eas ily reproducible, trans portable • Help me play with constraints in other dimensions – Phys ical form of the prototype – Build new shapes – Attach to exis ting objects Haiyan Zhang . S ketching 07 . S an Francis co . hzhang@ideo.com

Slideshare.net (beta)