SlideShare a Scribd company logo
I/O Paper Prototyping
for the Future
Joselyn McDonald & Nicole Messier
Welcome
Introductions
Input/Output: Paper Prototyping for the Future
Overview
§  Design Challenge 1
§  Prototype as Practice
§  Paper as Art/Design
§  Break
§  Paper Folding Techniques
§  Design Challenge 2
§  Break
§  Intro to Paper Circuits
§  Design Challenge 3
§  Break
§  Design Challenge 4
§  Wrap-Up
Design Challenge 1
Consider what you imagined ‘the future’
would look like when you were a child. (2
min)
Now, using paper, design an interactive
item that belongs to that future scenario.
(5 min)
Prototyping as a Practice
Stanford D-School
Iterative Design Process
Stanford d.School
What is a prototype?
What is a prototype?
Prototypes are a core means of
exploring, testing, and evaluating aspects
of an interactive artifact.
Term can be ambiguous, as many
disciplines consider prototypes to be
different things.
Prototypes and Realms
Paper renderings
Paper structures
Storyboards
Video Simulations
3D Renderings
Physical Simulations
“What Do Prototypes Prototype?”, Houde and
Hill,
Why do we prototype?
Why do we prototype?
§  To provide clarity to our team and
stakeholders about our ideas
§  To better understand how users will
interact with our final artifact
§  To define and test assumptions
§  To create avenues for feedback from
users
§  To incorporate user feedback earlier
on
Paper Prototyping
Traditional Paper
Prototyping
In interaction design, paper
prototyping is an often-used
practice that allows designers
to test interactive elements of
software.
Cheap and Fast
Traditional Paper Prototyping
Traditional Paper Prototyping
Paper Prototyping 2.0
Broader Adoption of
Paper Prototyping
Artists, designers (used broadly), and
technologists are adopting paper as a
reliable medium for quickly
(and cheaply) testing installation
elements, games, interactive artwork and
more.
Sometimes, they continue to use paper in
their final design.
What Lies Beneath
Gabby O’Connor
Final Piece
What Lies Beneath
Gabby O’Connor
Paper Prototype
Edgv and Wendy Plomp
Papercave
Papercave
Edgv and Wendy Plomp
Old Farmer Brown
Hedler, Hägglund, Lundgren and
Wellence
Paper Game
Decimuted
Bea Szenfeld
“I was bored of working in fabric and
started experimenting with materials. I
fell in love with paper and what you can
create with such a simple material,”
says Szenfeld
Bea Szenfeld
Decimuted
Decimuted
Bea Szenfeld
Wad aus Wald
Takashi Kuribayashi
Wad aus Wald
Takashi Kuribayashi
Crystalline Highlands
Messier, McDonald, Matchett
Paper Installation
Messier, McDonald, Matchett
Crystalline Highlands
Crystalline Highlands
Messier, McDonald, Matchett
Michelangelo Pistoletto
Mirror of Judgement
Mirror of Judgement
Michelangelo Pistoletto
Paper Objects
Peter Gentenaar
Paper Objects
Peter Gentenaar
Paper Prototype
Kompost Backpack
J Tollington
Discussion
Paper Engineering Techniques*this section pulls from Paul Jacksons’ book Folding Techniques for Designers: From Sheet to Form
Paper Engineering
Tools
§  Paper
§  Hands
§  Pencil
§  X-Acto Knife
§  Ruler or straight edge
---------------------------------
§  Tape
§  Bone Folder
Symbols
Valley	
  Fold	
   Mountain	
  Fold	
  
Unfolded	
  Valley	
  Fold	
   Unfolded	
  Mountain	
  Fold	
  
Bring	
  the	
  	
  le5	
  
edge	
  to	
  the	
  right	
  
Bring	
  the	
  	
  right	
  edge	
  to	
  
the	
  center	
  
Symbols
Equally Dividing Paper
Equally Dividing Paper
Step 1: Fold paper in half
Equally Dividing Paper
Step 2: Fold the left and right edges of your paper to the
center edge.
Equally Dividing Paper
Step 3: Fold the left edge of your paper to the two new
edges.
Rule for Equal Divisions
For every new edge that is created, fold
the left and right edges of your paper to
the new edge.
Equally Dividing Paper
Step 4: Fold the right edge of your paper to the two new
edges.
Equally Dividing Paper
Step 5: Flip the paper over, and make the following folds
with the left edge.
Equally Dividing Paper
Step 6: Fold the right edge to the marked mountain
edges.
How would you make
grid divisions?
Rotational Divisions
Rotational Divisions
Step 1: Fold paper in half.
Rotational Divisions
Step 2: Fold the top left and right edges to the center
edge.
Remember the Rule?
For every new edge that is created, fold
the left and right edges of your paper to
the new edge.
Rotational Divisions
Step 3: Fold the left edge to the new edges.
Rotational Divisions
Step 4: Fold the right edge to the same edges.
Rotational Divisions
Step 5: Flip the paper over, and make the following folds
with the left-top edge.
Rotational Divisions
Step 6: Fold the right-top edge to the marked edges.
Rotational Variations
Rotational Divisions
Rotational Divisions
Cut two half circles with similar arcs.
Patterns
Symmetry
Translation
Translation
Let the paper make the folds.
Reflection
Reflection
Reflection
Reflection
Reflection
Reflection
Pop-ups
Pop-ups
Paper Engineering Tips
Paper Engineering Tips
§  Use the edges of the paper to divide it
into equal parts.
§  Use the dull side of an X-Acto knife to
form creases.
§  Let the paper make the difficult folds.
§  Make repetitive folds in the same
direction (valley fold or mountain fold)
to create simple closed and/or
deployable structures.
§  Do not worry about having exact
proportions for folding patterns.
§  Use the same techniques with
different edge combinations and
origins.
Design Challenge
Architecture
You are living in an urban city on a
Totokaelo, a recently inhabited planet,
that has unpredictable weather patterns.
To help protect the city’s harvest,
architects are designing smart buildings
that organically change shape
depending on the weather conditions.
Design Challenge: Use the paper folding
techniques to prototype a building that
will protect the harvest during harsh
weather conditions and nurture the
harvest during optimal weather.
Tip: Think about different shapes,
deployable forms, and letting the paper
make the folds!
Design Challenge
Clothing
As an inhabitant of Totokaelo, you need
dynamic clothing garments that help
make you visible during unpredictable
snow storms and protect you against the
wind and cold.
Design Challenge: Using paper
engineering techniques, prototype a
garment that will increase visibility and
provide protection from harsh weather.
Tip: Think about deployable forms
Break
Paper Circuits
What you’ll need!
Coin Cell Batteries – 3v
Know the positive side of the coin cell from the negative.
NegativePositive
Light Emitting Diode (LED)
The longer leg is the positive (anode) side of the LED. The shorter leg is the negative
(cathode), or ground, side of the LED.
Copper Tape
Like regular tape, but made with metal, so it
conducts electricity.
Helpful to cut tape in half.
Challenge: Bends and circles
Simple Circuit
Parallel Circuit
Copper Tape Switch
Input/Output: Paper Prototyping for the Future
Explore
Design Challenge
Architecture
You are living in an urban city on a
Totokaelo, a recently inhabited planet,
that has unpredictable weather patterns.
To help protect the city’s harvest,
architects are designing smart buildings
that organically change shape
depending on the weather conditions.
Design Challenge: Use the paper folding
techniques to prototype a building that
will protect the harvest during harsh
weather conditions and nurture the
harvest during optimal weather.
Tip: Think about switches, on/off,
deployable forms, and letting the paper
make the folds!
Design Challenge
Clothing
As an inhabitant of Totokaelo, you need
dynamic clothing garments that help
make you visible during unpredictable
snow storms and protect you against the
wind and cold.
Design Challenge: Combine paper
engineering and soft-circuit techniques
to prototype a garment that will make
you visible and protect against harsh
weather if necessary.
Tip: Think about deployable forms, on/
off switches, and functional aesthetics.
Design Challenge 4
Find your ‘item from the future’ from the
Design Challenge 1.
Redesign your ‘item from the future’ to
incorporate paper prototyping
techniques from today
(5 min)
Wrap Up
Joselyn McDonald | josmcdos@gmail.com
Nicole Messier | nicoleyimessier@gmail.com

More Related Content

PDF
CIOs Are At A Crossroads
PDF
Postindustrielles projektmanagement
DOCX
`` Educacion vial``
PDF
Explore, Exploit, and Transform Your Way to a Digital Future- Leslie Barry, T...
PDF
Designing a human centred mindset to lead at the edge
PDF
Service Design: Kompetenz Entwickeln!
PPTX
Technology Trends Transforming Communication (April 2015)
PPTX
The Past, Present and Future of Leading Lean
CIOs Are At A Crossroads
Postindustrielles projektmanagement
`` Educacion vial``
Explore, Exploit, and Transform Your Way to a Digital Future- Leslie Barry, T...
Designing a human centred mindset to lead at the edge
Service Design: Kompetenz Entwickeln!
Technology Trends Transforming Communication (April 2015)
The Past, Present and Future of Leading Lean

Viewers also liked (14)

PDF
#CSOAUS: Innovation - for a brighter future at News Corp Australia
PPTX
Prototyping Ideas
PPTX
CX Design and Journey Mapping for Social Thinkers
PDF
Update: SAP's Road to Customer-Centered Product Innovation
PDF
HR in agilen Umgebungen
PDF
Agiles Management
PDF
We Are All UX Designers!
PDF
Masters Project in Design Management: Design Thinking in Business.
PDF
Personas Bootcamp - Where Product Meets User Needs
PDF
Design Toolbox — teaching design, its processes & methods
PDF
Experiments to create your own Innovation War Room - created by @boardofinno ...
PDF
Parts Without a Whole? – The Current State of Design Thinking Practice in Org...
PPTX
Service design futures - how to create 'sociable services'
PDF
Making jobs-to-be-done actionable / Service Design Drinks
#CSOAUS: Innovation - for a brighter future at News Corp Australia
Prototyping Ideas
CX Design and Journey Mapping for Social Thinkers
Update: SAP's Road to Customer-Centered Product Innovation
HR in agilen Umgebungen
Agiles Management
We Are All UX Designers!
Masters Project in Design Management: Design Thinking in Business.
Personas Bootcamp - Where Product Meets User Needs
Design Toolbox — teaching design, its processes & methods
Experiments to create your own Innovation War Room - created by @boardofinno ...
Parts Without a Whole? – The Current State of Design Thinking Practice in Org...
Service design futures - how to create 'sociable services'
Making jobs-to-be-done actionable / Service Design Drinks
Ad

Similar to Input/Output: Paper Prototyping for the Future (20)

PDF
Pop up paper engineering - cu boulder & centaurus
PDF
Origamic Architecture
PPTX
Paper expressions
DOCX
Transcending Commonplace Art Making Materials
DOC
A workshop improving learning in the science classroom
PDF
Spring lesson-plans
PDF
Kids craft thecrafideas.com
PPTX
Improvised refracting telescope
PPT
Hollow ring final
PPTX
Creating Bulletin Boards
PPT
Tessellation project
PPTX
2 D to 3D foamboard art -3D Design project
PDF
How to-design-a-parametric-bookcase
PPTX
Visual verbs
PPTX
gcse product design coursework
PPT
Tessellation project
PPT
Putting us on the Radar
Pop up paper engineering - cu boulder & centaurus
Origamic Architecture
Paper expressions
Transcending Commonplace Art Making Materials
A workshop improving learning in the science classroom
Spring lesson-plans
Kids craft thecrafideas.com
Improvised refracting telescope
Hollow ring final
Creating Bulletin Boards
Tessellation project
2 D to 3D foamboard art -3D Design project
How to-design-a-parametric-bookcase
Visual verbs
gcse product design coursework
Tessellation project
Putting us on the Radar
Ad

Recently uploaded (20)

PPTX
Special finishes, classification and types, explanation
PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
12. Community Pharmacy and How to organize it
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
PDF
Phone away, tabs closed: No multitasking
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PDF
The Advantages of Working With a Design-Build Studio
PDF
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
High-frequency high-voltage transformer outline drawing
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
BRANDBOOK-Presidential Award Scheme-Kenya-2023
PPTX
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
PPTX
artificialintelligencedata driven analytics23.pptx
Special finishes, classification and types, explanation
YV PROFILE PROJECTS PROFILE PRES. DESIGN
YOW2022-BNE-MinimalViableArchitecture.pdf
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
12. Community Pharmacy and How to organize it
DOC-20250430-WA0014._20250714_235747_0000.pptx
Causes of Flooding by Slidesgo sdnl;asnjdl;asj.pptx
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Wio LTE JP Version v1.3b- 4G, Cat.1, Espruino Compatible\202001935, PCBA;Wio ...
Phone away, tabs closed: No multitasking
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
The Advantages of Working With a Design-Build Studio
Design Thinking - Module 1 - Introduction To Design Thinking - Dr. Rohan Dasg...
Wisp Textiles: Where Comfort Meets Everyday Style
Quality Control Management for RMG, Level- 4, Certificate
High-frequency high-voltage transformer outline drawing
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
BRANDBOOK-Presidential Award Scheme-Kenya-2023
AC-Unit1.pptx CRYPTOGRAPHIC NNNNFOR ALL
artificialintelligencedata driven analytics23.pptx

Input/Output: Paper Prototyping for the Future