93
Adam Brodowski @brodowski HJ Kwon @hatchejota

How we research and prototype at Made by Many

Embed Size (px)

Citation preview

Page 1: How we research and prototype at Made by Many

!

Adam Brodowski@brodowski

HJ Kwon@hatchejota

Page 2: How we research and prototype at Made by Many

The design process

User research

Prototyping

Pro tips

1

2

3

4

Page 3: How we research and prototype at Made by Many
Page 4: How we research and prototype at Made by Many
Page 5: How we research and prototype at Made by Many

The design process

1

Page 6: How we research and prototype at Made by Many

"

We approach design through an incredibly iterative process

Page 7: How we research and prototype at Made by Many

Mak

e Test

Learn

Page 8: How we research and prototype at Made by Many

RESEARCH & SYNTHESIS

SKETCHING PROTOTYPING DESIGN & CODE

LAUNCH

Page 9: How we research and prototype at Made by Many

Desk & field research

Page 10: How we research and prototype at Made by Many

We interview people who have experiences with the topic

Page 11: How we research and prototype at Made by Many

Document as we go

Page 12: How we research and prototype at Made by Many

Synthesis findings

Page 13: How we research and prototype at Made by Many

Workshops & sketching

Page 14: How we research and prototype at Made by Many

Prototyping with people

Page 15: How we research and prototype at Made by Many

Design & build a focused vision, launch it, and learn

Page 16: How we research and prototype at Made by Many

User research

2

Page 17: How we research and prototype at Made by Many

Design the right thing, before designing the thing right

Because it sucks building something for 9 months only to find out no one actually wants to use it

Page 18: How we research and prototype at Made by Many
Page 19: How we research and prototype at Made by Many

Any solution can only be as good as the depth of understanding of the problem.

We know we’re designing the right thing because we ask

“What is a good problem to solve?”

Page 20: How we research and prototype at Made by Many

Empathy gives us a deep understanding of the problems of others

Page 21: How we research and prototype at Made by Many

Observe

Live itInterview

Page 22: How we research and prototype at Made by Many

Observe

Live itInterview

Page 23: How we research and prototype at Made by Many

It’s the users job to tell us about their problems, it’s our

job to solve it

We don’t act on the user’s request, we act on their behalf

Page 24: How we research and prototype at Made by Many

“would you use this if…..”

asking hypothetical questions about the future

“so what do you want to have?”

asking for literal feedback

Don’t ask these questions

Page 25: How we research and prototype at Made by Many

People don’t say what they mean, and don’t mean what they say

Page 26: How we research and prototype at Made by Many

“Are you interested in working out?..”Instead of asking…

…a better question is

“How many times have you exercised in the past month?”

Everyone will say yes to this

#

Page 27: How we research and prototype at Made by Many

You’re probably wondering, how many people should I speak with?

Page 28: How we research and prototype at Made by Many

5 to 20Short answer

Quality over quantity. How many people only matters if you ask ‘who’

you want to speak with

Long answer

Page 29: How we research and prototype at Made by Many

How to learn about problems without directly

asking for solutions

Interview Framework

1. What was the hardest part about?

2. Can you tell me the last time that happened?

3. Why was that hard?

4. How did you solve that problem?

5. Why was your solution not awesome?

Page 30: How we research and prototype at Made by Many

Meet Dave, a tech startup founder with 3

employees

“Knowing the bare minimum of what I had to do”

“When I wanted my company to be legit”

“I always felt like I could get in trouble later”

“Felt like lawyers were reaming you every second”

“I paid lawyers to help me set it up”

1. What was the hardest part about?

2. Can you tell me the last time that happened?

3. Why was that hard?

4. How did you solve that problem?

5. Why was your solution not awesome?

Page 31: How we research and prototype at Made by Many

TriggerWhy did you start looking for an new product?

Search & ResearchWhere did you start looking? What information did you seek out?

DecidingWhat was your deciding factor?

SwitchHow did you feel after you chose?

Page 32: How we research and prototype at Made by Many

Observe

Live itInterview

Page 33: How we research and prototype at Made by Many

Observe

Live itInterview

Page 34: How we research and prototype at Made by Many

The Workarounds are so unconscious that

people don’t even realize that they do it.

People are already solving their problems somehow

Page 35: How we research and prototype at Made by Many

How are people finding creative ways to solve problems

they don’t even realize they have.

What are the contradictions between what people

say and what they actually do

Workarounds

Contradictions

Page 36: How we research and prototype at Made by Many

How are people finding creative ways to solve problems

they don’t even realize they have.

What are the contradictions between what people

say and what they actually do

Workarounds

Contradictions

shows you that people

actually want your product #

makes sure your product is designed

correctly#

Page 37: How we research and prototype at Made by Many

Observe

Live itInterview

Page 38: How we research and prototype at Made by Many

Observe

Live itInterview

Page 39: How we research and prototype at Made by Many

Experiencing something in the first person can show you what interviews and observing can’t

Page 40: How we research and prototype at Made by Many

Observe

Live itInterview

Page 41: How we research and prototype at Made by Many

Observe

Live itInterview

Page 42: How we research and prototype at Made by Many

Synthesis is about the organizing of chaos and the revelation of clarity

Page 43: How we research and prototype at Made by Many

TriggerWhy did you start looking for an new product?

Search & ResearchWhere did you start looking? What information did you seek out?

DecidingWhat was your deciding factor?

SwitchHow did you feel after you chose?

Page 44: How we research and prototype at Made by Many

Archetypes

“A quote that sums up his interview”

GoalsWhat are some of Dave’s goals?

What did he say? Quotes that stood out to us

What did we observe? What we noticed but he didn’t mention

Behaviors, habits, and workarounds

Meet Dave, again…

Page 45: How we research and prototype at Made by Many

Research

In the right location

I asked lawyers

Page 46: How we research and prototype at Made by Many

Research

In the right location

I asked lawyers

That are personalized

to them

I didn’t compare

Page 47: How we research and prototype at Made by Many

Research

In the right location

I asked lawyers

That are personalized

to them

I didn’t compare

I asked someone

who did it

Wanted to hire my first

employee

Page 48: How we research and prototype at Made by Many

Research

In the right location

I asked lawyers

That are personalized

to them

I didn’t compare

I asked someone

who did it

Wanted to hire my first

employee

People don’t know what they don’t know

People just want it death with

Looking for someone they trust

Insights

Page 49: How we research and prototype at Made by Many

Research

In the right location

I asked lawyers

That are personalized

to them

I didn’t compare

I asked someone

who did it

Wanted to hire my first

employee

People don’t know what they don’t know

People just want it death with

Looking for someone they trust

People need to compare

They need to know you can be trusted

Within their family

Insights

Design Mandates

Page 50: How we research and prototype at Made by Many

Prototyping

3

Page 51: How we research and prototype at Made by Many
Page 52: How we research and prototype at Made by Many

You’ve synthesized your research. And have some hunches to explore.

Page 53: How we research and prototype at Made by Many

All team sketch sessionHunches Ideas

Page 54: How we research and prototype at Made by Many

Quick Steal Remix

No bad ideas Fun

Page 55: How we research and prototype at Made by Many
Page 56: How we research and prototype at Made by Many
Page 57: How we research and prototype at Made by Many
Page 58: How we research and prototype at Made by Many

Take those stacks of sketches and create polarizing prototypes

Page 59: How we research and prototype at Made by Many

something for people to react to

Your creating

Your not designing the final concept

Page 60: How we research and prototype at Made by Many

or😠😍

Page 61: How we research and prototype at Made by Many

orPeople know why something is

AWESOME WRONG

Page 62: How we research and prototype at Made by Many

Text onlyPhoto only

Page 63: How we research and prototype at Made by Many

Paper Prototyping

Page 64: How we research and prototype at Made by Many

Simple flows

Page 65: How we research and prototype at Made by Many

You just opened this app and see this list.

What is happening on this screen?

How would you use that?

$# $

Page 66: How we research and prototype at Made by Many

“Is this enough detail?”

“What needs to be added?”

“What do you think

this list is?”

“Help me fill in the gaps here.”

“How do you do chores?”

“What do those buttons do?”

Page 67: How we research and prototype at Made by Many

Why?Why?

Why?Why? Why?

Page 68: How we research and prototype at Made by Many

!Think about new questions, new prototypes, and what to remove

Test again

Page 69: How we research and prototype at Made by Many

More specific questions

=

Higher fidelity prototypes

Page 70: How we research and prototype at Made by Many

Higher fidelity prototyping

Page 71: How we research and prototype at Made by Many

https://www.youtube.com/watch?v=ddCP1drv_8Q

https://support.invisionapp.com/hc/en-us/articles/203730505-How-do-I-create-and-apply-a-hotspot-template-

Invision Tutorials

Page 72: How we research and prototype at Made by Many

Keep making multiple prototypes

Keep asking questions

Keep probing

Page 73: How we research and prototype at Made by Many

!Test again

Page 74: How we research and prototype at Made by Many

Start combining ideasLook at what resonating with people

Page 75: How we research and prototype at Made by Many

MVPMinimal Viable Product

Page 76: How we research and prototype at Made by Many

The core idea

Helpful

Build-able

Not complex

Page 77: How we research and prototype at Made by Many

Simplify

Simplify

Simplify

Page 78: How we research and prototype at Made by Many

SimplifySimplifySimplify

Page 79: How we research and prototype at Made by Many
Page 80: How we research and prototype at Made by Many
Page 81: How we research and prototype at Made by Many

Prototype MVP Full Design

Page 82: How we research and prototype at Made by Many

"Process Recap

Page 83: How we research and prototype at Made by Many

Desk research

User interviews

Research synthesis

Sketch sessions

Prototype testing x3

Combining ideas

MVP creation

Page 84: How we research and prototype at Made by Many

Pro tips

4

Page 85: How we research and prototype at Made by Many

!Google drive for notes

Page 86: How we research and prototype at Made by Many

👥Interview pairs in pairs

Page 87: How we research and prototype at Made by Many

⏰Wait 5 seconds before

asking another question

Page 88: How we research and prototype at Made by Many

👤You’re not your user

Page 89: How we research and prototype at Made by Many

☻Bring gum

Page 90: How we research and prototype at Made by Many

👑Process rules

Page 91: How we research and prototype at Made by Many

📷Always be documenting

Page 92: How we research and prototype at Made by Many

Post them to tumblr

Take tons of photos

Page 93: How we research and prototype at Made by Many

Thanks!