Input/Output: Paper Prototyping for the Future

I/O Paper Prototyping for the Future Joselyn McDonald & Nicole Messier

Welcome

Introductions

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 diﬀerent 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 ﬁnal artifact §  To deﬁne 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

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 ﬁnal 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

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

Let the paper make the folds.

Reﬂection

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 diﬃcult 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 diﬀerent 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 diﬀerent 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

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/oﬀ, 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/ oﬀ 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