80
Jason Putorti VP of Design, Brigade Follow me @putorti 10 things you need to know about design

10 Things You Should Know About Design

Embed Size (px)

DESCRIPTION

Design is:A lever for businessMore than pretty picturesTalks benefits not featuresThinks in flows not screensIs intuitiveStarts with a great storySolves business problemsDevelops empathy for the userLearns cheaply before buildingRepeats and refines

Citation preview

Page 1: 10 Things You Should Know About Design

Jason Putorti VP of Design, Brigade

Follow me @putorti

10 things you need to know about design

Page 2: 10 Things You Should Know About Design
Page 3: 10 Things You Should Know About Design
Page 4: 10 Things You Should Know About Design
Page 5: 10 Things You Should Know About Design
Page 6: 10 Things You Should Know About Design
Page 7: 10 Things You Should Know About Design
Page 8: 10 Things You Should Know About Design

A lever for business More than pretty pictures Talks benefits not features Thinks in flows not screens Is intuitive Starts with a great story Solves business problems Develops empathy for the user Learns cheaply before building Repeats and refines

1 2 3 4 5 6 7 8 9

10

Design is

A Great Design

Process

Great Design

Page 9: 10 Things You Should Know About Design

A lever for business

1Design is…

Page 10: 10 Things You Should Know About Design

I need your bank passwords. Trust me.

Page 11: 10 Things You Should Know About Design
Page 12: 10 Things You Should Know About Design
Page 13: 10 Things You Should Know About Design
Page 14: 10 Things You Should Know About Design

P O W E R E D b y S E R V I C E™

Page 15: 10 Things You Should Know About Design
Page 16: 10 Things You Should Know About Design
Page 17: 10 Things You Should Know About Design

“I’m on twitter.”

dustincurtis.com/you_should_follow_me_on_twitter.html

Page 18: 10 Things You Should Know About Design

“You should follow me on twitter here.”

dustincurtis.com/you_should_follow_me_on_twitter.html

+173% increase in clicks

Page 19: 10 Things You Should Know About Design
Page 20: 10 Things You Should Know About Design

More than pretty pictures

2Design is…

Page 21: 10 Things You Should Know About Design

Design thinkingThe essential ability to combine empathy, creativity and rationality to meet user needs and drive business success.

Page 22: 10 Things You Should Know About Design

User experienceHow a person feels about using your product.

Page 23: 10 Things You Should Know About Design
Page 24: 10 Things You Should Know About Design

w

ord

of

m

outh

br

and

m

anag

emen

t

se

arch

eng

ine

st

rate

gy

resp

onse

tim

e

bro

wser

compa

tibility

stan

dard

complian

ce

WCAG-2 / section 508

compliance

colorscheme and contrast media use

graphic elements

placement

of elements

naming and

categorization

tone of voice

typography navigation

intuitiveness

structure

appropriate for

purpose

expected

information

no unexpected errors

conformity consistency

verifyability

satis

faction d

ifferen

tiatio

n

un

iquen

ess

content / presentation

separation

na

min

g

m

arke

ting

expected functionality

launch

implem

entation

graphic design

interaction design information architecture

content a

nd funct

iona

lity

use

r req

uire

men

ts

str

ategic foundation

phase

phase

phase

p

hase

production

development

conceptu

al

st

rate

gic

cust

omer

provider

experi

ence

user

VALUE

findability accessability desirability usability

cr

edib

ility

u

sefu

lnes

s

Page 25: 10 Things You Should Know About Design

‣ Going through the sign up flow

‣ Completing a task in the product

‣ Error message in the product

Page 26: 10 Things You Should Know About Design

Customer experienceThe sum of all interactions a customer has with your company, positive, or negative.

Page 27: 10 Things You Should Know About Design

‣ Going through the sign up flow

‣ Completing a task in the product

‣ Error message in the product

‣ Viewing your home page

‣ Reading a marketing email

‣ Dealing with customer service

Page 28: 10 Things You Should Know About Design

‣ Going through the sign up flow +5

‣ Completing a task in the product +10

‣ Error message in the product -5

‣ Viewing your home page +1

‣ Reading a marketing email -10

‣ Dealing with customer service -5

Page 29: 10 Things You Should Know About Design

User experience + Customer experience =

Brand

Page 30: 10 Things You Should Know About Design
Page 31: 10 Things You Should Know About Design
Page 32: 10 Things You Should Know About Design
Page 33: 10 Things You Should Know About Design
Page 34: 10 Things You Should Know About Design
Page 35: 10 Things You Should Know About Design
Page 36: 10 Things You Should Know About Design

Talks benefits not features

3Great design...

Page 37: 10 Things You Should Know About Design

Understand your money

20 colorful configurable charts and

graphs of your spending

vs

MINT.COM

Page 38: 10 Things You Should Know About Design

Your stuff, anywhere

1000GB of syncing cloud

storage for mobile phones, desktops, etc.

vs

DROPBOX

Page 39: 10 Things You Should Know About Design

Accept credit cards at

2.75% + 15¢vs

Page 40: 10 Things You Should Know About Design

Thinks in flows not screens

4Great design...

Page 41: 10 Things You Should Know About Design
Page 42: 10 Things You Should Know About Design

Log In

1. User enters email address into email field.

2. User presses tab, or clicks into new field

3. User enters password into password field.

4. User clicks Log In button.

5. System validates login information. If okay, User is taken to Overview page.

Page 43: 10 Things You Should Know About Design

Is intuitive

5Great design...

Page 44: 10 Things You Should Know About Design

When a gorilla walks into an experiment, what they say is ‘What do I do now? Where's the banana?’ S E T H G O D I N

Page 45: 10 Things You Should Know About Design
Page 46: 10 Things You Should Know About Design
Page 47: 10 Things You Should Know About Design

Obvious Requires Thought

“Is that a button?”

home“Is this what I want? Should

I keep looking?”

share

Interaction Scale

Page 48: 10 Things You Should Know About Design

Things that most people do, most often, should be prioritized first.

Things that some people do, somewhat often, should come second.

Things that few people do, infrequently, should come last.

SCOTT BURKUN

Page 49: 10 Things You Should Know About Design
Page 50: 10 Things You Should Know About Design
Page 51: 10 Things You Should Know About Design

Minimize noise

Page 52: 10 Things You Should Know About Design

Omit needless words

Page 53: 10 Things You Should Know About Design

Users pick the first reasonable option.

Page 54: 10 Things You Should Know About Design
Page 55: 10 Things You Should Know About Design
Page 56: 10 Things You Should Know About Design
Page 57: 10 Things You Should Know About Design

dustincurtis.com/dear_american_airlines.html

Page 58: 10 Things You Should Know About Design

Starts with a great story

6A great design process...

Page 59: 10 Things You Should Know About Design

What Why Where When Who How

Page 60: 10 Things You Should Know About Design

“For target customers who have a problem, our product is a new category that provides solution to that problem. Unlike the

alternatives, we have a key differentiator.”

Page 61: 10 Things You Should Know About Design

“Does everyone on your team know what the [user] experience will be like

interacting with your offerings five years from now?”

JARED SPOOL

Page 62: 10 Things You Should Know About Design

“How would it work if it were human?” KIM GOODWIN

Page 63: 10 Things You Should Know About Design

“How would it work if it were magic?” KIM GOODWIN

Page 64: 10 Things You Should Know About Design

Solves business problems

7A great design process...

Page 65: 10 Things You Should Know About Design
Page 66: 10 Things You Should Know About Design
Page 67: 10 Things You Should Know About Design
Page 68: 10 Things You Should Know About Design

Develops empathy for the user

8A great design process...

Page 69: 10 Things You Should Know About Design
Page 70: 10 Things You Should Know About Design

“In the last six weeks, have your team members spent at least two hours

watching people experience your product or service?”

JARED SPOOL

Page 71: 10 Things You Should Know About Design

Learns cheaply before building

9A great design process...

Page 72: 10 Things You Should Know About Design
Page 73: 10 Things You Should Know About Design
Page 74: 10 Things You Should Know About Design
Page 75: 10 Things You Should Know About Design

Repeats & Refines

10A great design process...

Page 76: 10 Things You Should Know About Design

Have a feedback mechanism

Page 77: 10 Things You Should Know About Design

Allot product cycles to improvement

Page 78: 10 Things You Should Know About Design

“In the last six weeks, has your senior management held a celebration of a

recently introduced design problem?” JARED SPOOL

Page 79: 10 Things You Should Know About Design

“Reduction through successive refinement is the only path to

simplicity.” KEVIN MULLET / DARRELL SANO

Page 80: 10 Things You Should Know About Design

A lever for business More than pretty pictures Talks benefits not features Thinks in flows not screens Is intuitive Starts with a great story Solves business problems Develops empathy for the user Learns cheaply before building Repeats and refines

1 2 3 4 5 6 7 8 9

10

Design is

A Great Design

Process

Great Design