SlideShare a Scribd company logo
Playing with Constraints The value of interactive prototypes in driving the design process Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
Interaction Designer Computer science, programming, flash IDII IDEO Into prototyping and new play experiences Introduction Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
Interaction Design Thesis
Control Freaks
Control Freaks
IDEO Prototyping Workshop
IDEO Prototyping Workshop
IDEO Prototyping Workshop
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
Interactive prototypes allow you to work with the constraints of technology
Graphic sketch:  layout, screen proportions, visual forms, interface controls Interactive prototype (Flash, Processing):  animation, behavior, timing, real data
“ You discover new possibilities of making & design through putting things together.” Jack Schulze, schulzeandwebb.com
 
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
Case Study: Holistic Empathy - Internet Radio Henry Holland, RCA
Playing with configuration System Constraints Design Potential One puck Fixed mounting Fixed sized board Wall-mounted tuning system
Playing with configuration System Constraints One puck Fixed mounting Fixed sized board Wall-mounted tuning system Design Potential
Playing with configuration System 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
Playing with configuration System 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
Case Study: Control Freaks
Working with constraints System 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
Case Study: Playing with Prototypes Miguel Mora, RCA
Case Study: Playing with Prototypes Adrian Westaway, RCA
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?)
 
Use other forms of prototyping
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
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
Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com

More Related Content

PPT
Design for results2
PPTX
Design for Results - Considerations for experimental prototyping and play tes...
PPT
2011 the role of the game designer
PPT
Introduction to CS60171 (2009)
PDF
Being a Blogging Consultant
PPT
Communicare Wo W! Services (Personal)
PPT
La scuola siamo noi: Matteucci Garibaldi
PPT
Internet Is Fun
Design for results2
Design for Results - Considerations for experimental prototyping and play tes...
2011 the role of the game designer
Introduction to CS60171 (2009)
Being a Blogging Consultant
Communicare Wo W! Services (Personal)
La scuola siamo noi: Matteucci Garibaldi
Internet Is Fun

Viewers also liked (20)

ODP
Waiting For The Babel Fish
PPT
Manpower
ODP
How Blogging Brings Dialogue To Corporate Communications
PPTX
Revelation intro
PDF
Web Application Security: OWASP TOP 10 2010 tra rischi, attacchi e difese
PDF
Jh Student Handbook 09 10
PDF
6mythsaboutservicelearning
PPT
Web 2.0 and Learning and Teaching
PPT
Hea.Keynote
PPT
Born To Sing Living Your Childhood Dreams
PPT
Enterprise2
PDF
6mythsaboutservicelearning
PPT
Co Development Trend
PPT
How To Add Email To Mailing List
PPT
Teenagers and Blogs
PPT
Standards WakeUp: XHTML, CSS, Accessibilità e Semantica
XLS
2010 Practice And Game Schedule
ODP
Waiting for the Babel Fish: Languages and Multilingualism
Waiting For The Babel Fish
Manpower
How Blogging Brings Dialogue To Corporate Communications
Revelation intro
Web Application Security: OWASP TOP 10 2010 tra rischi, attacchi e difese
Jh Student Handbook 09 10
6mythsaboutservicelearning
Web 2.0 and Learning and Teaching
Hea.Keynote
Born To Sing Living Your Childhood Dreams
Enterprise2
6mythsaboutservicelearning
Co Development Trend
How To Add Email To Mailing List
Teenagers and Blogs
Standards WakeUp: XHTML, CSS, Accessibilità e Semantica
2010 Practice And Game Schedule
Waiting for the Babel Fish: Languages and Multilingualism
Ad

Similar to Playing with Constraints: The value of interactive prototypes in driving the design process (20)

PDF
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
PPTX
Prototyping and storyboarding.pptx
PDF
L8_COMP1649_Prototyping_1819.pdf
PPTX
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx
PDF
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
PPTX
Prototyping Ideas
PPTX
User Vision Breakfast Briefing - Prototyping
PDF
COMP 4026 Lecture3 Prototyping and Evaluation
PPT
Lecture 11.pptHuman Computer Interaction
PDF
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping
PPT
Designing and prototyping
PDF
Prototyping for knowledge based entrepreneurship
PPT
Lecture 07 new1
PDF
Prototyping to the North Star
PDF
Prototyping - 2015 PhillyCHI UX Workshop Series
PPT
Interface prototyping 2014
PPTX
EIA2019Italy - Design Thinking & Paper Prototyping - Ali El Amrani
PDF
Interaction Design prototype with UI UX perspective
PDF
Week 12
PPT
Chapter4_protyping and construction_uidppt.ppt
Rapid Prototyping for XR: Lecture 1 Introduction to Prototyping
Prototyping and storyboarding.pptx
L8_COMP1649_Prototyping_1819.pdf
20210821151927_ISYS6619-UX for Digital Business Topik 09.pptx
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
Prototyping Ideas
User Vision Breakfast Briefing - Prototyping
COMP 4026 Lecture3 Prototyping and Evaluation
Lecture 11.pptHuman Computer Interaction
APIA2018 - Zahra Tashakorinia - Design Hacks & Paper Prototyping
Designing and prototyping
Prototyping for knowledge based entrepreneurship
Lecture 07 new1
Prototyping to the North Star
Prototyping - 2015 PhillyCHI UX Workshop Series
Interface prototyping 2014
EIA2019Italy - Design Thinking & Paper Prototyping - Ali El Amrani
Interaction Design prototype with UI UX perspective
Week 12
Chapter4_protyping and construction_uidppt.ppt
Ad

Recently uploaded (20)

PDF
Network Security Unit 5.pdf for BCA BBA.
PPT
Teaching material agriculture food technology
PDF
Encapsulation theory and applications.pdf
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
Spectroscopy.pptx food analysis technology
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Cloud computing and distributed systems.
Network Security Unit 5.pdf for BCA BBA.
Teaching material agriculture food technology
Encapsulation theory and applications.pdf
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Per capita expenditure prediction using model stacking based on satellite ima...
Diabetes mellitus diagnosis method based random forest with bat algorithm
Big Data Technologies - Introduction.pptx
Programs and apps: productivity, graphics, security and other tools
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectroscopy.pptx food analysis technology
Digital-Transformation-Roadmap-for-Companies.pptx
Machine learning based COVID-19 study performance prediction
Reach Out and Touch Someone: Haptics and Empathic Computing
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Review of recent advances in non-invasive hemoglobin estimation
Cloud computing and distributed systems.

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

  • 1. Playing with Constraints The value of interactive prototypes in driving the design process Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
  • 2. Interaction Designer Computer science, programming, flash IDII IDEO Into prototyping and new play experiences Introduction Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com
  • 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
  • 10. Interactive prototypes allow you to work with the constraints of technology
  • 11. Graphic sketch: layout, screen proportions, visual forms, interface controls Interactive prototype (Flash, Processing): animation, behavior, timing, real data
  • 12. “ You discover new possibilities of making & design through putting things together.” Jack Schulze, schulzeandwebb.com
  • 13.  
  • 14. 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
  • 15. Case Study: Holistic Empathy - Internet Radio Henry Holland, RCA
  • 16. Playing with configuration System Constraints Design Potential One puck Fixed mounting Fixed sized board Wall-mounted tuning system
  • 17. Playing with configuration System Constraints One puck Fixed mounting Fixed sized board Wall-mounted tuning system Design Potential
  • 18. Playing with configuration System 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
  • 19. Playing with configuration System 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
  • 21. Working with constraints System 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
  • 22. Case Study: Playing with Prototypes Miguel Mora, RCA
  • 23. Case Study: Playing with Prototypes Adrian Westaway, RCA
  • 24. 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?)
  • 25.  
  • 26. Use other forms of prototyping
  • 27. 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
  • 28. 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
  • 29. Haiyan Zhang . Sketching 07 . San Francisco . hzhang@ideo.com