Top Banner
Maggie Steciuk DESIGNER, TERRIBLE LABS @MSTECIUK Epiphanies are hard work.
85

Epiphanies Are Hard Work

Jun 20, 2015

Download

Design

msteciuk

A pared down deck from my May 2013 talk at the One More Thing conference in Melbourne, Australia.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Epiphanies Are Hard Work

Maggie SteciukDESIGNER, TERRIBLE LABS@MSTECIUK

Epiphanies arehard work.

Page 2: Epiphanies Are Hard Work

Reasons you might not prototype

Page 3: Epiphanies Are Hard Work

“I’M ON A

DEADLINE”

Reasons you might not prototype

Page 4: Epiphanies Are Hard Work

“I’M ON A

DEADLINE”“I ALREADY

HAVE AN IDEA”

Reasons you might not prototype

Page 5: Epiphanies Are Hard Work

“I’M ON A

DEADLINE”“I ALREADY

HAVE AN IDEA”“THIS IS GONNA BE A

PIECE OF CAKE”

Reasons you might not prototype

Page 6: Epiphanies Are Hard Work

Prototypes are a tool for learning about problems

and validating our solutions.

Page 7: Epiphanies Are Hard Work

Prototypes help us:

Page 8: Epiphanies Are Hard Work

Prototypes help us:

Understand

Page 9: Epiphanies Are Hard Work

Communicate&Prototypes help us:

Understand

Page 10: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Page 11: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

Page 12: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

Technical

Page 13: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Page 14: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Page 15: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Magic happens

Page 16: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Magic happens

Page 17: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Magic happens

Page 18: Epiphanies Are Hard Work

UnderstandTHE PROBLEM SPACE

Business

TechnicalUser

Magic happens

Page 19: Epiphanies Are Hard Work

Communicate

Page 20: Epiphanies Are Hard Work

“Chair”

Communicate

Page 21: Epiphanies Are Hard Work

“Chair”

Communicate

Page 22: Epiphanies Are Hard Work
Page 23: Epiphanies Are Hard Work

“Oh, I get it!”

People understandwhat they can see.

Page 24: Epiphanies Are Hard Work
Page 25: Epiphanies Are Hard Work

And that enables them togive beer feedback.

“...and here’s what I think...”

Page 26: Epiphanies Are Hard Work

Our clients like prototypes, too

Page 27: Epiphanies Are Hard Work

How do wePROTOTYPE?

Page 28: Epiphanies Are Hard Work

How do wePROTOTYPE? Plan

Page 29: Epiphanies Are Hard Work

How do wePROTOTYPE? Plan

Build

Page 30: Epiphanies Are Hard Work

How do wePROTOTYPE? Plan

Build

Measure

Page 31: Epiphanies Are Hard Work

How do wePROTOTYPE? Plan

Build

Measure

Learn

Page 32: Epiphanies Are Hard Work

How do wePROTOTYPE? Plan

Build

Measure

Learn

Page 33: Epiphanies Are Hard Work

The value of prototypingis cumulative.

Page 34: Epiphanies Are Hard Work

Plan

Build

Measure

LearnWhat question do we need to answer?

Page 35: Epiphanies Are Hard Work

Plan

Build

Measure

LearnWhat question do we need to answer?How might we best do that?

Page 36: Epiphanies Are Hard Work

Plan

Build

Measure

LearnWhat question do we need to answer?How might we best do that?

Page 37: Epiphanies Are Hard Work

Plan

Build

Measure

LearnKey: build something you can interact with ASAP

Page 38: Epiphanies Are Hard Work

SIDEBAR:

SKETCHING

Page 39: Epiphanies Are Hard Work

BETTER IDEASNEED MORE IDEAS

SIDEBAR:

SKETCHING

Page 40: Epiphanies Are Hard Work

Your first idea may not be your best

Page 41: Epiphanies Are Hard Work

Your first idea may not be your best

Page 42: Epiphanies Are Hard Work

Your first idea may not be your best

Page 43: Epiphanies Are Hard Work
Page 44: Epiphanies Are Hard Work

BETTER IDEASNEED MORE IDEAS

FOCUSTHE CONVERSATION

SIDEBAR:

Sketching

Page 45: Epiphanies Are Hard Work

How done something looks≈

how done something is

Page 46: Epiphanies Are Hard Work

BETTER IDEASNEED MORE IDEAS

FOCUSEDREVIEW MEETINGS

INTERACTIVITYIN 5 MINUTES FLAT

SIDEBAR:

Sketching

Page 47: Epiphanies Are Hard Work
Page 48: Epiphanies Are Hard Work

Almost magic

Page 49: Epiphanies Are Hard Work
Page 50: Epiphanies Are Hard Work
Page 51: Epiphanies Are Hard Work

BETTER IDEASNEED MORE IDEAS

FOCUSEDREVIEW MEETINGS

INTERACTIVITYIN 5 MINUTES FLAT

VALIDATEEVEN EARLIER

SIDEBAR:

Sketching

Page 52: Epiphanies Are Hard Work

Plan

Build

Measure

Learn

Gather data so you can answer the questions

you set out to answer.

Page 53: Epiphanies Are Hard Work

Number of Test Users

Usab

ility P

roble

ms Fo

und

0 3 6 9 12 150%

25%

50%

75%

100%

Jakob Nielsen: “Why You Only Need to Test with 5 Users”

Page 54: Epiphanies Are Hard Work
Page 55: Epiphanies Are Hard Work

From: Anonymous User

I didn’t get it. What’s the point of this app again? I couldn’t figure it out.

Page 56: Epiphanies Are Hard Work

From: Anonymous User

I didn’t get it. What’s the point of this app again? I couldn’t figure it out.

WHAT AN

IDIOT

Page 57: Epiphanies Are Hard Work

? ??

Empathize!

Page 58: Epiphanies Are Hard Work

Plan

Build

Measure

LearnLearning isn’t just looking at the data.

Page 59: Epiphanies Are Hard Work

? ??

Page 60: Epiphanies Are Hard Work

TYPITTYTYPITTY

? ??

Page 61: Epiphanies Are Hard Work

? ??

Page 62: Epiphanies Are Hard Work
Page 63: Epiphanies Are Hard Work

Exhilarating!

Page 64: Epiphanies Are Hard Work

“Epiphanies”

are hard work

Page 65: Epiphanies Are Hard Work

I’m convinced!Can you tell us whatthe best prototypingtool is?

Page 66: Epiphanies Are Hard Work

Mmmmm, no.

Page 67: Epiphanies Are Hard Work

PEN & PAPER INVISION FLINTO KEYNOTE orPOWERPOINT

PROTO.IO

Page 68: Epiphanies Are Hard Work

PEN & PAPER INVISION FLINTO KEYNOTE orPOWERPOINT

PROTO.IO

XCODE

QUARTZCOMPOSER APPCOOKER FIREWORKS + TAP

BALSAMIQ

BRIEFSPOP APPAXUREVARIOUSFRAMEWORKS

FRAMER REFINE.IO

Page 69: Epiphanies Are Hard Work

PEN & PAPER INVISION FLINTO KEYNOTE orPOWERPOINT

PROTO.IO

XCODE QUARTZCOMPOSER

APPCOOKER FIREWORKS + TAPBALSAMIQ

BRIEFSPOP APPAXUREVARIOUSFRAMEWORKS

FRAMER REFINE.IO

Page 70: Epiphanies Are Hard Work

PEN & PAPER INVISION FLINTO KEYNOTE orPOWERPOINT

PROTO.IO

XCODE QUARTZCOMPOSER

APPCOOKER FIREWORKS + TAPBALSAMIQ

BRIEFSPOP APPAXUREVARIOUSFRAMEWORKS

FRAMER REFINE.IO

Page 71: Epiphanies Are Hard Work

Choose the best tool for the job

Page 72: Epiphanies Are Hard Work

Choose the best tool for the job

LEARNABILITY &

Familiarity

Page 73: Epiphanies Are Hard Work

Choose the best tool for the job

EASE OF

DistributionLEARNABILITY &

Familiarity

Page 74: Epiphanies Are Hard Work

Choose the best tool for the job

EASE OF

DistributionLEARNABILITY &

FamiliarityIMPORTANCE OF

Collaboration

Page 75: Epiphanies Are Hard Work

QUALITY OF

Interactivity

Choose the best tool for the job

EASE OF

DistributionLEARNABILITY &

FamiliarityIMPORTANCE OF

Collaboration

Page 76: Epiphanies Are Hard Work

Experiment

Page 77: Epiphanies Are Hard Work

FRAMER

Page 78: Epiphanies Are Hard Work
Page 79: Epiphanies Are Hard Work

PROTO.IO

Page 80: Epiphanies Are Hard Work

Quality vs. QuantityStory time

Page 81: Epiphanies Are Hard Work

Prototyping is a process

So, remember:

Page 82: Epiphanies Are Hard Work

Prototyping is a process Right tool, right time

So, remember:

Page 83: Epiphanies Are Hard Work

Prototyping is a process Right tool, right time

So, remember:

And don’t forget:sketching isprey great!

Page 84: Epiphanies Are Hard Work

Thank you!(PLEASE CLAP NOW)