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

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