playing with constraints: the value of interactive prototypes in driving the design process

29
Haiyan Zhang . Sketching 07 . San Francisco . hzhang@i Playing with Constraints The value of interactive prototypes in driving the design process Haiyan Zhang . Sketching 07 . San Francisco . hzhang@i

Upload: haiyan

Post on 28-Jan-2015

107 views

Category:

Technology


3 download

DESCRIPTION

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

TRANSCRIPT

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

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

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 3: Playing with Constraints: The value of interactive prototypes in driving the design process

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

Interaction Design Thesis

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected] Freaks

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

Control Freaks

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

IDEO Prototyping Workshop

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

IDEO Prototyping Workshop

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

IDEO Prototyping Workshop

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

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

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

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

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

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

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

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

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

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

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

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 20: Playing with Constraints: The value of interactive prototypes in driving the design process

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

Case Study: Control Freaks

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

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

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

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

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected]

Use other forms of prototyping

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

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

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

Haiyan Zhang . Sketching 07 . San Francisco . [email protected] Zhang . Sketching 07 . San Francisco . [email protected]