Io paper prototyping for the future

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

Transcript of Io paper prototyping for the future

Page 1: Io paper prototyping for the future

I/O Paper Prototyping for the Future

Joselyn McDonald & Nicole Messier

Page 2: Io paper prototyping for the future

Welcome

Page 3: Io paper prototyping for the future

Introductions

Page 4: Io paper prototyping for the future
Page 5: Io 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

Page 6: Io paper prototyping for the future

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

Prototyping as a Practice

Page 8: Io paper prototyping for the future

Stanford D-School Iterative Design Process

Stanford d.School

Page 9: Io paper prototyping for the future

What is a prototype?

Page 10: Io paper prototyping for the future

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

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

Why do we prototype?

Page 13: Io paper prototyping for the future

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

Paper Prototyping

Page 15: Io paper prototyping for the future

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

Traditional Paper Prototyping

Page 17: Io paper prototyping for the future

Traditional Paper Prototyping

Page 18: Io paper prototyping for the future

Paper Prototyping 2.0

Page 19: Io paper prototyping for the future

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

What Lies Beneath Gabby O’Connor Final Piece

Page 21: Io paper prototyping for the future

What Lies Beneath Gabby O’Connor Paper Prototype

Page 22: Io paper prototyping for the future

Edgv and Wendy Plomp Papercave

Papercave Edgv and Wendy Plomp

Page 23: Io paper prototyping for the future

Old Farmer Brown Hedler, Hägglund, Lundgren and Wellence Paper Game

Page 24: Io paper prototyping for the future

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

Bea Szenfeld Decimuted

Decimuted Bea Szenfeld

Page 26: Io paper prototyping for the future

Wad aus Wald Takashi Kuribayashi

Page 27: Io paper prototyping for the future

Wad aus Wald Takashi Kuribayashi

Page 28: Io paper prototyping for the future

Crystalline Highlands Messier, McDonald, Matchett Paper Installation

Page 29: Io paper prototyping for the future

Messier, McDonald, Matchett Crystalline Highlands

Crystalline Highlands Messier, McDonald, Matchett

Page 30: Io paper prototyping for the future

Michelangelo Pistoletto Mirror of Judgement

Mirror of Judgement Michelangelo Pistoletto

Page 31: Io paper prototyping for the future

Paper Objects Peter Gentenaar

Page 32: Io paper prototyping for the future

Paper Objects Peter Gentenaar Paper Prototype

Page 33: Io paper prototyping for the future

Kompost Backpack J Tollington

Page 34: Io paper prototyping for the future

Discussion

Page 35: Io paper prototyping for the future

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

Paper Engineering Tools

§  Paper §  Hands §  Pencil §  X-Acto Knife §  Ruler or straight edge --------------------------------- §  Tape §  Bone Folder

Page 37: Io paper prototyping for the future

Symbols

Page 38: Io paper prototyping for the future

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

Equally Dividing Paper

Page 40: Io paper prototyping for the future

Equally Dividing Paper

Step 1: Fold paper in half

Page 41: Io paper prototyping for the future

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

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

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

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

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

Equally Dividing Paper

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

Page 47: Io paper prototyping for the future

How would you make grid divisions?

Page 48: Io paper prototyping for the future

Rotational Divisions

Page 49: Io paper prototyping for the future

Rotational Divisions

Step 1: Fold paper in half.

Page 50: Io paper prototyping for the future

Rotational Divisions

Step 2: Fold the top left and right edges to the center edge.

Page 51: Io paper prototyping for the future

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

Rotational Divisions

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

Page 53: Io paper prototyping for the future

Rotational Divisions

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

Page 54: Io paper prototyping for the future

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

Rotational Divisions

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

Page 56: Io paper prototyping for the future

Rotational Variations

Page 57: Io paper prototyping for the future

Rotational Divisions

Page 58: Io paper prototyping for the future

Rotational Divisions

Cut two half circles with similar arcs.

Page 59: Io paper prototyping for the future

Patterns

Page 60: Io paper prototyping for the future

Symmetry

Page 61: Io paper prototyping for the future

Translation

Page 62: Io paper prototyping for the future

Translation

Page 63: Io paper prototyping for the future

Let the paper make the folds.

Page 64: Io paper prototyping for the future

Reflection

Page 65: Io paper prototyping for the future

Reflection

Page 66: Io paper prototyping for the future

Reflection

Page 67: Io paper prototyping for the future

Reflection

Page 68: Io paper prototyping for the future

Reflection

Page 69: Io paper prototyping for the future

Reflection

Page 70: Io paper prototyping for the future

Pop-ups

Page 71: Io paper prototyping for the future

Pop-ups

Page 72: Io paper prototyping for the future

Paper Engineering Tips

Page 73: Io paper prototyping for the future

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

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

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

Break

Page 77: Io paper prototyping for the future

Paper Circuits

Page 78: Io paper prototyping for the future

What you’ll need!

Page 79: Io paper prototyping for the future

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

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

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

Simple Circuit

Page 83: Io paper prototyping for the future

Parallel Circuit

Page 84: Io paper prototyping for the future

Copper Tape Switch

Page 85: Io paper prototyping for the future
Page 86: Io paper prototyping for the future

Explore

Page 87: Io paper prototyping for the future

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

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

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)

Page 90: Io paper prototyping for the future

Wrap Up

Joselyn McDonald | [email protected] Nicole Messier | [email protected]