Post on 06-Aug-2015
transcript
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.
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 | josmcdos@gmail.com Nicole Messier | nicoleyimessier@gmail.com