io paper prototyping for the future
TRANSCRIPT
![Page 1: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/1.jpg)
I/O Paper Prototyping for the Future
Joselyn McDonald & Nicole Messier
![Page 2: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/2.jpg)
Welcome
![Page 3: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/3.jpg)
Introductions
![Page 4: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/4.jpg)
![Page 5: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/5.jpg)
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
![Page 6: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/6.jpg)
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)
![Page 7: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/7.jpg)
Prototyping as a Practice
![Page 8: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/8.jpg)
Stanford D-School Iterative Design Process
Stanford d.School
![Page 9: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/9.jpg)
What is a prototype?
![Page 10: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/10.jpg)
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.
![Page 11: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/11.jpg)
Prototypes and Realms Paper renderings Paper structures Storyboards Video Simulations 3D Renderings Physical Simulations
“What Do Prototypes Prototype?”, Houde and Hill,
![Page 12: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/12.jpg)
Why do we prototype?
![Page 13: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/13.jpg)
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
![Page 14: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/14.jpg)
Paper Prototyping
![Page 15: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/15.jpg)
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
![Page 16: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/16.jpg)
Traditional Paper Prototyping
![Page 17: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/17.jpg)
Traditional Paper Prototyping
![Page 18: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/18.jpg)
Paper Prototyping 2.0
![Page 19: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/19.jpg)
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.
![Page 20: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/20.jpg)
What Lies Beneath Gabby O’Connor Final Piece
![Page 21: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/21.jpg)
What Lies Beneath Gabby O’Connor Paper Prototype
![Page 22: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/22.jpg)
Edgv and Wendy Plomp Papercave
Papercave Edgv and Wendy Plomp
![Page 23: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/23.jpg)
Old Farmer Brown Hedler, Hägglund, Lundgren and Wellence Paper Game
![Page 24: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/24.jpg)
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
![Page 25: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/25.jpg)
Bea Szenfeld Decimuted
Decimuted Bea Szenfeld
![Page 26: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/26.jpg)
Wad aus Wald Takashi Kuribayashi
![Page 27: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/27.jpg)
Wad aus Wald Takashi Kuribayashi
![Page 28: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/28.jpg)
Crystalline Highlands Messier, McDonald, Matchett Paper Installation
![Page 29: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/29.jpg)
Messier, McDonald, Matchett Crystalline Highlands
Crystalline Highlands Messier, McDonald, Matchett
![Page 30: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/30.jpg)
Michelangelo Pistoletto Mirror of Judgement
Mirror of Judgement Michelangelo Pistoletto
![Page 31: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/31.jpg)
Paper Objects Peter Gentenaar
![Page 32: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/32.jpg)
Paper Objects Peter Gentenaar Paper Prototype
![Page 33: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/33.jpg)
Kompost Backpack J Tollington
![Page 34: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/34.jpg)
Discussion
![Page 35: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/35.jpg)
Paper Engineering Techniques *this section pulls from Paul Jacksons’ book Folding Techniques for Designers: From Sheet to Form
![Page 36: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/36.jpg)
Paper Engineering Tools
§ Paper § Hands § Pencil § X-Acto Knife § Ruler or straight edge --------------------------------- § Tape § Bone Folder
![Page 37: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/37.jpg)
Symbols
![Page 38: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/38.jpg)
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
![Page 39: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/39.jpg)
Equally Dividing Paper
![Page 40: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/40.jpg)
Equally Dividing Paper
Step 1: Fold paper in half
![Page 41: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/41.jpg)
Equally Dividing Paper
Step 2: Fold the left and right edges of your paper to the center edge.
![Page 42: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/42.jpg)
Equally Dividing Paper
Step 3: Fold the left edge of your paper to the two new edges.
![Page 43: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/43.jpg)
Rule for Equal Divisions
For every new edge that is created, fold the left and right edges of your paper to the new edge.
![Page 44: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/44.jpg)
Equally Dividing Paper
Step 4: Fold the right edge of your paper to the two new edges.
![Page 45: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/45.jpg)
Equally Dividing Paper
Step 5: Flip the paper over, and make the following folds with the left edge.
![Page 46: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/46.jpg)
Equally Dividing Paper
Step 6: Fold the right edge to the marked mountain edges.
![Page 47: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/47.jpg)
How would you make grid divisions?
![Page 48: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/48.jpg)
Rotational Divisions
![Page 49: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/49.jpg)
Rotational Divisions
Step 1: Fold paper in half.
![Page 50: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/50.jpg)
Rotational Divisions
Step 2: Fold the top left and right edges to the center edge.
![Page 51: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/51.jpg)
Remember the Rule?
For every new edge that is created, fold the left and right edges of your paper to the new edge.
![Page 52: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/52.jpg)
Rotational Divisions
Step 3: Fold the left edge to the new edges.
![Page 53: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/53.jpg)
Rotational Divisions
Step 4: Fold the right edge to the same edges.
![Page 54: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/54.jpg)
Rotational Divisions
Step 5: Flip the paper over, and make the following folds with the left-top edge.
![Page 55: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/55.jpg)
Rotational Divisions
Step 6: Fold the right-top edge to the marked edges.
![Page 56: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/56.jpg)
Rotational Variations
![Page 57: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/57.jpg)
Rotational Divisions
![Page 58: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/58.jpg)
Rotational Divisions
Cut two half circles with similar arcs.
![Page 59: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/59.jpg)
Patterns
![Page 60: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/60.jpg)
Symmetry
![Page 61: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/61.jpg)
Translation
![Page 62: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/62.jpg)
Translation
![Page 63: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/63.jpg)
Let the paper make the folds.
![Page 64: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/64.jpg)
Reflection
![Page 65: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/65.jpg)
Reflection
![Page 66: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/66.jpg)
Reflection
![Page 67: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/67.jpg)
Reflection
![Page 68: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/68.jpg)
Reflection
![Page 69: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/69.jpg)
Reflection
![Page 70: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/70.jpg)
Pop-ups
![Page 71: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/71.jpg)
Pop-ups
![Page 72: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/72.jpg)
Paper Engineering Tips
![Page 73: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/73.jpg)
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.
![Page 74: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/74.jpg)
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!
![Page 75: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/75.jpg)
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
![Page 76: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/76.jpg)
Break
![Page 77: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/77.jpg)
Paper Circuits
![Page 78: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/78.jpg)
What you’ll need!
![Page 79: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/79.jpg)
Coin Cell Batteries – 3v
Know the positive side of the coin cell from the negative.
Negative Positive
![Page 80: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/80.jpg)
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.
![Page 81: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/81.jpg)
Copper Tape Like regular tape, but made with metal, so it conducts electricity. Helpful to cut tape in half. Challenge: Bends and circles
![Page 82: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/82.jpg)
Simple Circuit
![Page 83: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/83.jpg)
Parallel Circuit
![Page 84: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/84.jpg)
Copper Tape Switch
![Page 85: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/85.jpg)
![Page 86: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/86.jpg)
Explore
![Page 87: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/87.jpg)
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!
![Page 88: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/88.jpg)
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.
![Page 89: Io paper prototyping for the future](https://reader030.vdocuments.us/reader030/viewer/2022032504/55c34761bb61ebb87b8b467f/html5/thumbnails/89.jpg)
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)