Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

In this 2-part workshop we look at the different approaches to prototyping during a design process and in particular between the ideation and implementation phases. 

On Prototyping

B-DC 332

2021

Graduation Project | Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

Design, Research, Prototyping

human-computer interaction, design thinking, prototyping, user experience, experience design, usability, aesthetics, interaction

human-centered, design, social sector, design methods, case studies, prototyping ideas, creative solutions

human-centered, design research, design-driven, experience-centered, systems thinking, making, prototyping. digital transformation, sustainable futures

B-DC 332

2021

Graduation Project | Prototyping Workshop

Design Thinking

Empathise

Define

Ideate

Prototype

Test

Empathise to help define the problem

Tests reveal insights that redefine the problem

Learn from prototypes to spark new ideas

Tests create new ideas for the project

Learn about users through testing

B-DC 332

2021

Graduation Project | Prototyping Workshop

Design Thinking

Empathise

Define

Ideate

Prototype

Test

Data Collection

Outcomes

Ideas

B-DC 332

2021

Graduation Project | Prototyping Workshop

Design Thinking, prototype.

Early Research isn't Everything. Research conducted during the early stages of your Design Thinking project does not tell you everything you need to know in order to create the optimal solution. Regardless of whether you have researched thoroughly and gathered a large body of information, or whether your ideation sessions have resulted in what many perceive as a world-changing solution, testing is still crucial for success.


Design teams can easily become fixated on the research artefacts they have gathered during the earlier phases of exploration, creating a bias towards their ideas. By prototyping and then testing those prototypes, you can reveal assumptions and biases you have towards your ideas, and uncover insights about your users that you can use to improve your solutions or create new ones.


You can use prototyping as a form of research even before other phases in Design Thinking, allowing you to explore problem areas in interfaces, products or services, and spot areas for improvement or innovation.

Some of the purposes that prototypes fulfil are:

 

Exploring and Experimentation You can use prototypes to explore problems, ideas, and opportunities within a specific area of focus and test out the impact of incremental or radical changes.

 

Learning and Understanding Use prototypes in order to better understand the dynamics of a problem, product, or system by physically engaging with them and picking apart what makes them work or fail.

 

Engaging, Testing, and Experiencing Use prototyping to engage with end users or stakeholders, in ways that reveal deeper insight and more valuable experiences, to inform design decisions going forward.

 

Inspiring and Motivating Use prototypes to sell new ideas, motivate buy-in from internal or external stakeholders, or inspire markets toward radical new ways of thinking and doing.

B-DC 332

2021

Graduation Project | Prototyping Workshop

Three faces of Design Research.

The meanings of "design research" explained: research for, into, and through design by Mehmet Aydın Baytaş is an episode in a series of podcasts and articles on the theories and practices of design. You can listen to the podcast or read the article here. Some takeaway points:

 

There is a list of 3 options for what "design research" can mean. These are introduced in an article titled Research in Art and Design, published in 1993 by Sir Christopher Frayling. He proposes three categories of design research: Research for design, research into design, research through design.

 

Most design research outside academia, in commercial product development, is research for design. In Frayling’s words, this is the "gathering of reference materials" that culminate in the form of a product.

 

On the subject of crafting deliverables – the reporting of design research must itself be well-designed, deploying excellent writing, graphic design, videos, and other media as fit. How quickly its audience understands the work is a major indicator of effective design research.

Baytaş is currently teaching at the joint Department of Computer Science and Engineering at Chalmers University of Technology and University of Gothenburg. He has degrees in mechanical engineering, economics, and design.

Research into design is research about design, with design and designers as its subject.

 

Research through design is to use design as a research method as an approach for learning about things other than design, gaining access to knowledge that would have been impossible otherwise. A modern example of research through design is user experience studies, where people engage with new inventions.

 

Certain insights on new products are impossible to obtain without having the actual design at hand. Showing something to people, rather than just telling them about it, leads to more relevant feedback.

 

The same applies to the designer's experience. As our sketches and prototypes develop towards the final form, so does our grasp on the consequences of creative decisions. As Bill Moggridge put it: "The only way to experience an experience is to experience it."

B-DC 332

2021

Graduation Project | Prototyping Workshop

Research through Design

Doing Research

Doing Design

Artifact

Prototype

Knowledge

Work done with the intention to produce knowledge for use by others

Work done with the intention to produce a feasible solution to improve a given situation

Object (often material) created during a design process

Artifact used in research that can realize the (inter)action that is studied

Understanding about the world that can be communicated to others

Question, hypothesis, theory, investigation, interpretation, generalization, validation, discovery

Idea and concept generation, synthesis, development, integration, discovery, prototyping, invention, implementation, realization 

Sketch, blueprint, brief, specifications, vision, proposal, recommendation, business plan

Implementation, realization, test, exploration, solution, proof of concept, construction

Theory, book, publication, expertise

Design Practice

The ways in which design professionals conduct their work

Brief, contract, client, stakeholder, studio

Working Definition

Key associated Terms

B-DC 332

2021

Graduation Project | Prototyping Workshop

Prototyping, Research through Design

The term ‘prototype, along with the verb ‘prototyping’, has become popular in design research, and especially so in interaction design. Originally, the term indicated a precursor of a mass-produced product, which shares its material qualities, but will undergo testing and development during implementation. In design research, the term ‘prototype’ is also used for all kinds of product-like physical constructions.

 

In interaction design, paper prototyping can be as simple as drawings on paper. Prototypes are a narrower category than artifacts. They are ‘like products’ in the sense that someone can interact with them and experience them, whereas sketches and blueprints are less direct representations about—rather than realizations of—intended situations and interactions.

 

In the Research through Design literature, some authors use the term ‘artifact’ (or, in British/Commonwealth English, ‘artefact’) with this meaning that we reserve for ‘prototype’, but without making the difference explicit. In this chapter, we use the distinctions above – that every prototype involves an artifact or artifacts, but that not every artifact is a ‘prototype’

The term ‘artifact’ originates in anthropology / archeology, and refers to a man-made thing, usually a material object. It will play an important role, because many researchers regard the things made by designers to be core to RtD.

 

Note: the term ‘artifact’ means something completely different in measurement methodology, namely an error in measurement such as a scratch on a photograph.

B-DC 332

2021

Graduation Project | Prototyping Workshop

Fidelity

Low fidelity versus high fidelity.

Effort

Fidelity

Sketching

Paper Prototype

Wireframe

Digital Prototype

Mockup

Coded Prototype

Prototypes

Interactive Applications

The fidelity of a prototype refers to its level of completeness, functionality and detail. The degree of completeness of the prototypes you build depends on the stage of progress:

 

Low fidelity: low cost, rough and quick to build Medium fidelity: slightly more detailed, still rough but closer to the solution High fidelity: much closer to final, very detailed and much more time-consuming

 

This represents a scale of completeness or closeness to the final product, which differs depending on the type of solutions and needs of the situation. Prototypes can also have different parts with varying levels of fidelity.

 

For example, you can build a prototype with high visual fidelity but with low functional fidelity — which would be useful if you were testing the visual aspects, rather than functional aspects, of the prototype. The main aspects, which are the focus of the prototype, should receive more focus and, ideally, higher fidelity.

B-DC 332

2021

Graduation Project | Prototyping Workshop

How do prototypes (often) look like

Sketching

Paper Prototype

Wireframe

Digital Prototype

Mockup

Coded Prototype

Prototypes

Interactive Applications

B-DC 332

2021

Graduation Project | Prototyping Workshop

How should our prototyping look like

Paper Prototyping

Physical Prototyping

Hands-on making

Things you will bring

B-DC 332

2021

Graduation Project | Prototyping Workshop

Draw out three ideas that are [relevant, desirable, impossible, achievable, cool] in relation to your project.

1

Bring three objects that are [a struggle, unnecessary, a must] for your project.

2

You can write ideas on a piece of paper

Materials

B-DC 332

2021

Graduation Project | Prototyping Workshop

Please bring to the workshop a couple of materials A that you want to work with B that you feel comfortable with C that you can handle well. Materials you have at home, or maybe a visit to Daiso?

3

We can think of materials as a physical entity like paper, paint, or wood. According to a simple definition, a material is a substance that a thing is made of. Ok, something physical? But what if the thing is purely virtual or intangible, what would be its material?

 

Let's consider material within and beyond physical entities. The obvious like paper and wood could be your material, but data could also be a material, or code, light, sound, or any material you have already collected during and for your current research.

Tools

B-DC 332

2021

Graduation Project | Prototyping Workshop

Black fine tip marker

Cutting mat

Laptop

Metal ruler

Pencil

Pen knife

Scissors

Please bring to the workshop

Nice to have

Glue gun

Masking tape

Foldback clips

 

4

Purpose

B-DC 332

2021

Graduation Project | Prototyping Workshop

In my FYP I study ___________ to ___________________.

5

Who do you want to be and what do you want your world to be?

your FYP topic here 

your intention or FYP impact here

6

A purpose is a long-term, meaningful goal with a desired end result. The purpose is achieved by successfully carrying out objectives. An objective  is a short-term, precise goal carried out in order to achieve a purpose.  

You can write the above on a piece of paper

Case studies

B-DC 332

2021

Graduation Project | Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

Case Study 1

Carelets

Carelets is a collection of wearable accessories designed to promote environmentally conscious consumerism in order to create a global "just enough" consumer culture for a sustainable future.

 

Its objective is to help its users to understand the supply chain and waste management of things we consume. We argue that the supply chain and the production of consumer goods as well as the disposal of used goods are becoming more and more complex and invisible and therefore less apparent to the consumer itself.

 

By participating in the Carelets initiative one is encouraged to wear at least one Carelet to identify and monitor their purchasing behaviour. A Carelet provides one with an on-the-spot feedback when attempting to buy a new product. We provide users with an open database of supply chain and waste management information to monitor and evaluate a user's consumer behavior. A tactile response reminds you of a product’s impact on the environment.

During this one week long workshop (Singapore, 2015) we used methods from the open prototyping model developed by workshop facilitator FutureEverything.

B-DC 332

2021

Graduation Project | Prototyping Workshop

Case Study 2

Prototyping and Iteration: A device to plant teff

A hallmark of human-centered design is rapid prototyping and iterating on the fly. A project team working in Ethiopia on designing a new device to plant teff—a grain and staple of Ethiopian cuisine—put our process to the test when a prototype of their planter came face to face with the Ethiopian soil.

 

Transporting the planter from San Francisco to rural Ethiopia was one thing, but the real challenge came when engineer and team member Ravi Prakash set out to push it through a field of muddy soil.

 

“Suddenly, Ravi’s steps started getting smaller. Watching him was like seeing time slow down,” reported project lead Martin Schnitzer. “He was barely 50 feet down the field and the wheels had picked up enough mud to make it nearly impossible to move any further. We knew the mud would be challenging but we didn’t think it would render the planter useless so quickly. Deflated, we felt like we were thrown back to the beginning of our challenge.”

The team was quickly back in the shop of a local agricultural research center trying to figure out what to do with the planter’s wheels. They played with a variety of solutions, quickly moving through ideas like spiked wheels and skis, until one of the local metal workers had a suggestion: wrap the wheels in burlap.


“Wrapping the wheels in burlap isn’t an idea we could have ever come up with in a brainstorm,” said Schnitzer, ”and burlap certainly isn’t on any list of new high tech materials. However, using burlap came from keeping an open mind to trying new solutions. It came from talking to people who understand the conditions best and by sharing the excitement of this project with others to gain inspiration from a number of places.”


In the end, burlap worked wonderfully well. And though the wheels of the final product are made of harder-wearing stuff, the burlap fix allowed the team to get back out into the soil and test other elements of the planters with the farmers who’ll use them.

B-DC 332

2021

Graduation Project | Prototyping Workshop

Case Study 3

Roboarm

Roboarm is a physical object. Two motors and a proximity sensor mounted on a tripod constitute Roboarm's exterior. On the inside is a set of rules that determine its behavior. Roboarm is intended to give the impression of a self-obsessed and contented machine. As long as it is not interrupted, it sporadically 'draws' simple calculations in mid-air. A sensor attached to the tip of the arm behaves like a pair of eyes – upon sensing any obstruction, Roboarm shies away.

 

Some audience reactions that could be observed and recorded when on public display:

  • Motion sensor and presence of movement triggers a response but unsure of whether presence vs continuous movement is required
  • It moves when our hands are near the top of the handle
  • I had to find the sensor
  • I was looking for how I could interact and then waving around helped
  • I was a bit confused as to why it started to move even after I wasn’t near the sensor
  • It was fun to play with as it avoids your hand
  • I waved to the roboarm and there were some form of reply
  • Almost like a responsive AI Machine to me, i can foresee many outcomes from this work, so i think it is not random.
  • At times it seemed random but the response was overall quite clear

B-DC 332

2021

Graduation Project | Prototyping Workshop

Case Study 4

Code

Improvised code development in 10 steps. A basic sketch showing how to draw small squares on a digital canvas is combined with a noise algorithm and then, as it progresses, transforms into kinetic typography and finally into a sound-based animation of rectangles floating in virtual space.

B-DC 332

2021

Graduation Project | Prototyping Workshop

Lets get started

Warmup

B-DC 332

2021

Graduation Project | Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

Warmup 1

You will be working in pairs. As a team of two, each of you will draw and map out a timeline of your studio project, how did it go so far?

Highs

Lows

Now

Then

What are some low points and what are the high points you encountered over time? Be visual (draw doodles) and add short descriptive notes. 

10

Warmup

You can draw your journey map onto a piece of paper using the above as your starting point

B-DC 332

2021

Graduation Project | Prototyping Workshop

Warmup 1

You will be working in pairs. As a team of two, each of you will draw and map out a timeline of your studio project, how did it go so far?

Highs

Lows

Now

Then

What are the low points and what are the high points? Be visual (draw doodles) and add short descriptive notes. 

10

Action

Together, pick a low point for each of you and discuss how it could be resolved. Use the sheet of paper on which you drew your journey map.

Warmup

B-DC 332

2021

Graduation Project | Prototyping Workshop

Warmup 2

Using paper, rapid prototype a _______________  by crumbling and/or folding and/or tearing it.

10

Action

Fill in the blank, then make.

Warmup

B-DC 332

2021

Graduation Project | Prototyping Workshop

Warmup 2

Using paper, rapid prototype a _______________  by crumbling and/or folding and/or tearing it.

10

1 What is your _______________? Write it down on a piece of paper. In a few words, how did it make you feel? 

 

2 If you felt uncomfortable, that’s ok. Creating something (new) often feels uncomfortable: do others like what you made? Does it look good? What do others think about what you made?

 

3 If you think your result is messy, that’s ok. Making a mess often feels good and often shouldn’t be avoided. Making a mess sometimes helps?

Action

Warmup

B-DC 332

2021

Graduation Project | Prototyping Workshop

Warmup 3

Do you have enough space to work hands-on?

10

Set up your space so that you and your teammate feel comfortable. Lay out your tools and materials.

 

When done, document and take photos of Warmup 1 to 3 with your mobile phone.

Action

Warmup

Session 1

B-DC 332

2021

Graduation Project | Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

You will work in a team of two. Give your team a name.

The team

Working on weird and strange things is preferred over playing safe.

Writing

Do less

Doodling

Sketching

Shaping

Tinkering

Making

Coding

Do more

5

Session 1

B-DC 332

2021

Graduation Project | Prototyping Workshop

What we need to do now is to formulate an idea, to find a starting point.

 

From the things you brought to class, from the results of the warm-up exercises, each of you sketches a simple idea for an object, which you then put into action by making it.

 

When in doubt, add the element of play as a criteria. Working on weird and strange things is preferred over playing safe.

Object

Idea

Material

Tool

Purpose

 

Getting started

Things you brought to class

Continues on the next slide

Session 1

B-DC 332

2021

Graduation Project | Prototyping Workshop

Approach

Idea A, derived from warmup 1 

Create an object that addressed the outcome from Warmup 1.

 

Idea B, derived from Things you will bring 1

Create an object that is inspired by one of the objects that you brought with you.

 

Idea C, derived from Things you will bring 2 

Create an object that represents or embodies one of the ideas you have drawn out.

Make A, use your own materials  

Start making with one or more of the materials that you brought with you

 

Make B, use materials provided

Start making with one or more of the materials provided by the workshop

 

Make C, combine 1 and 2

Start making using any of the materials from above, do make sure to return the materials after the workshop if possible.

First ⟶

Then ⟶

As a team you can work on 2 individual prototypes or on 1 together.

Make

Session 1

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 1

The only way to experience an experience is to experience it.

Bill Moggridge

was a British designer, author and educator who cofounded the design company IDEO

Approach

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 1

Why, where, how, when, what?

Approach

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 1

Debrief

Until our second session next week, please complete your making.

Transition

B-DC 332

2021

Graduation Project | Prototyping Workshop

As your homework till next week's session, work on your prototype  outside of the classroom and bring it to our next session. Make changes, enhancements, simplify where necessary, show it to others and ask for feedback.

Session 1

Session 2

Session 2

B-DC 332

2021

Graduation Project | Prototyping Workshop

B-DC 332

2021

Graduation Project | Prototyping Workshop

Let's take some time to complete your prototype. Is there anything left to do or important questions or issues to clarify? 

Work in progress

60

Session 2

Is your work interactive? Get one or two of your classmates to use, test and give feedback (don't forget to document).

B-DC 332

2021

Graduation Project | Prototyping Workshop

Now document your outcomes. Use a camera, a white background and appropriate lighting to capture your result(s) in a photo shoot.

 

Documenting

40

Session 2

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 2

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 2

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 2

Avoid

B-DC 332

2021

Graduation Project | Prototyping Workshop

Session 2

B-DC 332

2021

Graduation Project | Prototyping Workshop

Take a few minutes to reflect on your outcome and the process of making over the past 7 days.

 

Use a piece of paper to collect and organise your thoughts, quickly sketch out a journey map.

Prepare for sharing

20

Session 2

Struggles

Experiences

Chance encounters

Happy accidents

Achievements

Next steps

Identify

B-DC 332

2021

Graduation Project | Prototyping Workshop

Sharing of outcomes and experiences