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

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


Step 1: Fold paper in half


Step 2: Fold the left and right edges of your paper to the center edge.


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.


Step 4: Fold the right edge of your paper to the two new edges.


Step 5: Flip the paper over, and make the following folds with the left edge.


Step 6: Fold the right edge to the marked mountain edges.

How would you make grid divisions?

Rotational Divisions


Step 1: Fold paper in half.


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.


Step 3: Fold the left edge to the new edges.


Step 4: Fold the right edge to the same edges.


Step 5: Flip the paper over, and make the following folds with the left-top edge.


Step 6: Fold the right-top edge to the marked edges.

Rotational Variations



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.

Negative Positive

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 | [email protected] Nicole Messier | [email protected]